{"id":5145,"date":"2025-12-01T02:59:35","date_gmt":"2025-12-01T02:59:35","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5145"},"modified":"2025-12-22T05:11:59","modified_gmt":"2025-12-22T05:11:59","slug":"pce-superplasticizer-for-concrete","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/","title":{"rendered":"Memberdayakan Inovasi Beton dengan Superplastikizer NOVASTAR PCE"},"content":{"rendered":"<div class=\"banner\">\n    <!-- Background layers --><\/p>\n<div class=\"background-layers\"><\/div>\n<p>    <!-- Geometric decoration elements --><\/p>\n<div class=\"geometric-elements\"><\/div>\n<p>    <!-- Main content --><\/p>\n<div class=\"main-content\">\n<div class=\"content-left\">\n<div class=\"title-section\">\n<h1 class=\"main-title\">\n                    <span class=\"title-line-1\">NOVASTAR PCE<\/span><br \/>\n                    <span class=\"title-line-2\">Superplastifikasi<\/span><br \/>\n                <\/h1>\n<div class=\"subtitle\">\n                    Dirancang oleh LANDU, NOVASTAR memberikan kinerja pengurangan air tingkat tinggi untuk kekuatan beton yang unggul, daya tahan, dan aliran.\n                <\/div>\n<\/p><\/div>\n<div class=\"features-grid\">\n<div class=\"feature-card technology\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">\n<h3>Teknologi PCE Tingkat Lanjut<\/h3>\n<p>Inovasi Eter Poliakrilat<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card compatibility\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">\n<h3>Kompatibel dengan Sistem<\/h3>\n<p>Sistem Semen, Mortar &amp; Gypsum<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card support\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">\n<h3>Solusi OEM Kustom<\/h3>\n<p>Formulasi &amp; Dukungan Teknis<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<div class=\"quality-badges\">\n<div class=\"badge\">Sertifikasi ISO<\/div>\n<div class=\"badge\">Disetujui CNAS<\/div>\n<div class=\"badge\">Rekayasa LANDU<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-right\">\n<div class=\"visual-section\">\n                <!-- PCE molecular structure diagram --><\/p>\n<div class=\"molecule-diagram\">\n<div class=\"molecule-center\"><\/div>\n<div class=\"molecule-bonds\"><\/div>\n<div class=\"molecule-groups\">\n<div class=\"group group-1\">COO\u207b<\/div>\n<div class=\"group group-2\">SO\u2083\u207b<\/div>\n<div class=\"group group-3\">CH\u2082<\/div>\n<div class=\"group group-4\">OCH\u2083<\/div>\n<div class=\"group group-5\">PCE<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Application areas --><\/p>\n<div class=\"applications\">\n<div class=\"app-item concrete\">\n<p>                        <span>Beton Berkinerja Tinggi<\/span>\n                    <\/div>\n<div class=\"app-item precast\">\n<p>                        <span>Elemen Pracetak<\/span>\n                    <\/div>\n<div class=\"app-item ready-mix\">\n<p>                        <span>Beton Siap Pakai<\/span>\n                    <\/div>\n<div class=\"app-item self-leveling\">\n<p>                        <span>Campuran Pengisi Otomatis<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Performance indicators --><\/p>\n<div class=\"performance-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">40%<\/div>\n<div class=\"stat-label\">Pengurangan Air<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">120menit<\/div>\n<div class=\"stat-label\">Waktu Kerja<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">+30%<\/div>\n<div class=\"stat-label\">Perolehan Kekuatan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.banner {\n    width: 100%;\n    min-height: 100vh;\n    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 80px 0;\n}<\/p>\n<p>\/* Background layers *\/\n.background-layers {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.layer {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.4;\n}<\/p>\n<p>.layer-1 {\n    width: 300px;\n    height: 300px;\n    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n    top: -50px;\n    right: -50px;\n}<\/p>\n<p>.layer-2 {\n    width: 200px;\n    height: 200px;\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n    bottom: 20%;\n    left: 10%;\n}<\/p>\n<p>.layer-3 {\n    width: 150px;\n    height: 150px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    top: 30%;\n    left: 70%;\n}<\/p>\n<p>\/* Geometric decoration *\/\n.geometric-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0.6;\n}<\/p>\n<p>.shape {\n    position: absolute;\n}<\/p>\n<p>.circle-1 {\n    width: 60px;\n    height: 60px;\n    background: #1e40af;\n    border-radius: 50%;\n    top: 15%;\n    left: 15%;\n    opacity: 0.2;\n}<\/p>\n<p>.circle-2 {\n    width: 40px;\n    height: 40px;\n    background: #0ea5e9;\n    border-radius: 50%;\n    bottom: 25%;\n    right: 20%;\n    opacity: 0.3;\n}<\/p>\n<p>.triangle-1 {\n    width: 0;\n    height: 0;\n    border-left: 25px solid transparent;\n    border-right: 25px solid transparent;\n    border-bottom: 40px solid #0284c7;\n    opacity: 0.2;\n    top: 60%;\n    left: 25%;\n}<\/p>\n<p>.square-1 {\n    width: 35px;\n    height: 35px;\n    background: #0369a1;\n    opacity: 0.2;\n    top: 25%;\n    right: 30%;\n    transform: rotate(45deg);\n}<\/p>\n<p>.line-element {\n    position: absolute;\n    background: linear-gradient(90deg, #64748b 0%, transparent 100%);\n    height: 2px;\n    opacity: 0.3;\n}<\/p>\n<p>.line-1 {\n    width: 150px;\n    top: 40%;\n    left: 5%;\n    transform: rotate(15deg);\n}<\/p>\n<p>.line-2 {\n    width: 120px;\n    bottom: 30%;\n    right: 10%;\n    transform: rotate(-25deg);\n}<\/p>\n<p>\/* Main content *\/\n.main-content {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 80px;\n    max-width: 1400px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.content-left {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 32px;\n}<\/p>\n<p>.title-section {\n    margin-bottom: 8px;\n}<\/p>\n<p>.main-title {\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 24px;\n    color: #1e293b;\n}<\/p>\n<p>.title-line-1 {\n    display: block;\n    color: #1e40af;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.title-line-2 {\n    display: block;\n    color: #475569;\n}<\/p>\n<p>.subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.7;\n    max-width: 560px;\n    font-weight: 400;\n}<\/p>\n<p>\/* Features grid *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}<\/p>\n<p>.feature-card {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 24px 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    background: rgba(255, 255, 255, 0.95);\n}<\/p>\n<p>.feature-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n}<\/p>\n<p>.technology .feature-icon {\n    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n}<\/p>\n<p>.compatibility .feature-icon {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n}<\/p>\n<p>.support .feature-icon {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}<\/p>\n<p>.icon-molecule {\n    width: 24px;\n    height: 24px;\n    background: #1e40af;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-molecule::before,\n.icon-molecule::after {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 2px;\n    background: #1e40af;\n    top: 50%;\n    left: 50%;\n}<\/p>\n<p>.icon-molecule::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n}<\/p>\n<p>.icon-molecule::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n}<\/p>\n<p>.icon-layers {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(to bottom, \n        #0ea5e9 0%, #0ea5e9 6px, \n        transparent 6px, transparent 10px,\n        #0ea5e9 10px, #0ea5e9 16px,\n        transparent 16px, transparent 20px,\n        #0ea5e9 20px, #0ea5e9 24px\n    );\n    border-radius: 2px;\n}<\/p>\n<p>.icon-support {\n    width: 24px;\n    height: 24px;\n    background: #0284c7;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-support::before {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    border: 2px solid #0284c7;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: transparent;\n}<\/p>\n<p>.feature-text h3 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>\/* CTA section *\/\n.cta-section {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n}<\/p>\n<p>.quality-badges {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.badge {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    color: #475569;\n    padding: 10px 18px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>\/* Right visual section *\/\n.content-right {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.visual-section {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n}<\/p>\n<p>\/* PCE molecular diagram *\/\n.molecule-diagram {\n    position: relative;\n    width: 220px;\n    height: 220px;\n    margin: 0 auto 40px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.molecule-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.atom-core {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.molecule-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    background: linear-gradient(90deg, #64748b 0%, #94a3b8 100%);\n    height: 2px;\n    border-radius: 1px;\n}<\/p>\n<p>.bond-1 {\n    width: 50px;\n    top: 30%;\n    left: 20px;\n    transform: translateY(-50%) rotate(30deg);\n}<\/p>\n<p>.bond-2 {\n    width: 50px;\n    top: 30%;\n    right: 20px;\n    transform: translateY(-50%) rotate(-30deg);\n}<\/p>\n<p>.bond-3 {\n    width: 50px;\n    top: 70%;\n    left: 20px;\n    transform: translateY(-50%) rotate(-30deg);\n}<\/p>\n<p>.bond-4 {\n    width: 50px;\n    top: 70%;\n    right: 20px;\n    transform: translateY(-50%) rotate(30deg);\n}<\/p>\n<p>.bond-5 {\n    width: 45px;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.bond-6 {\n    width: 45px;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.molecule-groups {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.group {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    padding: 5px 10px;\n    border-radius: 8px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    font-family: 'Courier New', monospace;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.group-1 {\n    top: 8px;\n    left: 8px;\n}<\/p>\n<p>.group-2 {\n    top: 8px;\n    right: 8px;\n}<\/p>\n<p>.group-3 {\n    bottom: 8px;\n    left: 8px;\n}<\/p>\n<p>.group-4 {\n    bottom: 8px;\n    right: 8px;\n}<\/p>\n<p>.group-5 {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(30, 64, 175, 0.1);\n    color: #1e40af;\n    font-weight: 700;\n}<\/p>\n<p>\/* Application areas *\/\n.applications {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.app-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    padding: 14px 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    font-size: 0.9rem;\n    color: #475569;\n    font-weight: 500;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.app-item:hover {\n    background: rgba(255, 255, 255, 0.9);\n    transform: translateY(-2px);\n}<\/p>\n<p>.app-icon-simple {\n    width: 22px;\n    height: 22px;\n    background: linear-gradient(135deg, #64748b 0%, #94a3b8 100%);\n    border-radius: 4px;\n    flex-shrink: 0;\n}<\/p>\n<p>.concrete .app-icon-simple {\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n}<\/p>\n<p>.precast .app-icon-simple {\n    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);\n}<\/p>\n<p>.ready-mix .app-icon-simple {\n    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);\n}<\/p>\n<p>.self-leveling .app-icon-simple {\n    background: linear-gradient(135deg, #0369a1 0%, #1e40af 100%);\n}<\/p>\n<p>\/* Performance statistics *\/\n.performance-stats {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    padding: 20px 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n    flex: 1;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 6px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Responsive design *\/\n@media (max-width: 1200px) {\n    .main-content {\n        padding: 0 40px;\n        gap: 60px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 3rem;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .banner {\n        padding: 60px 0;\n    }<\/p>\n<p>    .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 0 40px;\n    }<\/p>\n<p>    .content-left {\n        text-align: center;\n        align-items: center;\n    }<\/p>\n<p>    .subtitle {\n        max-width: 100%;\n    }<\/p>\n<p>    .main-title {\n        font-size: 3rem;\n    }<\/p>\n<p>    .features-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n        max-width: 800px;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .banner {\n        min-height: auto;\n        padding: 50px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 24px;\n        gap: 40px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 20px;\n    }<\/p>\n<p>    .applications {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .performance-stats {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .molecule-diagram {\n        width: 200px;\n        height: 200px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .banner {\n        padding: 40px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 20px;\n        gap: 32px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }<\/p>\n<p>    .badge {\n        font-size: 0.85rem;\n        padding: 8px 14px;\n    }<\/p>\n<p>    .molecule-diagram {\n        width: 180px;\n        height: 180px;\n    }<\/p>\n<p>    .geometric-elements {\n        opacity: 0.3;\n    }<\/p>\n<p>    .app-item {\n        font-size: 0.85rem;\n        padding: 12px 14px;\n    }<\/p>\n<p>    .stat-number {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .stat-label {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n<section class=\"pce-content\">\n<div class=\"container\">\n        <!-- Header --><\/p>\n<div class=\"content-header\">\n<h2 class=\"main-title\">\n                <span class=\"title-primary\">Superplastifikasi Berbasis PCE<\/span><br \/>\n                <span class=\"title-secondary\">NOVASTAR oleh LANDU<\/span><br \/>\n            <\/h2>\n<p class=\"description\">\n                Di LANDU, kami menghadirkan kimia beton canggih ke sektor konstruksi melalui lini NOVASTAR kami, yang mengkhususkan diri dalam bubuk superplastisizer eter polikarboxylat (PCE). Dirancang untuk aplikasi beton dan mortar modern, produk kami memberikan kemampuan pengurangan air yang luar biasa sambil mempertahankan integritas struktural dan kinerja.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Grid --><\/p>\n<div class=\"content-wrapper\">\n            <!-- Left Side - Advantages --><\/p>\n<div class=\"advantages-container\">\n<h3 class=\"section-title\">Keunggulan Utama NOVASTAR PCE<\/h3>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper blue\"><\/div>\n<div class=\"card-content\">\n<h4>Pengurangan Air yang Luar Biasa<\/h4>\n<p>Dapatkan kerja yang unggul dengan menggunakan air yang jauh lebih sedikit.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper cyan\"><\/div>\n<div class=\"card-content\">\n<h4>Peningkatan Kelancaran &amp; Dispersi Seragam<\/h4>\n<p>Mendukung aliran beton yang optimal dan pemisahan partikel yang tepat.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper green\"><\/div>\n<div class=\"card-content\">\n<h4>Kualitas Konsisten<\/h4>\n<p>Setiap batch produksi menjalani pengujian ketat untuk menjamin hasil yang stabil dan dapat diprediksi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper orange\"><\/div>\n<div class=\"card-content\">\n<h4>Formulasi Ekonomis<\/h4>\n<p>Mengurangi biaya campuran secara keseluruhan tanpa mengorbankan parameter kinerja.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Side - Image & Specs --><\/p>\n<div class=\"product-container\">\n<div class=\"product-image-card\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-samples.jpg\" alt=\"Contoh Superplastisizer Policarboxylate LANDU\" class=\"product-img\"><\/p>\n<div class=\"image-badge\">Kualitas Premium<\/div>\n<\/p><\/div>\n<div class=\"specs-card\">\n<h4>Keunggulan Teknis<\/h4>\n<div class=\"spec-item\">\n                        <span class=\"spec-number\">35-40%<\/span><br \/>\n                        <span class=\"spec-label\">Tingkat Pengurangan Air<\/span>\n                    <\/div>\n<div class=\"spec-item\">\n                        <span class=\"spec-number\">180menit<\/span><br \/>\n                        <span class=\"spec-label\">Retensi Slump<\/span>\n                    <\/div>\n<div class=\"spec-item\">\n                        <span class=\"spec-number\">+25%<\/span><br \/>\n                        <span class=\"spec-label\">Kekuatan Awal<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Solutions Section --><\/p>\n<div class=\"solutions-section\">\n<div class=\"solutions-header\">\n<div class=\"solutions-icon\"><\/div>\n<div>\n<h3>Solusi OEM yang Dirancang Khusus<\/h3>\n<p>Formulasi yang disesuaikan untuk kebutuhan spesifik Anda<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"solutions-body\">\n<div class=\"solutions-text\">\n<p>Tim teknis kami yang terampil bekerja sama dengan klien untuk merancang dan menyesuaikan formulasi untuk sistem semen dan mortar tertentu. Apakah Anda membutuhkan struktur molekul PCE yang khusus atau saran ahli tentang kompatibilitas aditif \u2014 termasuk optimalisasi defoamer \u2014 kami memastikan campuran yang andal dan berkinerja tinggi yang disesuaikan dengan kebutuhan proyek Anda.<\/p>\n<\/p><\/div>\n<div class=\"solutions-features\">\n<div class=\"feature\">\n<p>                        <span>Desain struktur molekul PCE yang khusus<\/span>\n                    <\/div>\n<div class=\"feature\">\n<p>                        <span>Panduan kompatibilitas aditif dari ahli<\/span>\n                    <\/div>\n<div class=\"feature\">\n<p>                        <span>Dukungan optimalisasi defoamer<\/span>\n                    <\/div>\n<div class=\"feature\">\n<p>                        <span>Pengembangan formulasi khusus proyek<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Quality Footer --><\/p>\n<div class=\"quality-section\">\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>ISO 9001:2015<\/strong><br \/>\n                    <span>Manajemen Mutu<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>Tersertifikasi CNAS<\/strong><br \/>\n                    <span>Pengujian Laboratorium<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>Dukungan Teknis<\/strong><br \/>\n                    <span>Konsultasi Ahli<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>Pasokan Global<\/strong><br \/>\n                    <span>Pengiriman ke seluruh dunia<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n.pce-content {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n    padding: 50px 0;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.pce-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 80% 80%, rgba(14, 165, 233, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 40% 60%, rgba(16, 185, 129, 0.05) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Header Styles *\/\n.content-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.main-title {\n    font-size: 2.8rem;\n    font-weight: 700;\n    margin-bottom: 12px;\n    line-height: 1.2;\n}<\/p>\n<p>.title-primary {\n    display: block;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.title-secondary {\n    display: block;\n    color: #475569;\n    font-size: 2.2rem;\n}<\/p>\n<p>.subtitle {\n    font-size: 1.4rem;\n    color: #64748b;\n    margin-bottom: 16px;\n    font-weight: 500;\n}<\/p>\n<p>.description {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* Content Wrapper *\/\n.content-wrapper {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 40px;\n    margin-bottom: 40px;\n}<\/p>\n<p>\/* Advantages Container *\/\n.advantages-container {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border-radius: 20px;\n    padding: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.section-title {\n    font-size: 1.8rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.advantage-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 16px;\n    margin-bottom: 12px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.advantage-card:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.advantage-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n    background: rgba(255, 255, 255, 0.95);\n}<\/p>\n<p>.icon-wrapper {\n    width: 52px;\n    height: 52px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.blue { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n.cyan { background: linear-gradient(135deg, #cffafe 0%, #a5f3fc 100%); }\n.green { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); }\n.orange { background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%); }<\/p>\n<p>.icon-drop {\n    width: 24px;\n    height: 24px;\n    background: #1e40af;\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n}<\/p>\n<p>.icon-flow {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(90deg, #0ea5e9 0%, #0ea5e9 40%, transparent 40%, transparent 60%, #0ea5e9 60%);\n    border-radius: 2px;\n}<\/p>\n<p>.icon-check {\n    width: 24px;\n    height: 24px;\n    background: #10b981;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-check::after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    border: 2px solid white;\n    border-top: 0;\n    border-left: 0;\n    transform: rotate(45deg);\n    top: 4px;\n    left: 7px;\n}<\/p>\n<p>.icon-dollar {\n    width: 24px;\n    height: 24px;\n    background: #f59e0b;\n    border-radius: 4px;\n    position: relative;\n}<\/p>\n<p>.icon-dollar::before {\n    content: '$';\n    position: absolute;\n    color: white;\n    font-weight: bold;\n    font-size: 14px;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.card-content h4 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 6px;\n    line-height: 1.3;\n}<\/p>\n<p>.card-content p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>\/* Product Container *\/\n.product-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.product-image-card {\n    position: relative;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 180px;\n    object-fit: cover;\n    border-radius: 12px;\n    display: block;\n}<\/p>\n<p>.image-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(30, 64, 175, 0.9);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.9rem;\n    font-weight: 600;\n}<\/p>\n<p>.specs-card {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.specs-card h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 15px;\n    text-align: center;\n}<\/p>\n<p>.spec-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px;\n    margin-bottom: 8px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n}<\/p>\n<p>.spec-item:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.spec-number {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 4px;\n}<\/p>\n<p>.spec-label {\n    font-size: 0.95rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>\/* Solutions Section *\/\n.solutions-section {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border-radius: 20px;\n    padding: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    margin-bottom: 40px;\n}<\/p>\n<p>.solutions-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.solutions-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.icon-gear {\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-gear::before {\n    content: '';\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    border: 2px solid #1e40af;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.solutions-header h3 {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.solutions-header p {\n    font-size: 1.1rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.solutions-body {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 30px;\n}<\/p>\n<p>.solutions-text p {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin: 0;\n}<\/p>\n<p>.solutions-features {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}<\/p>\n<p>.feature {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 10px 16px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    font-size: 1rem;\n    color: #475569;\n}<\/p>\n<p>.bullet {\n    width: 8px;\n    height: 8px;\n    background: #1e40af;\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>\/* Quality Section *\/\n.quality-section {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.quality-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}<\/p>\n<p>.quality-icon {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    flex-shrink: 0;\n}<\/p>\n<p>.icon-cert, .icon-lab, .icon-support, .icon-globe {\n    width: 24px;\n    height: 24px;\n    background: #1e40af;\n    border-radius: 3px;\n}<\/p>\n<p>.quality-item div:last-child {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.quality-item strong {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.quality-item span {\n    font-size: 0.9rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }<\/p>\n<p>    .solutions-body {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .quality-section {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .pce-content {\n        padding: 40px 0;\n    }<\/p>\n<p>    .container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .title-secondary {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .description {\n        font-size: 1rem;\n    }<\/p>\n<p>    .content-header {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .content-wrapper {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .solutions-section {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .advantages-container,\n    .solutions-section {\n        padding: 24px;\n    }<\/p>\n<p>    .solutions-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .quality-section {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        padding: 20px;\n    }<\/p>\n<p>    .advantage-card {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n        padding: 12px;\n    }<\/p>\n<p>    .product-img {\n        height: 140px;\n    }<\/p>\n<p>    .card-content h4 {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .card-content p {\n        font-size: 0.95rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .main-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-secondary {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .advantages-container,\n    .solutions-section,\n    .product-image-card,\n    .specs-card {\n        padding: 16px;\n    }<\/p>\n<p>    .content-wrapper {\n        gap: 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .solutions-header h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .solutions-header p {\n        font-size: 1rem;\n    }<\/p>\n<p>    .solutions-text p {\n        font-size: 1rem;\n    }<\/p>\n<p>    .feature {\n        font-size: 0.95rem;\n        padding: 8px 12px;\n    }\n}\n<\/style>\n<section class=\"pce-definition\">\n<div class=\"container\">\n        <!-- Header --><\/p>\n<div class=\"definition-header\">\n<h2 class=\"main-question\">Apa itu Superplastisiser Polikarboxilat (PCE)?<\/h2>\n<div class=\"answer-content\">\n<p class=\"primary-definition\">\n                    Superplastisiser Polikarboxilat (PCE) merupakan admixture pengurang air berjangkauan tinggi generasi berikutnya yang dirancang untuk sistem beton dan semen modern. Peran utamanya adalah secara signifikan meningkatkan kemudahan pengerjaan dan fluiditas tanpa mengorbankan kekuatan struktural atau daya tahan jangka panjang.\n                <\/p>\n<p class=\"mechanism-explanation\">\n                    Dirancang dari polimer eter polikarboxilat, PCE bekerja dengan efektif menyebarkan partikel semen pada tingkat mikroskopis. Penyebaran ini secara drastis menurunkan kebutuhan air sambil mengoptimalkan kinerja campuran, menghasilkan beton yang lebih padat, kekuatan lebih tinggi, dan umur layanan yang lebih panjang.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Main Content - Two Column Layout --><\/p>\n<div class=\"main-content-wrapper\">\n            <!-- Left Column - 70% --><\/p>\n<div class=\"left-column\">\n                <!-- Core Advantages --><\/p>\n<div class=\"advantages-section\">\n<h3 class=\"section-title\">Keunggulan Utama PCE<\/h3>\n<div class=\"advantage-list\">\n<div class=\"advantage-item water-reduction\">\n<div class=\"advantage-content\">\n<h4>Pengurangan Air yang Luar Biasa<\/h4>\n<p>Capai campuran dengan aliran tinggi sambil menjaga kandungan air seminimal mungkin.<\/p>\n<p>                                <span class=\"performance-badge\">Pengurangan hingga 45%<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"advantage-item strength-durability\">\n<div class=\"advantage-content\">\n<h4>Kenaikan Kekuatan &amp; Daya Tahan<\/h4>\n<p>Hasilkan beton yang kokoh dan tahan lama dengan limbah material yang berkurang.<\/p>\n<p>                                <span class=\"performance-badge\">+35% peningkatan kekuatan<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"advantage-item workability\">\n<div class=\"advantage-content\">\n<h4>Keability Kerja Unggul<\/h4>\n<p>Sangat cocok untuk cetakan rumit dan area dengan tulangan berat.<\/p>\n<p>                                <span class=\"performance-badge\">240 menit waktu aliran<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"advantage-item construction\">\n<div class=\"advantage-content\">\n<h4>Percepatan Konstruksi<\/h4>\n<p>Mempercepat penempatan, meminimalkan usaha tenaga kerja, dan memperpendek jadwal proyek.<\/p>\n<p>                                <span class=\"performance-badge\">Penyelesaian lebih cepat<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Process Flow --><\/p>\n<div class=\"process-section\">\n<h3 class=\"process-title\">Cara Kerja Teknologi PCE<\/h3>\n<div class=\"process-steps\">\n<div class=\"process-step\">\n<div class=\"step-number\">1<\/div>\n<div class=\"step-content\">\n<h4>Adsorpsi Polimer<\/h4>\n<p>Molekul PCE menempel pada partikel semen melalui daya tarik elektrostatik<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"process-step\">\n<div class=\"step-number\">2<\/div>\n<div class=\"step-content\">\n<h4>Dispersi Sterik<\/h4>\n<p>Rantai samping menciptakan gaya tolak menolak yang mencegah aglomerasi partikel<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"process-step\">\n<div class=\"step-number\">3<\/div>\n<div class=\"step-content\">\n<h4>Aliran yang Ditingkatkan<\/h4>\n<p>Mengurangi kebutuhan air dengan peningkatan kemampuan kerja secara dramatis<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column - 30% --><\/p>\n<div class=\"right-column\">\n                <!-- Molecular Structure --><\/p>\n<div class=\"molecular-card\">\n<h4>Struktur Molekul PCE<\/h4>\n<div class=\"molecular-diagram\">\n<div class=\"polymer-backbone\"><\/div>\n<div class=\"side-chains\">\n<div class=\"side-chain chain-1\"><\/div>\n<div class=\"side-chain chain-2\"><\/div>\n<div class=\"side-chain chain-3\"><\/div>\n<\/p><\/div>\n<div class=\"functional-groups\">\n                            <span class=\"group-label carboxyl\">COO\u207b<\/span><br \/>\n                            <span class=\"group-label sulfonate\">SO\u2083\u207b<\/span><br \/>\n                            <span class=\"group-label ether\">EO\/PO<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Performance Metrics --><\/p>\n<div class=\"metrics-card\">\n<h4>Metrik Kinerja<\/h4>\n<div class=\"metrics-grid\">\n<div class=\"metric-item\">\n<div class=\"metric-value\">45%<\/div>\n<div class=\"metric-label\">Pengurangan Air<\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-value\">35%<\/div>\n<div class=\"metric-label\">Peningkatan Kekuatan<\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-value\">240 menit<\/div>\n<div class=\"metric-label\">Waktu Kerja<\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-value\">99%<\/div>\n<div class=\"metric-label\">Dispersi Partikel<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Applications --><\/p>\n<div class=\"applications-section\">\n<h3 class=\"applications-title\">Aplikasi Utama<\/h3>\n<div class=\"applications-list\">\n<div class=\"application-tag\">Konstruksi Gedung Tinggi<\/div>\n<div class=\"application-tag\">Elemen Pracetak<\/div>\n<div class=\"application-tag\">Proyek Infrastruktur<\/div>\n<div class=\"application-tag\">Struktur Laut<\/div>\n<div class=\"application-tag\">Beton Self-Consolidating<\/div>\n<div class=\"application-tag\">Beton Berkinerja Tinggi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n.pce-definition {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n    padding: 60px 0;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.pce-definition::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(14, 165, 233, 0.06) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Header *\/\n.definition-header {\n    text-align: center;\n    margin-bottom: 50px;\n}<\/p>\n<p>.main-question {\n    font-size: 2.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 24px;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.answer-content {\n    max-width: 1000px;\n    margin: 0 auto;\n}<\/p>\n<p>.primary-definition {\n    font-size: 1.15rem;\n    line-height: 1.8;\n    color: #475569;\n    margin-bottom: 16px;\n    font-weight: 500;\n}<\/p>\n<p>.mechanism-explanation {\n    font-size: 1.05rem;\n    line-height: 1.8;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Main Content Wrapper - 70-30 Layout *\/\n.main-content-wrapper {\n    display: grid;\n    grid-template-columns: 7fr 3fr;\n    gap: 40px;\n    align-items: start;\n}<\/p>\n<p>\/* Left Column - 70% *\/\n.left-column {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n}<\/p>\n<p>\/* Right Column - 30% *\/\n.right-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    height: 100%;\n}<\/p>\n<p>\/* Advantages Section *\/\n.advantages-section {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.section-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.advantage-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    flex: 1;\n}<\/p>\n<p>.advantage-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 16px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    transition: all 0.3s ease;\n    height: 100%;\n}<\/p>\n<p>.advantage-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n    background: rgba(255, 255, 255, 0.9);\n}<\/p>\n<p>.advantage-marker {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    margin-top: 6px;\n}<\/p>\n<p>.water-reduction .advantage-marker { background: linear-gradient(135deg, #3b82f6, #1e40af); }\n.strength-durability .advantage-marker { background: linear-gradient(135deg, #10b981, #059669); }\n.workability .advantage-marker { background: linear-gradient(135deg, #f59e0b, #d97706); }\n.construction .advantage-marker { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }<\/p>\n<p>.advantage-content {\n    flex: 1;\n}<\/p>\n<p>.advantage-content h4 {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.advantage-content p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin-bottom: 8px;\n    line-height: 1.5;\n}<\/p>\n<p>.performance-badge {\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: #1e40af;\n    background: rgba(30, 64, 175, 0.1);\n    padding: 4px 10px;\n    border-radius: 12px;\n    display: inline-block;\n}<\/p>\n<p>\/* Process Section *\/\n.process-section {\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.process-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 20px;\n    text-align: center;\n}<\/p>\n<p>.process-steps {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n}<\/p>\n<p>.process-step {\n    flex: 1;\n    text-align: center;\n    padding: 20px 14px;\n    background: rgba(255, 255, 255, 0.7);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n}<\/p>\n<p>.process-step:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.step-number {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #1e40af, #0ea5e9);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: 700;\n    font-size: 1.1rem;\n    margin: 0 auto 12px;\n    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.step-content h4 {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 8px;\n}<\/p>\n<p>.step-content p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* Molecular & Metrics Cards *\/\n.molecular-card, .metrics-card, .applications-section {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(15px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.molecular-card {\n    flex: 1;\n}<\/p>\n<p>.metrics-card {\n    flex: 1;\n}<\/p>\n<p>.applications-section {\n    flex: 1;\n}<\/p>\n<p>.molecular-card h4, .metrics-card h4 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 16px;\n    text-align: center;\n}<\/p>\n<p>\/* Molecular Diagram *\/\n.molecular-diagram {\n    position: relative;\n    height: 100%;\n    min-height: 140px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.polymer-backbone {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}<\/p>\n<p>.backbone-segment {\n    width: 16px;\n    height: 16px;\n    background: linear-gradient(135deg, #1e40af, #3b82f6);\n    border-radius: 50%;\n    box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.side-chains {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.side-chain {\n    position: absolute;\n    display: flex;\n    gap: 4px;\n}<\/p>\n<p>.chain-1 {\n    top: 25px;\n    left: 30px;\n    transform: rotate(-45deg);\n}<\/p>\n<p>.chain-2 {\n    top: 25px;\n    right: 30px;\n    transform: rotate(45deg);\n}<\/p>\n<p>.chain-3 {\n    bottom: 25px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.chain-unit {\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(135deg, #0ea5e9, #06b6d4);\n    border-radius: 50%;\n}<\/p>\n<p>.functional-groups {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.group-label {\n    position: absolute;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #1e40af;\n    background: rgba(255, 255, 255, 0.9);\n    padding: 4px 8px;\n    border-radius: 6px;\n    border: 1px solid rgba(30, 64, 175, 0.2);\n    font-family: 'Courier New', monospace;\n}<\/p>\n<p>.carboxyl { top: 10px; left: 10px; }\n.sulfonate { top: 10px; right: 10px; }\n.ether { bottom: 10px; left: 50%; transform: translateX(-50%); }<\/p>\n<p>\/* Metrics Grid *\/\n.metrics-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    height: 100%;\n}<\/p>\n<p>.metric-item {\n    text-align: center;\n    padding: 14px 10px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}<\/p>\n<p>.metric-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.metric-value {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 6px;\n}<\/p>\n<p>.metric-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.3;\n}<\/p>\n<p>\/* Applications Section *\/\n.applications-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 14px;\n    text-align: center;\n}<\/p>\n<p>.applications-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n}<\/p>\n<p>.application-tag {\n    background: rgba(30, 64, 175, 0.1);\n    color: #1e40af;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    border: 1px solid rgba(30, 64, 175, 0.2);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.application-tag:hover {\n    background: rgba(30, 64, 175, 0.15);\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .main-content-wrapper {\n        gap: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .main-content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }<\/p>\n<p>    .advantage-list {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .process-steps {\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .molecular-diagram {\n        min-height: 120px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .pce-definition {\n        padding: 40px 0;\n    }<\/p>\n<p>    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .definition-header {\n        margin-bottom: 35px;\n    }<\/p>\n<p>    .main-question {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .primary-definition {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .mechanism-explanation {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .advantages-section,\n    .process-section,\n    .molecular-card,\n    .metrics-card,\n    .applications-section {\n        padding: 20px;\n    }<\/p>\n<p>    .molecular-diagram {\n        min-height: 100px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .main-question {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .advantages-section,\n    .process-section,\n    .molecular-card,\n    .metrics-card,\n    .applications-section {\n        padding: 18px 16px;\n    }<\/p>\n<p>    .advantage-item {\n        padding: 14px;\n    }<\/p>\n<p>    .molecular-diagram {\n        min-height: 90px;\n    }<\/p>\n<p>    .metrics-grid {\n        grid-template-columns: 1fr;\n        gap: 8px;\n    }<\/p>\n<p>    .application-tag {\n        font-size: 0.75rem;\n        padding: 5px 10px;\n    }\n}\n<\/style>\n<p><!-- Product Details Section --><\/p>\n<div class=\"product-showcase\">\n    <!-- Dynamic Background --><\/p>\n<div class=\"showcase-background\">\n<div class=\"floating-elements\"><\/div>\n<\/p><\/div>\n<div class=\"showcase-container\">\n        <!-- Hero Overview --><\/p>\n<div class=\"hero-overview\">\n<div class=\"hero-content\">\n<div class=\"hero-badge\">\n                    <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/span><br \/>\n                    <span>Rekayasa Kimia Lanjut<\/span>\n                <\/div>\n<h1 class=\"hero-title\">\n                    <span class=\"title-main\">Eter Polikarboksilat<\/span><br \/>\n                    <span class=\"title-sub\">Solusi Superplastifikasi Generasi Berikutnya<\/span><br \/>\n                <\/h1>\n<p class=\"hero-description\">\n                    SERIES NOVASTAR\u2122 PCE mewakili puncak teknologi pengurang air, dirancang untuk kinerja beton yang unggul di berbagai aplikasi konstruksi. Desain molekul canggih kami memastikan kompatibilitas yang luar biasa, efisiensi dispersi, dan daya kerja yang tahan lama.\n                <\/p>\n<div class=\"hero-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">\u2265240mm<\/div>\n<div class=\"stat-label\">Kelancaran<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e6.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">1000kg<\/div>\n<div class=\"stat-label\">MOQ<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">40%<\/div>\n<div class=\"stat-label\">Pengurangan Air<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfd7\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3d7.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">+30%<\/div>\n<div class=\"stat-label\">Perolehan Kekuatan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-visual\">\n<div class=\"molecular-structure\">\n<div class=\"molecule-core\">\n<div class=\"core-center\">PCE<\/div>\n<\/p><\/div>\n<div class=\"molecule-bonds\">\n<div class=\"bond bond-1\">COO\u207b<\/div>\n<div class=\"bond bond-2\">SO\u2083\u207b<\/div>\n<div class=\"bond bond-3\">CH\u2082<\/div>\n<div class=\"bond bond-4\">OCH\u2083<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Product Categories --><\/p>\n<div class=\"product-categories\">\n            <!-- Powder Series --><\/p>\n<div class=\"category-section powder-category\">\n<div class=\"category-header\">\n<div class=\"category-info\">\n<h2 class=\"category-title\"><a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/\" target=\"_blank\">Keunggulan Bubuk<\/a><\/h2>\n<p class=\"category-subtitle\">Formulasi Bubuk Berkinerja Tinggi<\/p>\n<\/p><\/div>\n<div class=\"category-count\">4 Produk<\/div>\n<\/p><\/div>\n<div class=\"products-carousel\">\n                    <!-- Product 530P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-530P-product.jpg\" alt=\"NOVASTAR 530P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge economical-badge\">Pilihan Ekonomis<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">530P<\/div>\n<div class=\"product-type-indicator powder-indicator\">Bubuk<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 530P<\/h3>\n<p class=\"product-tagline\">Pengurang Air Berbasis PCE yang Ekonomis<\/p>\n<p class=\"product-summary\">Solusi hemat biaya untuk aplikasi konstruksi standar yang membutuhkan kinerja pengurangan air yang andal.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">Grouting<\/span><br \/>\n                                <span class=\"chip\">Mortar Perbaikan<\/span><br \/>\n                                <span class=\"chip\">Self-Leveling<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">Jelajahi 530P                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 540P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-540P-product.jpg\" alt=\"NOVASTAR 540P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge fast-badge\">Cepat Mengering<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">540P<\/div>\n<div class=\"product-type-indicator powder-indicator\">Bubuk<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 540P<\/h3>\n<p class=\"product-tagline\">PCE Pengering Cepat untuk Kekuatan Awal<\/p>\n<p class=\"product-summary\">Dirancang secara khusus untuk proyek yang membutuhkan pengembangan kekuatan cepat dan pengaturan cepat.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">Pengaturan Cepat<\/span><br \/>\n                                <span class=\"chip\">Sistem Dukungan<\/span><br \/>\n                                <span class=\"chip\">Tahan Air<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">Jelajahi 540P                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 570P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-570P-product.jpg\" alt=\"NOVASTAR 570P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge gypsum-badge\">Spesialis Gypsum<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">570P<\/div>\n<div class=\"product-type-indicator powder-indicator\">Bubuk<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 570P<\/h3>\n<p class=\"product-tagline\">PCE untuk Sistem Gypsum<\/p>\n<p class=\"product-summary\">Dirancang secara eksklusif untuk formulasi berbasis gypsum dengan kimia yang dioptimalkan untuk kompatibilitas maksimal.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">Sistem Gypsum<\/span><br \/>\n                                <span class=\"chip\">Self-Leveling<\/span><br \/>\n                                <span class=\"chip\">Pracetak<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">Jelajahi 570P                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 580P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-580P-product.jpg\" alt=\"NOVASTAR 580P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge premium-badge\">Kualitas Premium<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">580P<\/div>\n<div class=\"product-type-indicator powder-indicator\">Bubuk<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 580P<\/h3>\n<p class=\"product-tagline\">Superplastizer Serbaguna Premium<\/p>\n<p class=\"product-summary\">Solusi kinerja terbaik untuk aplikasi yang menuntut efisiensi dan fleksibilitas maksimum.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">UHPC<\/span><br \/>\n                                <span class=\"chip\">Pracetak<\/span><br \/>\n                                <span class=\"chip\">Campuran Premium<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">Jelajahi 580P                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Flake Series --><\/p>\n<div class=\"category-section flake-category\">\n<div class=\"category-header\">\n<div class=\"category-info\">\n<h2 class=\"category-title\"><a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/novastar-pce-flake-high-performance-solid-polycarboxylate-superplasticizer\/\" target=\"_blank\">Inovasi Serpihan<\/a><\/h2>\n<p class=\"category-subtitle\">Teknologi Penyimpanan &amp; Pelarutan Canggih<\/p>\n<\/p><\/div>\n<div class=\"category-count\">2 Produk<\/div>\n<\/p><\/div>\n<div class=\"products-carousel flake-carousel\">\n                    <!-- Product 590F --><\/p>\n<div class=\"product-card flake-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-flake-590F-product.jpg\" alt=\"NOVASTAR 590F\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge water-reduction-badge\">Pengurangan Air Tinggi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">590F<\/div>\n<div class=\"product-type-indicator flake-indicator\">Serpihan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 590F<\/h3>\n<p class=\"product-tagline\">PCE Serpihan Pengurangan Air Tinggi<\/p>\n<p class=\"product-summary\">Formulasi serpihan unggulan yang menggabungkan kemampuan penyimpanan fleksibel dengan sifat pelarutan yang luar biasa dan kinerja dispersi tinggi.<\/p>\n<div class=\"application-chips flake-chips\">\n                                <span class=\"chip\">Penyimpanan Fleksibel<\/span><br \/>\n                                <span class=\"chip\">Pelurusan Mudah<\/span><br \/>\n                                <span class=\"chip\">Dispersi Tinggi<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn flake-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/novastar-pce-flake-high-performance-solid-polycarboxylate-superplasticizer\/', '_blank'); return false;\">Jelajahi 590F                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn flake-secondary\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 600F --><\/p>\n<div class=\"product-card flake-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-flake-600F-product.jpg\" alt=\"NOVASTAR 600F\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge slump-badge\">Retensi Slump Tinggi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">600F<\/div>\n<div class=\"product-type-indicator flake-indicator\">Serpihan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 600F<\/h3>\n<p class=\"product-tagline\">Retensi Slump Tinggi PCE Serpihan<\/p>\n<p class=\"product-summary\">Teknologi serpihan canggih yang dirancang untuk waktu kerja yang diperpanjang, ideal untuk aplikasi yang membutuhkan keluwesan beton yang berkepanjangan.<\/p>\n<div class=\"application-chips flake-chips\">\n                                <span class=\"chip\">Retensi Slump<\/span><br \/>\n                                <span class=\"chip\">Keluwesan Kerja yang Diperpanjang<\/span><br \/>\n                                <span class=\"chip\">Penyimpanan Mudah<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn flake-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/novastar-pce-flake-high-performance-solid-polycarboxylate-superplasticizer\/', '_blank'); return false;\">Jelajahi 600F                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn flake-secondary\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Technical Specifications Footer --><\/p>\n<div class=\"tech-footer\">\n<div class=\"tech-grid\">\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Kepadatan Bulk<\/div>\n<div class=\"tech-value\">400\u2013500 kg\/m\u00b3<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Kandungan Kelembaban<\/div>\n<div class=\"tech-value\">\u22643%<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Manufaktur<\/div>\n<div class=\"tech-value\">Rekayasa LANDU<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2705\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2705.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Standar Kualitas<\/div>\n<div class=\"tech-value\">Sertifikasi ISO<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.product-showcase {\n    position: relative;\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    min-height: 100vh;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>\/* Dynamic Background *\/\n.showcase-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}<\/p>\n<p>.bg-wave {\n    position: absolute;\n    background: linear-gradient(45deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    border-radius: 50%;\n    animation: float 20s ease-in-out infinite;\n}<\/p>\n<p>.wave-1 {\n    width: 400px;\n    height: 400px;\n    top: -100px;\n    right: -100px;\n    animation-delay: 0s;\n}<\/p>\n<p>.wave-2 {\n    width: 300px;\n    height: 300px;\n    bottom: -80px;\n    left: -80px;\n    animation-delay: -7s;\n}<\/p>\n<p>.wave-3 {\n    width: 200px;\n    height: 200px;\n    top: 50%;\n    left: 70%;\n    animation-delay: -14s;\n}<\/p>\n<p>@keyframes float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-20px) rotate(120deg); }\n    66% { transform: translateY(10px) rotate(240deg); }\n}<\/p>\n<p>.floating-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.float-circle {\n    position: absolute;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(59, 130, 246, 0.2) 100%);\n    animation: pulse 4s ease-in-out infinite;\n}<\/p>\n<p>.circle-1 {\n    width: 60px;\n    height: 60px;\n    top: 20%;\n    left: 15%;\n    animation-delay: 0s;\n}<\/p>\n<p>.circle-2 {\n    width: 40px;\n    height: 40px;\n    bottom: 30%;\n    right: 20%;\n    animation-delay: -2s;\n}<\/p>\n<p>.float-hexagon {\n    position: absolute;\n    width: 30px;\n    height: 30px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    clip-path: polygon(30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%, 0% 50%);\n    animation: rotate 8s linear infinite;\n    opacity: 0.3;\n}<\/p>\n<p>.hex-1 {\n    top: 40%;\n    left: 10%;\n}<\/p>\n<p>.hex-2 {\n    bottom: 20%;\n    right: 15%;\n    animation-delay: -4s;\n}<\/p>\n<p>.molecular-chain {\n    position: absolute;\n    width: 2px;\n    height: 60px;\n    background: linear-gradient(to bottom, rgba(34, 197, 94, 0.3) 0%, rgba(59, 130, 246, 0.3) 100%);\n    animation: sway 6s ease-in-out infinite;\n}<\/p>\n<p>.chain-1 {\n    top: 30%;\n    right: 25%;\n    transform: rotate(15deg);\n}<\/p>\n<p>.chain-2 {\n    bottom: 40%;\n    left: 25%;\n    transform: rotate(-20deg);\n    animation-delay: -3s;\n}<\/p>\n<p>@keyframes pulse {\n    0%, 100% { transform: scale(1); opacity: 0.6; }\n    50% { transform: scale(1.2); opacity: 0.3; }\n}<\/p>\n<p>@keyframes rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>@keyframes sway {\n    0%, 100% { transform: rotate(15deg); }\n    50% { transform: rotate(-15deg); }\n}<\/p>\n<p>\/* Main Container *\/\n.showcase-container {\n    position: relative;\n    z-index: 10;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 60px 40px;\n}<\/p>\n<p>\/* Hero Overview *\/\n.hero-overview {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 80px;\n    margin-bottom: 80px;\n    align-items: center;\n}<\/p>\n<p>.hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: #166534;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.hero-title {\n    margin-bottom: 24px;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 3.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.5rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>.hero-description {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin-bottom: 40px;\n    max-width: 600px;\n}<\/p>\n<p>.hero-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}<\/p>\n<p>.stat-item {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 20px;\n    text-align: center;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.stat-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.stat-icon {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.4rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>\/* Molecular Structure *\/\n.hero-visual {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}<\/p>\n<p>.molecular-structure {\n    position: relative;\n    width: 300px;\n    height: 300px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 50%;\n    border: 2px solid rgba(34, 197, 94, 0.2);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n    animation: molecularRotate 20s linear infinite;\n}<\/p>\n<p>@keyframes molecularRotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.molecule-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>.core-center {\n    color: white;\n    font-weight: 700;\n    font-size: 1rem;\n}<\/p>\n<p>.orbital {\n    position: absolute;\n    border: 2px dashed rgba(34, 197, 94, 0.3);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.orbital-1 {\n    width: 120px;\n    height: 120px;\n    animation: orbitRotate 10s linear infinite;\n}<\/p>\n<p>.orbital-2 {\n    width: 160px;\n    height: 160px;\n    animation: orbitRotate 15s linear infinite reverse;\n}<\/p>\n<p>.orbital-3 {\n    width: 200px;\n    height: 200px;\n    animation: orbitRotate 20s linear infinite;\n}<\/p>\n<p>@keyframes orbitRotate {\n    from { transform: translate(-50%, -50%) rotate(0deg); }\n    to { transform: translate(-50%, -50%) rotate(360deg); }\n}<\/p>\n<p>.molecule-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.9);\n    padding: 4px 8px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: #22c55e;\n    border: 1px solid rgba(34, 197, 94, 0.3);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.bond-1 {\n    top: 20px;\n    left: 20px;\n}<\/p>\n<p>.bond-2 {\n    top: 20px;\n    right: 20px;\n}<\/p>\n<p>.bond-3 {\n    bottom: 20px;\n    left: 20px;\n}<\/p>\n<p>.bond-4 {\n    bottom: 20px;\n    right: 20px;\n}<\/p>\n<p>\/* Product Categories *\/\n.product-categories {\n    margin-bottom: 60px;\n}<\/p>\n<p>.category-section {\n    margin-bottom: 60px;\n    position: relative;\n}<\/p>\n<p>.powder-category::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -40px;\n    right: -40px;\n    bottom: -20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.03) 0%, rgba(59, 130, 246, 0.03) 100%);\n    border-radius: 24px;\n    z-index: -1;\n}<\/p>\n<p>.flake-category::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -40px;\n    right: -40px;\n    bottom: -20px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, rgba(34, 197, 94, 0.03) 100%);\n    border-radius: 24px;\n    z-index: -1;\n}<\/p>\n<p>.category-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 40px;\n    padding: 24px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.category-info {\n    flex: 1;\n}<\/p>\n<p>.category-title {\n    font-size: 2rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n}<\/p>\n<p>.category-subtitle {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>.category-count {\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>\/* Products Carousel *\/\n.products-carousel {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 24px;\n}<\/p>\n<p>.flake-carousel {\n    grid-template-columns: repeat(2, 1fr);\n}<\/p>\n<p>\/* Product Cards *\/\n.product-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.product-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.powder-card {\n    border-left: 4px solid #22c55e;\n}<\/p>\n<p>.flake-card {\n    border-left: 4px solid #3b82f6;\n}<\/p>\n<p>.card-header {\n    position: relative;\n}<\/p>\n<p>.product-image-container {\n    position: relative;\n    height: 200px;\n    overflow: hidden;\n    background: linear-gradient(135deg, #f0fdf4 0%, #f0f9ff 100%);\n}<\/p>\n<p>.product-image-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-card:hover .product-image-container img {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n    display: flex;\n    align-items: flex-end;\n    padding: 16px;\n}<\/p>\n<p>.overlay-badge {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>.economical-badge {\n    color: #059669;\n    border: 1px solid rgba(5, 150, 105, 0.3);\n}<\/p>\n<p>.fast-badge {\n    color: #dc2626;\n    border: 1px solid rgba(220, 38, 38, 0.3);\n}<\/p>\n<p>.gypsum-badge {\n    color: #7c3aed;\n    border: 1px solid rgba(124, 58, 237, 0.3);\n}<\/p>\n<p>.premium-badge {\n    color: #ea580c;\n    border: 1px solid rgba(234, 88, 12, 0.3);\n}<\/p>\n<p>.water-reduction-badge {\n    color: #3b82f6;\n    border: 1px solid rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.slump-badge {\n    color: #22c55e;\n    border: 1px solid rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>.product-meta {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}<\/p>\n<p>.product-code {\n    background: rgba(0, 0, 0, 0.7);\n    color: white;\n    padding: 4px 8px;\n    border-radius: 8px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    font-family: 'Courier New', monospace;\n}<\/p>\n<p>.product-type-indicator {\n    padding: 4px 8px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    backdrop-filter: blur(10px);\n}<\/p>\n<p>.powder-indicator {\n    background: rgba(34, 197, 94, 0.9);\n    color: white;\n}<\/p>\n<p>.flake-indicator {\n    background: rgba(59, 130, 246, 0.9);\n    color: white;\n}<\/p>\n<p>.card-content {\n    padding: 24px;\n}<\/p>\n<p>.product-title {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.product-tagline {\n    font-size: 0.95rem;\n    color: #22c55e;\n    font-weight: 600;\n    margin-bottom: 12px;\n}<\/p>\n<p>.flake-card .product-tagline {\n    color: #3b82f6;\n}<\/p>\n<p>.product-summary {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 16px;\n}<\/p>\n<p>.application-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.chip {\n    background: rgba(34, 197, 94, 0.1);\n    color: #166534;\n    padding: 4px 10px;\n    border-radius: 12px;\n    font-size: 0.75rem;\n    font-weight: 500;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.flake-chips .chip {\n    background: rgba(59, 130, 246, 0.1);\n    color: #1e40af;\n    border-color: rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.card-actions {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}<\/p>\n<p>.action-btn {\n    border: none;\n    border-radius: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}<\/p>\n<p>.primary-btn {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    padding: 12px 20px;\n    flex: 1;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>.primary-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.4);\n}<\/p>\n<p>.flake-btn {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.flake-btn:hover {\n    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n}<\/p>\n<p>.secondary-btn {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(34, 197, 94, 0.3);\n    color: #22c55e;\n    padding: 12px;\n    width: 44px;\n    height: 44px;\n    justify-content: center;\n}<\/p>\n<p>.secondary-btn:hover {\n    background: rgba(34, 197, 94, 0.1);\n}<\/p>\n<p>.flake-secondary {\n    border-color: rgba(59, 130, 246, 0.3);\n    color: #3b82f6;\n}<\/p>\n<p>.flake-secondary:hover {\n    background: rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.btn-arrow {\n    font-size: 1.2rem;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.primary-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Technical Footer *\/\n.tech-footer {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.tech-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 32px;\n}<\/p>\n<p>.tech-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    text-align: left;\n}<\/p>\n<p>.tech-icon {\n    font-size: 1.5rem;\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.tech-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n    margin-bottom: 4px;\n}<\/p>\n<p>.tech-value {\n    font-size: 1rem;\n    color: #1e293b;\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .showcase-container {\n        padding: 40px 30px;\n    }<\/p>\n<p>    .hero-overview {\n        gap: 60px;\n    }<\/p>\n<p>    .hero-stats {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .showcase-container {\n        padding: 30px 20px;\n    }<\/p>\n<p>    .hero-overview {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        text-align: center;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .hero-stats {\n        grid-template-columns: 1fr 1fr;\n    }<\/p>\n<p>    .molecular-structure {\n        width: 250px;\n        height: 250px;\n    }<\/p>\n<p>    .category-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 16px;\n    }<\/p>\n<p>    .products-carousel {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .flake-carousel {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .tech-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .showcase-container {\n        padding: 20px 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1rem;\n    }<\/p>\n<p>    .hero-stats {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }<\/p>\n<p>    .molecular-structure {\n        width: 200px;\n        height: 200px;\n    }<\/p>\n<p>    .category-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .tech-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .floating-elements {\n        opacity: 0.3;\n    }\n}\n<\/style>\n<p><!-- Key Advantages Section --><\/p>\n<div class=\"advantages-showcase\">\n<div class=\"advantages-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/span><br \/>\n                <span>Keunggulan Utama<\/span>\n            <\/div>\n<h2 class=\"section-title\">Manfaat NOVASTAR\u2122 PCE<\/h2>\n<\/p><\/div>\n<p>        <!-- Advantages Grid --><\/p>\n<div class=\"advantages-grid\">\n            <!-- Advantage 1 --><\/p>\n<div class=\"advantage-card yield-card\">\n<div class=\"card-number\">01<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Efisiensi Hasil Luar Biasa<\/h3>\n<p class=\"card-description\">Hanya 1 ton berubah menjadi 9 ton solusi jadi jadi, secara dramatis mengurangi biaya pengangkutan dan kemasan.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">1:9<\/span><br \/>\n                        <span class=\"metric-label\">Rasio Hasil<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Advantage 2 --><\/p>\n<div class=\"advantage-card flexibility-card\">\n<div class=\"card-number\">02<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Fleksibilitas Maksimal<\/h3>\n<p class=\"card-description\">Kandungan padat tinggi memungkinkan penyimpanan, pengangkutan, dan formulasi yang serbaguna untuk berbagai skala proyek.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">Tinggi<\/span><br \/>\n                        <span class=\"metric-label\">Kandungan Padat<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Advantage 3 --><\/p>\n<div class=\"advantage-card precision-card\">\n<div class=\"card-number\">03<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Kontrol Presisi<\/h3>\n<p class=\"card-description\">Konsentrasi yang mudah disesuaikan memastikan kontrol dosis yang tepat dan kinerja optimal untuk setiap aplikasi.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">100%<\/span><br \/>\n                        <span class=\"metric-label\">Dapat Disesuaikan<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Advantage 4 --><\/p>\n<div class=\"advantage-card operations-card\">\n<div class=\"card-number\">04<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Operasi yang Disederhanakan<\/h3>\n<p class=\"card-description\">Tidak diperlukan bahan tambahan sebelumnya, menyederhanakan proses pencampuran dan menghilangkan penanganan yang tidak perlu di lokasi.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">Nol<\/span><br \/>\n                        <span class=\"metric-label\">Pre-additif<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.advantages-showcase {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 60px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.advantages-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.advantages-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0;\n    line-height: 1.2;\n}<\/p>\n<p>\/* Advantages Grid *\/\n.advantages-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n}<\/p>\n<p>\/* Advantage Cards *\/\n.advantage-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n}<\/p>\n<p>.advantage-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.yield-card {\n    border-left: 4px solid #22c55e;\n}<\/p>\n<p>.flexibility-card {\n    border-left: 4px solid #3b82f6;\n}<\/p>\n<p>.precision-card {\n    border-left: 4px solid #8b5cf6;\n}<\/p>\n<p>.operations-card {\n    border-left: 4px solid #f59e0b;\n}<\/p>\n<p>.card-number {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #e2e8f0;\n    line-height: 1;\n    flex-shrink: 0;\n    width: 60px;\n    text-align: center;\n}<\/p>\n<p>.yield-card .card-number {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.flexibility-card .card-number {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.precision-card .card-number {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.operations-card .card-number {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.card-content {\n    flex: 1;\n}<\/p>\n<p>.card-title {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}<\/p>\n<p>.card-description {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 16px;\n}<\/p>\n<p>.card-metric {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(34, 197, 94, 0.1);\n    border: 1px solid rgba(34, 197, 94, 0.2);\n    padding: 6px 12px;\n    border-radius: 12px;\n}<\/p>\n<p>.flexibility-card .card-metric {\n    background: rgba(59, 130, 246, 0.1);\n    border-color: rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.precision-card .card-metric {\n    background: rgba(139, 92, 246, 0.1);\n    border-color: rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>.operations-card .card-metric {\n    background: rgba(245, 158, 11, 0.1);\n    border-color: rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.metric-value {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #22c55e;\n}<\/p>\n<p>.flexibility-card .metric-value {\n    color: #3b82f6;\n}<\/p>\n<p>.precision-card .metric-value {\n    color: #8b5cf6;\n}<\/p>\n<p>.operations-card .metric-value {\n    color: #f59e0b;\n}<\/p>\n<p>.metric-label {\n    font-size: 0.75rem;\n    color: #64748b;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .advantages-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .advantages-grid {\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .advantages-showcase {\n        padding: 40px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }<\/p>\n<p>    .advantage-card {\n        padding: 20px;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .card-number {\n        width: auto;\n        text-align: left;\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .card-description {\n        font-size: 0.85rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .advantages-showcase {\n        padding: 32px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .advantage-card {\n        padding: 16px;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .card-description {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n<p><!-- Free Sample Section --><\/p>\n<div class=\"sample-section\">\n<div class=\"sample-container\">\n        <!-- Clean Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf81\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f381.svg\"><\/span><br \/>\n                <span>Program Sampel Gratis<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Permintaan Sampel GRATIS Anda<\/span><br \/>\n                <span class=\"title-sub\">NOVASTAR\u2122 PCE Superplastikizer<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Main Content Grid --><\/p>\n<div class=\"content-grid\">\n            <!-- Left: Product Display --><\/p>\n<div class=\"product-column\">\n<div class=\"image-container\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/landu-Polycarboxylate-Superplasticizer-PCE-flake-free-sample.jpg\" alt=\"Contoh PCE NOVASTAR\" class=\"product-image\"><br \/>\n                    <span class=\"free-tag\">100% GRATIS<\/span>\n                <\/div>\n<div class=\"product-details\">\n<h3>NOVASTAR\u2122 PCE Superplastikizer<\/h3>\n<p>Eter polikarboksilat premium dari LANDU<\/p>\n<div class=\"quick-info\">\n<div class=\"info-item\">\n                            <span class=\"info-label\">Ukuran Sampel<\/span><br \/>\n                            <span class=\"info-value\">500g \/ 1L<\/span>\n                        <\/div>\n<div class=\"info-item\">\n                            <span class=\"info-label\">Pengiriman<\/span><br \/>\n                            <span class=\"info-value\">48-72 jam<\/span>\n                        <\/div>\n<div class=\"info-item\">\n                            <span class=\"info-label\">Pengiriman Barang<\/span><br \/>\n                            <span class=\"info-value\">Ekspres Gratis<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right: Benefits --><\/p>\n<div class=\"benefits-column\">\n                <!-- Introduction --><\/p>\n<div class=\"intro-block\">\n<p>Temukan bagaimana <strong>Superplastisizer Policarboxylate NOVASTAR\u2122<\/strong> dari LANDU mengubah campuran beton dan mortar Anda menjadi solusi berkinerja tinggi dan hemat biaya.<\/p>\n<\/p><\/div>\n<p>                <!-- Core Benefits --><\/p>\n<div class=\"benefits-block\">\n<h3 class=\"block-title-gradient\">Mengapa Memilih NOVASTAR\u2122 PCE?<\/h3>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"benefit-info\">\n<h4>Aliran Lebih Baik<\/h4>\n<p>Penempatan yang Lebih Halus dengan kerja yang unggul untuk penanganan yang lebih mudah dan biaya tenaga kerja yang lebih rendah<\/p>\n<p>                            <span class=\"benefit-stat\">+85% Laju Aliran<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcaa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4aa.svg\"><\/div>\n<div class=\"benefit-info\">\n<h4>Kekuatan Meningkat<\/h4>\n<p>Integritas struktural yang lebih besar dan daya tahan untuk struktur beton yang tahan lama<\/p>\n<p>                            <span class=\"benefit-stat\">+30% Kekuatan<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<div class=\"benefit-info\">\n<h4>Desain Campuran yang Dioptimalkan<\/h4>\n<p>Penggunaan air berkurang dengan kinerja maksimal dan efisiensi biaya<\/p>\n<p>                            <span class=\"benefit-stat\">-40% Air<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom CTA Section --><\/p>\n<div class=\"cta-section\">\n<div class=\"cta-wrapper\">\n                <!-- Left Text Content --><\/p>\n<div class=\"cta-text-content\">\n<h3 class=\"cta-title-gradient\">Mulai Pengujian Hari Ini<\/h3>\n<p class=\"cta-description\">\n                        Whether you\u2019re seeking better workability, superior durability, or more efficient production,<br \/>\n                        NOVASTAR\u2122 PCE delivers measurable results.\n                    <\/p>\n<div class=\"trust-points\">\n                        <span class=\"trust-item\"><br \/>\n                            <svg viewbox=\"0 0 16 16\" fill=\"currentColor\">\n                                <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"><\/path>\n                            <\/svg><br \/>\n                            Tidak diperlukan pembayaran<br \/>\n                        <\/span><br \/>\n                        <span class=\"trust-item\"><br \/>\n                            <svg viewbox=\"0 0 16 16\" fill=\"currentColor\">\n                                <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"><\/path>\n                            <\/svg><br \/>\n                            Dukungan profesional<br \/>\n                        <\/span><br \/>\n                        <span class=\"trust-item\"><br \/>\n                            <svg viewbox=\"0 0 16 16\" fill=\"currentColor\">\n                                <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"><\/path>\n                            <\/svg><br \/>\n                            Hasil pengujian laboratorium<br \/>\n                        <\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Right Buttons --><\/p>\n<div class=\"cta-buttons\">\n                    <button class=\"btn-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Dapatkan Sampel Gratis<\/button><br \/>\n                    <button class=\"btn-secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Unduh Spesifikasi<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.sample-section {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.sample-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.sample-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header - Matching Original Style *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* Content Grid - Equal Height Columns *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 40px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Product Column *\/\n.product-column {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    background: white;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.product-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.free-tag {\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    padding: 10px 20px;\n    border-radius: 24px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.product-details {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.product-details h3 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.product-details p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0 0 20px 0;\n}<\/p>\n<p>.quick-info {\n    display: grid;\n    gap: 16px;\n}<\/p>\n<p>.info-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.info-item:last-child {\n    padding-bottom: 0;\n    border-bottom: none;\n}<\/p>\n<p>.info-label {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.info-value {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Benefits Column *\/\n.benefits-column {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n}<\/p>\n<p>\/* Intro Block *\/\n.intro-block {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-left: 4px solid #22c55e;\n    padding: 20px 24px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.intro-block p {\n    margin: 0;\n    font-size: 0.9rem;\n    line-height: 1.6;\n    color: #64748b;\n}<\/p>\n<p>.intro-block strong {\n    color: #1e293b;\n    font-weight: 600;\n}<\/p>\n<p>\/* Benefits Block *\/\n.benefits-block {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.block-title-gradient {\n    font-size: 1.3rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>.benefit-row {\n    display: flex;\n    gap: 20px;\n    align-items: start;\n    padding: 20px 0;\n    border-bottom: 1px solid rgba(241, 245, 249, 0.5);\n    flex: 1;\n}<\/p>\n<p>.benefit-row:first-of-type {\n    padding-top: 0;\n}<\/p>\n<p>.benefit-row:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}<\/p>\n<p>.benefit-icon {\n    font-size: 1.8rem;\n    line-height: 1;\n    width: 40px;\n    text-align: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-info {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}<\/p>\n<p>.benefit-info h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.benefit-info p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>.benefit-stat {\n    display: inline-block;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #22c55e;\n    background: rgba(240, 253, 244, 0.8);\n    padding: 4px 10px;\n    border-radius: 6px;\n    align-self: flex-start;\n}<\/p>\n<p>\/* CTA Section *\/\n.cta-section {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 40px;\n    margin-top: 40px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.8);\n}<\/p>\n<p>.cta-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 48px;\n}<\/p>\n<p>\/* CTA Text Content *\/\n.cta-text-content {\n    flex: 1;\n}<\/p>\n<p>.cta-title-gradient {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.cta-description {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 20px 0;\n}<\/p>\n<p>.trust-points {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n}<\/p>\n<p>.trust-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.85rem;\n    color: #64748b;\n}<\/p>\n<p>.trust-item svg {\n    width: 14px;\n    height: 14px;\n    color: #22c55e;\n    flex-shrink: 0;\n}<\/p>\n<p>\/* CTA Buttons *\/\n.cta-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex-shrink: 0;\n}<\/p>\n<p>.btn-primary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    padding: 16px 32px;\n    border: none;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    box-shadow: 0 8px 32px rgba(34, 197, 94, 0.25);\n    white-space: nowrap;\n}<\/p>\n<p>.btn-primary:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 48px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.btn-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    padding: 16px 32px;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    white-space: nowrap;\n}<\/p>\n<p>.btn-secondary:hover {\n    background: rgba(255, 255, 255, 1);\n    border-color: #cbd5e1;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.btn-primary svg,\n.btn-secondary svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .sample-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .content-grid {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .content-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .image-container {\n        min-height: 350px;\n    }<\/p>\n<p>    .cta-wrapper {\n        flex-direction: column;\n        gap: 32px;\n        text-align: center;\n    }<\/p>\n<p>    .trust-points {\n        justify-content: center;\n    }<\/p>\n<p>    .cta-buttons {\n        width: 100%;\n        max-width: 400px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .sample-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .sample-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .image-container {\n        min-height: 300px;\n    }<\/p>\n<p>    .cta-section {\n        padding: 28px 24px;\n    }<\/p>\n<p>    .cta-title-gradient {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .trust-points {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }<\/p>\n<p>    .cta-buttons {\n        flex-direction: column;\n        width: 100%;\n    }<\/p>\n<p>    .btn-primary,\n    .btn-secondary {\n        width: 100%;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .sample-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .sample-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .product-details,\n    .benefits-block {\n        padding: 20px;\n    }<\/p>\n<p>    .image-container {\n        min-height: 250px;\n    }<\/p>\n<p>    .benefit-row {\n        gap: 16px;\n    }<\/p>\n<p>    .benefit-icon {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .benefit-info h4 {\n        font-size: 1rem;\n    }<\/p>\n<p>    .cta-section {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .cta-wrapper {\n        gap: 24px;\n    }<\/p>\n<p>    .cta-title-gradient {\n        font-size: 1.3rem;\n    }\n}\n<\/style>\n<p><!-- Performance Properties Section --><\/p>\n<div class=\"performance-showcase\">\n<div class=\"performance-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/span><br \/>\n                <span>Keunggulan Kinerja<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Properti Kinerja Utama<\/span><br \/>\n                <span class=\"title-sub\">NOVASTAR\u2122 PCE Superplastikizer<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Content Grid --><\/p>\n<div class=\"performance-content-grid\">\n            <!-- Left Image Section --><\/p>\n<div class=\"image-section\">\n<div class=\"image-container\">\n                    <img loading=\"lazy\" height=\"1920\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/concrete-foundation-2024-12-01-21-18-22-utc-scaled.jpg\" alt=\"Kinerja Pondasi Beton\" class=\"performance-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-content\">\n<div class=\"performance-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-value\">40%<\/div>\n<div class=\"stat-label\">Pengurangan Air<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-value\">+30%<\/div>\n<div class=\"stat-label\">Perolehan Kekuatan<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-value\">Rendah<\/div>\n<div class=\"stat-label\">Dosis Penggunaan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"performance-highlights\">\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"highlight-text\">\n<div class=\"highlight-title\">Efisiensi Air<\/div>\n<div class=\"highlight-desc\">Pengurangan maksimum dengan aliran yang tetap<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<div class=\"highlight-text\">\n<div class=\"highlight-title\">Bekerja Cepat<\/div>\n<div class=\"highlight-desc\">Dispersi dan kinerja langsung<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/div>\n<div class=\"highlight-text\">\n<div class=\"highlight-title\">Stabilitas Jangka Panjang<\/div>\n<div class=\"highlight-desc\">Kinerja konsisten dari waktu ke waktu<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Properties List --><\/p>\n<div class=\"properties-section\">\n<div class=\"properties-list\">\n                    <!-- Property 1 --><\/p>\n<div class=\"property-card water-reduction\">\n<div class=\"property-header\">\n<div class=\"property-number\">01<\/div>\n<h3 class=\"property-title\">Pengurangan Air Unggul<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Secara signifikan menurunkan kebutuhan air baik dalam formulasi beton maupun mortar sambil mempertahankan daya kerja yang luar biasa\u2014ideal untuk campuran berkinerja tinggi dengan rasio air rendah.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 2 --><\/p>\n<div class=\"property-card cement-compatibility\">\n<div class=\"property-header\">\n<div class=\"property-number\">02<\/div>\n<h3 class=\"property-title\">Kesesuaian Semen yang Luar Biasa<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Berfungsi secara andal di berbagai jenis semen, memastikan hasil yang stabil dan kinerja yang seragam untuk berbagai desain campuran.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 3 --><\/p>\n<div class=\"property-card high-efficiency\">\n<div class=\"property-header\">\n<div class=\"property-number\">03<\/div>\n<h3 class=\"property-title\">Efisiensi Tinggi dengan Dosis Rendah<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Memberikan kemampuan pengurangan air yang sangat baik bahkan pada tingkat dosis minimal, memaksimalkan penghematan biaya dan efisiensi formulasi.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 4 --><\/p>\n<div class=\"property-card workability-retention\">\n<div class=\"property-header\">\n<div class=\"property-number\">04<\/div>\n<h3 class=\"property-title\">Retensi Daya Kerja yang Stabil<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Mempertahankan slump dan aliran yang konsisten dari waktu ke waktu, memungkinkan penempatan, pemadatan, dan penyelesaian yang mudah tanpa pengerasan prematur.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 5 --><\/p>\n<div class=\"property-card shrinkage-mitigation\">\n<div class=\"property-header\">\n<div class=\"property-number\">05<\/div>\n<h3 class=\"property-title\">Mitigasi Penyusutan<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Berkontribusi pada pengurangan penyusutan selama proses pengerasan, meningkatkan kekuatan struktural, daya tahan, dan ketahanan terhadap retak jangka panjang.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.performance-showcase {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.performance-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.performance-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* Content Grid *\/\n.performance-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n}<\/p>\n<p>\/* Properties Section *\/\n.properties-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.property-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.property-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.property-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.property-number {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: white;\n    flex-shrink: 0;\n}<\/p>\n<p>.water-reduction .property-number {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.cement-compatibility .property-number {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.high-efficiency .property-number {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.workability-retention .property-number {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.shrinkage-mitigation .property-number {\n    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\n}<\/p>\n<p>.property-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n    line-height: 1.3;\n}<\/p>\n<p>.property-description {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.property-indicator {\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    border-radius: 2px 0 0 2px;\n}<\/p>\n<p>.water-indicator {\n    background: linear-gradient(to bottom, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.compatibility-indicator {\n    background: linear-gradient(to bottom, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.efficiency-indicator {\n    background: linear-gradient(to bottom, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.workability-indicator {\n    background: linear-gradient(to bottom, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.shrinkage-indicator {\n    background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%);\n}<\/p>\n<p>\/* Image Section *\/\n.image-section {\n    position: sticky;\n    top: 80px;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    margin-bottom: 24px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.performance-image {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.image-container:hover .performance-image {\n    transform: scale(1.02);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);\n    padding: 24px;\n}<\/p>\n<p>.performance-stats {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n    color: white;\n}<\/p>\n<p>.stat-value {\n    font-size: 1.5rem;\n    font-weight: 800;\n    margin-bottom: 4px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    opacity: 0.9;\n}<\/p>\n<p>\/* Performance Highlights *\/\n.performance-highlights {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.highlight-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    padding: 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.highlight-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.highlight-text {\n    flex: 1;\n}<\/p>\n<p>.highlight-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 2px;\n}<\/p>\n<p>.highlight-desc {\n    font-size: 0.8rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .performance-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .performance-content-grid {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 900px) {\n    .performance-content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .image-section {\n        position: static;\n        order: 1;\n    }<\/p>\n<p>    .properties-section {\n        order: 2;\n    }<\/p>\n<p>    .performance-stats {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .stat-item {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        text-align: left;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .performance-showcase {\n        padding: 60px 0;\n    }<\/p>\n<p>    .performance-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .property-card {\n        padding: 20px;\n    }<\/p>\n<p>    .property-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }<\/p>\n<p>    .property-number {\n        align-self: flex-start;\n    }<\/p>\n<p>    .performance-image {\n        height: 300px;\n    }<\/p>\n<p>    .performance-highlights {\n        gap: 12px;\n    }<\/p>\n<p>    .highlight-item {\n        padding: 12px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .performance-showcase {\n        padding: 50px 0;\n    }<\/p>\n<p>    .performance-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .properties-list {\n        gap: 16px;\n    }<\/p>\n<p>    .property-card {\n        padding: 16px;\n    }<\/p>\n<p>    .property-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .property-description {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .performance-image {\n        height: 250px;\n    }<\/p>\n<p>    .image-overlay {\n        padding: 16px;\n    }\n}\n<\/style>\n<p><!-- Manufacturer Trust Section --><\/p>\n<div class=\"manufacturer-showcase\">\n<div class=\"manufacturer-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/span><br \/>\n                <span>Keunggulan Manufaktur<\/span>\n            <\/div>\n<h2 class=\"section-title\">NOVASTAR\u2122 oleh LANDU<\/h2>\n<p class=\"section-subtitle\">Produsen Superplastisizer Polikarboksilat Terdepan<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"main-content-layout\">\n            <!-- Left Content --><\/p>\n<div class=\"content-section\">\n<div class=\"intro-card\">\n<div class=\"intro-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/div>\n<div class=\"intro-content\">\n<h3>Pemimpin dalam Manufaktur Berkelanjutan<\/h3>\n<p>LANDU merupakan salah satu produsen terkemuka di Indonesia untuk Superplastik Polycarboxylate (PCE), yang didedikasikan untuk manufaktur ramah lingkungan dan berkelanjutan dari admixture konstruksi berkinerja tinggi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-grid\">\n<div class=\"feature-item\">\n<div class=\"feature-icon iso-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/div>\n<h4>Sertifikasi ISO<\/h4>\n<p>Pengendalian kualitas yang ketat dan keunggulan yang konsisten<\/p>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon global-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<h4>Jangkauan Global<\/h4>\n<p>Dipercaya di lebih dari 60 negara di seluruh dunia<\/p>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon experience-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b50\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b50.svg\"><\/div>\n<h4>Lebih dari 10 Tahun<\/h4>\n<p>Keahlian industri dan inovasi<\/p>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon capacity-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfd7\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3d7.svg\"><\/div>\n<h4>75K Ton<\/h4>\n<p>Kapasitas produksi tahunan<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"partnership-card\">\n<div class=\"partnership-header\">\n<div class=\"partnership-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\udd1d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f91d.svg\"><\/div>\n<h3>Bergabunglah dengan Jaringan Global Kami<\/h3>\n<\/p><\/div>\n<p>LANDU menyambut mitra untuk menjadi bagian dari jaringan dealer global kami yang berkembang, menawarkan harga preferensial, kebijakan komersial yang disesuaikan, dan dukungan teknis yang komprehensif.<\/p>\n<div class=\"partnership-benefits\">\n                        <span class=\"benefit-tag\">Harga Preferensial<\/span><br \/>\n                        <span class=\"benefit-tag\">Dukungan Teknis<\/span><br \/>\n                        <span class=\"benefit-tag\">Kebijakan Komersial<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Image Section --><\/p>\n<div class=\"image-section\">\n<div class=\"image-container\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-sales-consultant-in-meeting-room.jpg\" alt=\"Keunggulan Manufaktur LANDU\" class=\"main-image\"><\/p><\/div>\n<p>                <!-- Stats Cards --><\/p>\n<div class=\"stats-container\">\n<div class=\"stats-card\">\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c8.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">75,000<\/div>\n<div class=\"stat-label\">Kapasitas Tahunan Ton Metrik<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">60+<\/div>\n<div class=\"stat-label\">Negara yang Dilayani<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u23f1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/23f1.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">10+<\/div>\n<div class=\"stat-label\">Tahun Keunggulan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"recognition-card\">\n<div class=\"recognition-content\">\n<div class=\"recognition-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/div>\n<div class=\"recognition-text\">\n<h4>Pengakuan Global<\/h4>\n<p>NOVASTAR\u2122 PCE telah mendapatkan pengakuan di seluruh dunia karena memberikan hasil yang luar biasa dalam aplikasi beton dan mortar di berbagai skala proyek.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom CTA --><\/p>\n<div class=\"bottom-cta\">\n<div class=\"cta-wrapper\">\n<div class=\"cta-text-area\">\n<h3>Pilih NOVASTAR\u2122 untuk Performa Tingkat Berikutnya<\/h3>\n<p>Solusi yang menggabungkan kinerja, keandalan, dan keberlanjutan<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons-area\">\n                    <button class=\"cta-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Menjadi Mitra<\/button><br \/>\n                    <button class=\"cta-secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Hubungi Kami Hari Ini<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.manufacturer-showcase {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.manufacturer-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.04) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.manufacturer-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 20px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 12px 0;\n    line-height: 1.2;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>\/* Main Content Layout *\/\n.main-content-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n    margin-bottom: 60px;\n}<\/p>\n<p>\/* Content Section *\/\n.content-section {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.intro-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n}<\/p>\n<p>.intro-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 15px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.intro-content h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.intro-content p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Feature Grid *\/\n.feature-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n}<\/p>\n<p>.feature-item {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(15px);\n    border-radius: 16px;\n    padding: 20px;\n    text-align: center;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.feature-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n    margin: 0 auto 12px;\n}<\/p>\n<p>.iso-icon {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.global-icon {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.experience-icon {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.capacity-icon {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.feature-item h4 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 6px 0;\n}<\/p>\n<p>.feature-item p {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* Partnership Card *\/\n.partnership-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    border-left: 5px solid #8b5cf6;\n}<\/p>\n<p>.partnership-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.partnership-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n}<\/p>\n<p>.partnership-card h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.partnership-card p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.partnership-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}<\/p>\n<p>.benefit-tag {\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.1) 100%);\n    color: #7c3aed;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    border: 1px solid rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>\/* Image Section *\/\n.image-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.main-image {\n    width: 100%;\n    height: 320px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.image-container:hover .main-image {\n    transform: scale(1.02);\n}<\/p>\n<p>.image-frame {\n    position: absolute;\n    inset: 0;\n    border-radius: 20px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    pointer-events: none;\n}<\/p>\n<p>\/* Stats Container *\/\n.stats-container {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.stats-card {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 12px 0;\n}<\/p>\n<p>.stat-item:not(:last-child) {\n    border-bottom: 1px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.stat-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    line-height: 1;\n    margin-bottom: 4px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.3;\n}<\/p>\n<p>\/* Recognition Card *\/\n.recognition-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    border-left: 5px solid #f59e0b;\n}<\/p>\n<p>.recognition-content {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.recognition-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.recognition-text h4 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.recognition-text p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Bottom CTA - Updated Layout *\/\n.bottom-cta {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.cta-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 48px;\n}<\/p>\n<p>.cta-text-area {\n    flex: 1;\n}<\/p>\n<p>.cta-text-area h3 {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.cta-text-area p {\n    font-size: 0.95rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.cta-buttons-area {\n    display: flex;\n    gap: 16px;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-primary,\n.cta-secondary {\n    padding: 16px 28px;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    border: none;\n    white-space: nowrap;\n}<\/p>\n<p>.cta-primary {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.cta-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.cta-primary svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.cta-primary:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-secondary {\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.cta-secondary:hover {\n    background: white;\n    border-color: #cbd5e1;\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .manufacturer-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .main-content-layout {\n        gap: 40px;\n    }<\/p>\n<p>    .cta-wrapper {\n        gap: 32px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .main-content-layout {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .cta-wrapper {\n        flex-direction: column;\n        text-align: center;\n        gap: 24px;\n    }<\/p>\n<p>    .cta-buttons-area {\n        justify-content: center;\n        width: 100%;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .manufacturer-showcase {\n        padding: 60px 0;\n    }<\/p>\n<p>    .manufacturer-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .feature-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }<\/p>\n<p>    .cta-buttons-area {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .cta-primary,\n    .cta-secondary {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .manufacturer-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .intro-card {\n        flex-direction: column;\n        text-align: center;\n        gap: 16px;\n        padding: 20px;\n    }<\/p>\n<p>    .bottom-cta {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .cta-text-area h3 {\n        font-size: 1.4rem;\n    }\n}\n<\/style>\n<p><!-- Global Manufacturing & Distribution Section --><\/p>\n<div class=\"global-excellence\">\n<div class=\"excellence-wrapper\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf10\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f310.svg\"><\/span><br \/>\n                <span>Keunggulan Global<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Manufaktur &amp; Distribusi Global<\/span><br \/>\n                <span class=\"title-sub\">NOVASTAR\u2122 oleh LANDU<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Introduction Section --><\/p>\n<div class=\"intro-section\">\n<div class=\"intro-badge\">Produsen PCE Terdepan<\/div>\n<h3>Keunggulan Superplastikizer Eter Poliakrilat (PCE)<\/h3>\n<p>\n                LANDU termasuk di antara produsen dan pemasok internasional Superplastisizer Polycarboxylate Ether (PCE) yang paling dihormati di Indonesia, menggabungkan puluhan tahun keahlian dalam manufaktur, rekayasa formulasi, dan distribusi di seluruh dunia.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Main Content: Images + Features Side by Side --><\/p>\n<div class=\"content-grid\">\n            <!-- Images Side --><\/p>\n<div class=\"images-side\">\n<div class=\"image-primary\">\n                    <img loading=\"lazy\" height=\"1140\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-PCE-powder-repository.jpg\" alt=\"Repositori PCE\" class=\"main-img\"><\/p>\n<div class=\"image-caption\">\n<div class=\"caption-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/div>\n<div class=\"caption-content\">\n<h4>Repositori PCE Canggih<\/h4>\n<p>Fasilitas penyimpanan mutakhir<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-secondary\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factories.jpg\" alt=\"Fasilitas Manufaktur\" class=\"secondary-img\"><\/p>\n<div class=\"quality-badge\">\n<div class=\"badge-icon\">\u2713<\/div>\n<div class=\"badge-text\">\n                            <span class=\"badge-title\">ISO 9001:2015<\/span><br \/>\n                            <span class=\"badge-subtitle\">Kualitas Bersertifikat<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Features Side --><\/p>\n<div class=\"features-side\">\n<div class=\"features-container\">\n<h3 class=\"features-title\">Mengapa Memilih NOVASTAR\u2122 PCE<\/h3>\n<div class=\"features-wrapper\">\n<div class=\"feature-box\">\n<div class=\"feature-icon-box\">\n                                <span class=\"f-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfaf\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3af.svg\"><\/span>\n                            <\/div>\n<div class=\"feature-details\">\n<h4>Keunggulan Rekayasa<\/h4>\n<p>The NOVASTAR\u2122 series is engineered to deliver exceptional reliability, strength, and fluidity for today\u2019s demanding concrete applications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-box\">\n<div class=\"feature-icon-box\">\n                                <span class=\"f-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfd7\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3d7.svg\"><\/span>\n                            <\/div>\n<div class=\"feature-details\">\n<h4>Aplikasi Infrastruktur<\/h4>\n<p>Admixture berbasis PCE unggul dalam infrastruktur skala besar\u2014mulai dari jembatan dan terowongan hingga jalan raya dan elemen pracetak\u2014di mana durabilitas dan kemampuan kerja yang presisi sangat penting.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-box\">\n<div class=\"feature-icon-box\">\n                                <span class=\"f-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                            <\/div>\n<div class=\"feature-details\">\n<h4>Kepercayaan &amp; Pengakuan Global<\/h4>\n<p>Kualitas produk yang konsisten dan dukungan teknis yang responsif telah membuat NOVASTAR\u2122 mendapatkan kepercayaan abadi dan umpan balik yang sangat positif dari para profesional industri di seluruh dunia.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Stats Grid --><\/p>\n<div class=\"stats-grid\">\n<div class=\"stat-box\">\n<div class=\"stat-value\">20+<\/div>\n<div class=\"stat-label\">Pengalaman Bertahun-tahun<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-value\">60+<\/div>\n<div class=\"stat-label\">Negara yang Dilayani<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-value\">1000+<\/div>\n<div class=\"stat-label\">Proyek Global<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-value\">99.8%<\/div>\n<div class=\"stat-label\">Tingkat Kualitas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- CTA Section Inside Card --><\/p>\n<div class=\"card-cta\">\n<div class=\"cta-text\">\n<h4>Pilih LANDU NOVASTAR\u2122<\/h4>\n<p>Solusi admixture yang direkayasa untuk kinerja tinggi, terbukti di lapangan, dan dipercaya oleh para ahli di seluruh dunia.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n                            <button class=\"act-btn primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Dapatkan Informasi Produk<\/button><br \/>\n                            <button class=\"act-btn secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Unduh Katalog<\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.global-excellence {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.global-excellence::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.excellence-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 48px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* Introduction Section *\/\n.intro-section {\n    max-width: 900px;\n    margin: 0 auto 48px;\n    text-align: center;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px 40px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.intro-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #f0fdf4 0%, #eff6ff 100%);\n    color: #16a34a;\n    padding: 6px 14px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.intro-section h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 16px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.intro-section p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0;\n}<\/p>\n<p>\/* Main Content Grid - Equal Height *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n}<\/p>\n<p>\/* Images Side *\/\n.images-side {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.image-primary {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    height: 420px;\n}<\/p>\n<p>.main-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.image-primary:hover .main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 70%, transparent 100%);\n    padding: 28px;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.caption-icon {\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(10px);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.caption-content h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: white;\n    margin: 0 0 4px 0;\n}<\/p>\n<p>.caption-content p {\n    font-size: 0.85rem;\n    color: rgba(255, 255, 255, 0.8);\n    margin: 0;\n}<\/p>\n<p>.image-secondary {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    height: 280px;\n}<\/p>\n<p>.secondary-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.image-secondary:hover .secondary-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.quality-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 16px 20px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.quality-badge .badge-icon {\n    width: 36px;\n    height: 36px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    font-weight: 700;\n}<\/p>\n<p>.badge-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.badge-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.badge-subtitle {\n    font-size: 0.75rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Features Side *\/\n.features-side {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.features-container {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}<\/p>\n<p>.features-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>.features-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.feature-box {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.feature-icon-box {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.f-icon {\n    font-size: 1.5rem;\n}<\/p>\n<p>.feature-details h4 {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.feature-details p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Stats Grid *\/\n.stats-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    padding: 24px 0;\n    border-top: 2px solid rgba(226, 232, 240, 0.5);\n    border-bottom: 2px solid rgba(226, 232, 240, 0.5);\n    margin-bottom: 24px;\n}<\/p>\n<p>.stat-box {\n    text-align: center;\n}<\/p>\n<p>.stat-value {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n    display: block;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.75rem;\n    color: #64748b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* CTA Inside Card *\/\n.card-cta {\n    margin-top: auto;\n}<\/p>\n<p>.cta-text {\n    margin-bottom: 20px;\n}<\/p>\n<p>.cta-text h4 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.cta-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.cta-buttons {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}<\/p>\n<p>.act-btn {\n    padding: 14px 20px;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    border: none;\n    white-space: nowrap;\n}<\/p>\n<p>.act-btn.primary {\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.act-btn.primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.act-btn.primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.act-btn.primary:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>.act-btn.secondary {\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.act-btn.secondary:hover {\n    background: white;\n    border-color: #cbd5e1;\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .excellence-wrapper {\n        padding: 0 30px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .image-primary {\n        height: 360px;\n    }<\/p>\n<p>    .image-secondary {\n        height: 240px;\n    }<\/p>\n<p>    .cta-buttons {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .global-excellence {\n        padding: 60px 0;\n    }<\/p>\n<p>    .excellence-wrapper {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .intro-section {\n        padding: 28px;\n    }<\/p>\n<p>    .stats-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .global-excellence {\n        padding: 50px 0;\n    }<\/p>\n<p>    .excellence-wrapper {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .intro-section {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .intro-section h3 {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .image-primary {\n        height: 300px;\n    }<\/p>\n<p>    .image-secondary {\n        height: 200px;\n    }<\/p>\n<p>    .features-container {\n        padding: 24px;\n    }\n}\n<\/style>\n<p><!-- One-Stop Solution Section --><\/p>\n<div class=\"solution-section\">\n<div class=\"solution-wrapper\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b50\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b50.svg\"><\/span><br \/>\n                <span>Solusi Lengkap<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Solusi Superplasticizer Polikarboksilat Terpadu Anda<\/span><br \/>\n            <\/h2>\n<p class=\"section-intro\">\n                Di LANDU, kami memberikan keunggulan melalui <strong>Superplastisizer Policarboxylate NOVASTAR\u2122<\/strong> seri kami \u2014 pilihan tepercaya untuk aplikasi beton dan mortar di seluruh dunia. Bersertifikat, inovatif, dan andal, NOVASTAR\u2122 adalah solusi lengkap Anda untuk reduksi air berkinerja tinggi.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Images Gallery --><\/p>\n<div class=\"images-gallery\">\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Produksi Pabrik\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/span><br \/>\n                    <span>Manufaktur Lanjutan<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Sertifikasi\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/span><br \/>\n                    <span>Sertifikasi ISO<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-rigorous-test-labs.jpg\" alt=\"Laboratorium Pengujian\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span><br \/>\n                    <span>Pengujian Kualitas<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-raw-material.webp\" alt=\"Bahan Baku\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc8e\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f48e.svg\"><\/span><br \/>\n                    <span>Material Premium<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Features Cards --><\/p>\n<div class=\"features-row\">\n            <!-- Feature 1 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon cert\">\n                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/span>\n                <\/div>\n<h3>Kualitas Bersertifikasi ISO 9001<\/h3>\n<p>\n                    Semua produk NOVASTAR\u2122 diproduksi di bawah sistem kualitas bersertifikat ISO 9001 dan CNAS yang ketat. Setiap batch menjalani pengujian menyeluruh untuk menjamin konsistensi, kinerja, dan kepatuhan terhadap standar internasional.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">ISO 9001<\/span><br \/>\n                    <span class=\"tag\">Tersertifikasi CNAS<\/span><br \/>\n                    <span class=\"tag\">Pengujian Batch<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Feature 2 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon innovation\">\n                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                <\/div>\n<h3>Inovasi R&amp;D<\/h3>\n<p>\n                    Kami terus berinvestasi dalam penelitian dan pengembangan untuk meningkatkan formulasi PCE kami. Tim teknis kami menyesuaikan solusi untuk memenuhi kebutuhan proyek tertentu \u2014 dari campuran standar hingga UHPC dan sistem self-leveling.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">Solusi Kustom<\/span><br \/>\n                    <span class=\"tag\">Siap UHPC<\/span><br \/>\n                    <span class=\"tag\">Dukungan Teknis<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Feature 3 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon quality\">\n                    <span>\u2713<\/span>\n                <\/div>\n<h3>Kualitas yang Bisa Anda Percaya<\/h3>\n<p>\n                    Menggunakan bahan baku premium saja, LANDU memastikan pengendalian yang tepat dan pengujian ketat di setiap tahap produksi. Hasilnya: superplastisizer yang stabil dan berkinerja tinggi yang memberikan nilai tahan lama dalam aplikasi beton Anda.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">Material Premium<\/span><br \/>\n                    <span class=\"tag\">Pengujian Ketat<\/span><br \/>\n                    <span class=\"tag\">Kinerja Stabil<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Feature 4 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon supply\">\n                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                <\/div>\n<h3>Rantai Pasokan Global Swift<\/h3>\n<p>\n                    Dengan jaringan logistik global yang efisien, LANDU menjamin pengiriman yang cepat dan andal kepada pelanggan di seluruh dunia. Dari proses manufaktur hingga ke lokasi pekerjaan Anda, proses yang terintegrasi memastikan setiap pesanan tiba tepat waktu dan dalam kondisi sempurna.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">Jaringan Global<\/span><br \/>\n                    <span class=\"tag\">Pengiriman Cepat<\/span><br \/>\n                    <span class=\"tag\">Jaminan Tepat Waktu<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom CTA --><\/p>\n<div class=\"bottom-cta\">\n<div class=\"cta-wrapper\">\n<div class=\"cta-left\">\n<div class=\"cta-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b50\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b50.svg\"><\/div>\n<div class=\"cta-text\">\n<h3>LANDU NOVASTAR\u2122<\/h3>\n<p>Mitra terpercaya Anda untuk solusi admixture beton yang canggih, berkelanjutan, dan berdaya tinggi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-right\">\n                    <button class=\"cta-btn primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Hubungi Tim Kami<\/button><br \/>\n                    <button class=\"cta-btn secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Permintaan Penawaran<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.solution-section {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.solution-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.solution-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 48px;\n    max-width: 1000px;\n    margin-left: auto;\n    margin-right: auto;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0 0 20px 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.2;\n}<\/p>\n<p>.section-intro {\n    font-size: 1.05rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0;\n}<\/p>\n<p>.section-intro strong {\n    color: #1e293b;\n    font-weight: 700;\n}<\/p>\n<p>\/* Images Gallery *\/\n.images-gallery {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-bottom: 48px;\n}<\/p>\n<p>.gallery-item {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    height: 240px;\n}<\/p>\n<p>.gallery-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.gallery-item:hover .gallery-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.gallery-label {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 10px 14px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.label-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.gallery-label span:last-child {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Features Row *\/\n.features-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-bottom: 48px;\n}<\/p>\n<p>.feature-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.feature-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.card-icon {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    margin-bottom: 20px;\n}<\/p>\n<p>.card-icon.cert {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.card-icon.innovation {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.card-icon.quality {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.card-icon.supply {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.feature-card h3 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.feature-card p {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 16px 0;\n    flex: 1;\n}<\/p>\n<p>.card-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}<\/p>\n<p>.tag {\n    padding: 5px 10px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);\n    border: 1px solid rgba(34, 197, 94, 0.2);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Bottom CTA *\/\n.bottom-cta {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 36px 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.cta-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n}<\/p>\n<p>.cta-left {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    flex: 1;\n}<\/p>\n<p>.cta-icon {\n    width: 56px;\n    height: 56px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-text h3 {\n    font-size: 1.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 6px 0;\n}<\/p>\n<p>.cta-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.cta-right {\n    display: flex;\n    gap: 12px;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-btn {\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    border: none;\n    white-space: nowrap;\n}<\/p>\n<p>.cta-btn.primary {\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.cta-btn.primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.cta-btn.primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.cta-btn.primary:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-btn.secondary {\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.cta-btn.secondary:hover {\n    background: white;\n    border-color: #cbd5e1;\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .solution-wrapper {\n        padding: 0 30px;\n    }<\/p>\n<p>    .features-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .images-gallery {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .features-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .cta-wrapper {\n        flex-direction: column;\n        text-align: center;\n    }<\/p>\n<p>    .cta-left {\n        flex-direction: column;\n    }<\/p>\n<p>    .cta-right {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .solution-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .solution-wrapper {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .section-intro {\n        font-size: 1rem;\n    }<\/p>\n<p>    .images-gallery {\n        gap: 16px;\n    }<\/p>\n<p>    .gallery-item {\n        height: 200px;\n    }<\/p>\n<p>    .features-row {\n        gap: 20px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 24px;\n    }<\/p>\n<p>    .bottom-cta {\n        padding: 28px 24px;\n    }<\/p>\n<p>    .cta-right {\n        flex-direction: column;\n    }<\/p>\n<p>    .cta-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .solution-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .solution-wrapper {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .images-gallery {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .gallery-item {\n        height: 240px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 20px;\n    }<\/p>\n<p>    .bottom-cta {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .cta-text h3 {\n        font-size: 1.3rem;\n    }\n}\n<\/style>\n<p><!-- FAQ Section --><\/p>\n<div class=\"faq-section\">\n<div class=\"faq-wrapper\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2753\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2753.svg\"><\/span><br \/>\n                <span>Pertanyaan yang Sering Diajukan<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Segala yang Perlu Anda Ketahui<\/span><br \/>\n                <span class=\"title-sub\">Tentang NOVASTAR\u2122 Superplastisizer Polikarboxilat<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- FAQ Content --><\/p>\n<div class=\"faq-content\">\n            <!-- Left Column: FAQ Items --><\/p>\n<div class=\"faq-column\">\n                <!-- FAQ 1: How It Works --><\/p>\n<div class=\"faq-item active\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                        <\/div>\n<h3>Bagaimana cara kerja Superplastisizer Polikarboxilat?<\/h3>\n<p>                        <button class=\"toggle-btn\" type=\"button\"><br \/>\n                            <svg class=\"icon-plus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\"><\/path>\n                            <\/svg><br \/>\n                            <svg class=\"icon-minus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z\"><\/path>\n                            <\/svg><br \/>\n                        <\/button>\n                    <\/div>\n<div class=\"faq-answer\">\n<p>\n                            PCE NOVASTAR\u2122 berfungsi melalui mekanisme aksi ganda yang menggabungkan <strong>tolakan elektrostatik<\/strong> dan <strong>hambatan sterik<\/strong>.\n                        <\/p>\n<p>\n                            Ketika molekul PCE menempel pada partikel semen, mereka menciptakan muatan listrik negatif dan penghalang spasial. Ini mencegah partikel menggumpal bersama, memastikan dispersi yang merata dalam air.\n                        <\/p>\n<div class=\"answer-highlight\">\n<div class=\"highlight-icon\">\u2713<\/div>\n<div class=\"highlight-text\">\n                                <strong>Hasilnya?<\/strong> Kelancaran aliran yang meningkat dengan penggunaan air yang lebih sedikit, sambil tetap mempertahankan kekuatan dan daya tahan beton.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 2: PCE vs Traditional --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2696\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2696.svg\"><\/span>\n                        <\/div>\n<h3>Apa perbedaan utama antara Superplastisizer Polikarboksilat dan superplastisizer tradisional?<\/h3>\n<p>                        <button class=\"toggle-btn\" type=\"button\"><br \/>\n                            <svg class=\"icon-plus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\"><\/path>\n                            <\/svg><br \/>\n                            <svg class=\"icon-minus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z\"><\/path>\n                            <\/svg><br \/>\n                        <\/button>\n                    <\/div>\n<div class=\"faq-answer\">\n<p>\n                            Sebagai generasi ketiga pengurang air beton, Superplastisizer Polikarboksilat memberikan kinerja yang lebih baik dan profil lingkungan yang lebih bersih dibandingkan aditif berbasis naftalena atau melamin tradisional.\n                        <\/p>\n<div class=\"comparison-table\">\n<div class=\"table-header\">\n<div class=\"header-cell\">Fitur<\/div>\n<div class=\"header-cell\">Superplastisizer Tradisional<\/div>\n<div class=\"header-cell highlight\">Superplastisiser Polikarboxilat (PCE)<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Mekanisme Dispersi<\/div>\n<div class=\"row-cell\">Tolakan elektrostatik<\/div>\n<div class=\"row-cell highlight\">Tolakan elektrostatik + Hambatan sterik<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Tingkat Pengurangan Air<\/div>\n<div class=\"row-cell\">15\u201325%<\/div>\n<div class=\"row-cell highlight\">Hingga 40%<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Retensi Slump<\/div>\n<div class=\"row-cell\">15\u201360 menit<\/div>\n<div class=\"row-cell highlight\">Hingga 2 jam<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Dampak Lingkungan<\/div>\n<div class=\"row-cell\">Mengandung formaldehida &amp; senyawa berbahaya<\/div>\n<div class=\"row-cell highlight\">Bebas formaldehida, ramah lingkungan<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Kesesuaian<\/div>\n<div class=\"row-cell\">Dapat menyebabkan ketidakcocokan dengan aditif lain<\/div>\n<div class=\"row-cell highlight\">Sangat kompatibel dengan berbagai semen &amp; admixture<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 3: Free Sample Program --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf81\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f381.svg\"><\/span>\n                        <\/div>\n<h3>Apakah LANDU NOVASTAR\u2122 menawarkan sampel produk gratis?<\/h3>\n<p>                        <button class=\"toggle-btn\" type=\"button\"><br \/>\n                            <svg class=\"icon-plus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\"><\/path>\n                            <\/svg><br \/>\n                            <svg class=\"icon-minus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z\"><\/path>\n                            <\/svg><br \/>\n                        <\/button>\n                    <\/div>\n<div class=\"faq-answer\">\n<p>\n                            Ya. Kami memiliki sebuah <strong>Program Sampel Gratis<\/strong> untuk memungkinkan pelanggan menguji produk kami tanpa risiko:\n                        <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\">\u2713<\/div>\n<div class=\"benefit-content\">\n<h4>Pengujian Tanpa Biaya<\/h4>\n<p>Terima sampel yang sepenuhnya didanai, dengan pengiriman gratis ke seluruh dunia.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\">\u2713<\/div>\n<div class=\"benefit-content\">\n<h4>Transparansi<\/h4>\n<p>Dapatkan laporan teknis terperinci (viskositas, waktu pengerasan, pH, dll.) untuk desain campuran yang akurat.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\">\u2713<\/div>\n<div class=\"benefit-content\">\n<h4>Jaminan Kustomisasi<\/h4>\n<p>If the sample doesn\u2019t meet your requirements, our R&amp;D team will reformulate at no extra cost until it fits your exact specifications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-box\">\n                            <button class=\"sample-btn\" type=\"button\"><br \/>\n                                <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc49\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f449.svg\"> Pesan Sampel Gratis Anda Hari Ini<\/span><br \/>\n                                <svg viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                    <path d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\"><\/path>\n                                <\/svg><br \/>\n                            <\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 4: Sustainability --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span>\n                        <\/div>\n<h3>Apakah Superplastisizer Policarboxylate ramah lingkungan?<\/h3>\n<p>                        <button class=\"toggle-btn\" type=\"button\"><br \/>\n                            <svg class=\"icon-plus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z\"><\/path>\n                            <\/svg><br \/>\n                            <svg class=\"icon-minus\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z\"><\/path>\n                            <\/svg><br \/>\n                        <\/button>\n                    <\/div>\n<div class=\"faq-answer\">\n<p>\n                            Ya. NOVASTAR\u2122 PCE dirancang dengan mempertimbangkan keberlanjutan dan efisiensi.\n                        <\/p>\n<p>\n                            Dengan mengurangi rasio air terhadap semen, meningkatkan kekuatan beton sekaligus membantu menurunkan emisi CO\u2082 selama produksi.\n                        <\/p>\n<div class=\"sustainability-grid\">\n<div class=\"sustain-card\">\n<div class=\"sustain-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcaa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4aa.svg\"><\/div>\n<h4>Struktur Lebih Kuat<\/h4>\n<p>Beton yang lebih tahan lama dengan daya tahan superior<\/p>\n<\/p><\/div>\n<div class=\"sustain-card\">\n<div class=\"sustain-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<h4>Jejak Lebih Kecil<\/h4>\n<p>Dampak lingkungan yang berkurang dan emisi CO\u2082 yang lebih rendah<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"answer-highlight green\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/div>\n<div class=\"highlight-text\">\n                                Ini berarti struktur yang lebih kuat, tahan lama, dan memiliki jejak lingkungan yang lebih kecil \u2014 memungkinkan Anda membangun masa depan yang lebih hijau tanpa mengorbankan kinerja.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column: Quick Contact --><\/p>\n<div class=\"contact-column\">\n<div class=\"contact-card\">\n<div class=\"contact-header\">\n<div class=\"contact-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/div>\n<h3>Masih Ada Pertanyaan?<\/h3>\n<\/p><\/div>\n<p>Tim teknis kami siap membantu Anda menemukan solusi terbaik untuk proyek Anda.<\/p>\n<div class=\"contact-methods\">\n<div class=\"method-item\">\n<div class=\"method-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e7.svg\"><\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Kirim Email kepada Kami<\/span><br \/>\n                                <span class=\"method-value\">sales@landu-china.com<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"method-item\">\n<div class=\"method-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4de.svg\"><\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Hubungi Kami<\/span><br \/>\n                                <span class=\"method-value\">+86 150 693 53616<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"method-item\">\n<div class=\"method-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Obrolan Langsung<\/span><br \/>\n                                <span class=\"method-value\">Tersedia 24\/7<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <button class=\"contact-btn\" type=\"button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Hubungi Dukungan Teknis<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.faq-section {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.faq-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.faq-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 56px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* FAQ Content *\/\n.faq-content {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 40px;\n}<\/p>\n<p>\/* FAQ Column *\/\n.faq-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.faq-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.faq-item:hover {\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.faq-question {\n    padding: 24px 28px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n}<\/p>\n<p>.question-icon {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n    pointer-events: none;\n}<\/p>\n<p>.faq-question h3 {\n    flex: 1;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n    pointer-events: none;\n}<\/p>\n<p>.toggle-btn {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border: none;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n    pointer-events: none;\n}<\/p>\n<p>.toggle-btn svg {\n    width: 18px;\n    height: 18px;\n    color: white;\n}<\/p>\n<p>.icon-minus {\n    display: none;\n}<\/p>\n<p>.faq-item.active .icon-plus {\n    display: none;\n}<\/p>\n<p>.faq-item.active .icon-minus {\n    display: block;\n}<\/p>\n<p>.faq-item.active .toggle-btn {\n    transform: rotate(180deg);\n}<\/p>\n<p>.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    padding: 0 28px;\n    transition: max-height 0.4s ease, padding 0.4s ease;\n}<\/p>\n<p>.faq-item.active .faq-answer {\n    max-height: 2000px;\n    padding: 0 28px 28px;\n}<\/p>\n<p>.faq-answer p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.faq-answer p:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.faq-answer strong {\n    color: #1e293b;\n    font-weight: 600;\n}<\/p>\n<p>\/* Answer Highlight *\/\n.answer-highlight {\n    display: flex;\n    gap: 16px;\n    padding: 16px 20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);\n    border-left: 3px solid #22c55e;\n    border-radius: 8px;\n    margin-top: 16px;\n}<\/p>\n<p>.answer-highlight.green {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);\n    border-left-color: #10b981;\n}<\/p>\n<p>.highlight-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    font-weight: 700;\n    flex-shrink: 0;\n}<\/p>\n<p>.highlight-text {\n    flex: 1;\n    font-size: 0.9rem;\n    color: #1e293b;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Comparison Table *\/\n.comparison-table {\n    margin: 20px 0;\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.table-header {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}<\/p>\n<p>.header-cell {\n    padding: 14px 16px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #1e293b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.header-cell.highlight {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #16a34a;\n}<\/p>\n<p>.table-row {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr;\n    border-top: 1px solid #e2e8f0;\n}<\/p>\n<p>.row-label {\n    padding: 14px 16px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #475569;\n    background: #fafbfc;\n}<\/p>\n<p>.row-cell {\n    padding: 14px 16px;\n    font-size: 0.85rem;\n    color: #64748b;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.row-cell.highlight {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.03) 0%, rgba(59, 130, 246, 0.03) 100%);\n    color: #16a34a;\n    font-weight: 600;\n}<\/p>\n<p>\/* Benefits List *\/\n.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 20px 0;\n}<\/p>\n<p>.benefit-row {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.benefit-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1rem;\n    font-weight: 700;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-content h4 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 6px 0;\n}<\/p>\n<p>.benefit-content p {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* CTA Box *\/\n.cta-box {\n    margin-top: 20px;\n}<\/p>\n<p>.sample-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 24px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.sample-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.sample-btn svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.sample-btn:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Sustainability Grid *\/\n.sustainability-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin: 20px 0;\n}<\/p>\n<p>.sustain-card {\n    padding: 20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);\n    border-radius: 12px;\n    text-align: center;\n}<\/p>\n<p>.sustain-icon {\n    font-size: 2rem;\n    margin-bottom: 12px;\n}<\/p>\n<p>.sustain-card h4 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.sustain-card p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Contact Column *\/\n.contact-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.contact-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    position: sticky;\n    top: 32px;\n}<\/p>\n<p>.contact-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.contact-icon {\n    font-size: 2rem;\n}<\/p>\n<p>.contact-card h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.contact-card > p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>.contact-methods {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.method-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 10px;\n}<\/p>\n<p>.method-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.method-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.method-label {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.method-value {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.contact-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 20px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.contact-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.contact-btn svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.contact-btn:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .faq-wrapper {\n        padding: 0 30px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .faq-content {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .contact-column {\n        order: -1;\n    }<\/p>\n<p>    .contact-card {\n        position: static;\n    }<\/p>\n<p>    .sustainability-grid {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .faq-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .faq-wrapper {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .faq-question {\n        padding: 20px;\n    }<\/p>\n<p>    .faq-question h3 {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .comparison-table {\n        font-size: 0.8rem;\n    }<\/p>\n<p>    .table-header,\n    .table-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .header-cell,\n    .row-label,\n    .row-cell {\n        padding: 10px 12px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .faq-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .faq-wrapper {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .faq-question h3 {\n        font-size: 1rem;\n    }<\/p>\n<p>    .contact-card {\n        padding: 20px;\n    }\n}\n<\/style>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.faq-item');<\/p>\n<p>    faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');<\/p>\n<p>        question.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();<\/p>\n<p>            const isActive = item.classList.contains('active');<\/p>\n<p>            \/\/ Close all items\n            faqItems.forEach(i => {\n                i.classList.remove('active');\n            });<\/p>\n<p>            \/\/ Open clicked item if it wasn't active\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\n});\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>NOVASTAR PCE Superplasticizer Engineered by LANDU, NOVASTAR delivers high-range water-reducing performance for superior concrete strength, durability, and flowability. Advanced PCE Technology Polycarboxylate Ether innovation System Compatible Cement, Mortar &amp; Gypsum systems Custom OEM Solutions Formulation &amp; Technical Support ISO Certified CNAS Approved LANDU Engineering COO\u207b SO\u2083\u207b CH\u2082 OCH\u2083 PCE High-Performance Concrete Precast Elements Ready-Mix Concrete [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5364,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5145"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5145\/revisions"}],"predecessor-version":[{"id":5147,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5145\/revisions\/5147"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5364"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}