{"id":5149,"date":"2025-12-01T03:58:03","date_gmt":"2025-12-01T03:58:03","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5149"},"modified":"2025-12-24T02:47:54","modified_gmt":"2025-12-24T02:47:54","slug":"hydroxypropyl-starch-ether-hps","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/hydroxypropyl-starch-ether-hps\/","title":{"rendered":"Produsen Ether Tepung HPS terkemuka di Indonesia"},"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<div class=\"expertise-badge\">Solusi Kimia Konstruksi Ahli<\/div>\n<h1 class=\"main-title\">\n                    <span class=\"title-line-1\">NOVASTAR\u2122 HPS<\/span><br \/>\n                    <span class=\"title-line-2\">Ahli Hydroxypropyl<\/span><br \/>\n                    <span class=\"title-line-3\">Solusi Ether Tepung Kanji<\/span><br \/>\n                <\/h1>\n<div class=\"subtitle\">\n                    As one of China\u2019s most established producers of hydroxypropyl starch ether (HPS), LANDU brings over two decades of expertise in advanced construction chemical additives. Every NOVASTAR\u2122 product is manufactured under rigorous QA protocols and in compliance with international quality standards.\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-right\">\n<div class=\"visual-section\">\n                <!-- HPS molecular structure diagram --><\/p>\n<div class=\"powder-diagram\">\n<div class=\"powder-center\"><\/div>\n<div class=\"powder-particles\"><\/div>\n<div class=\"hydrophobic-groups\">\n<div class=\"h-group group-1\">C\u2086H\u2081\u2080O\u2085<\/div>\n<div class=\"h-group group-2\">OH<\/div>\n<div class=\"h-group group-3\">C\u2083H\u2087O<\/div>\n<div class=\"h-group group-4\">CH\u2082OH<\/div>\n<div class=\"h-group group-5\">HPS<\/div>\n<\/p><\/div>\n<div class=\"molecular-bonds\"><\/div>\n<\/p><\/div>\n<p>                <!-- Application areas --><\/p>\n<div class=\"applications\">\n<div class=\"app-item putty\">\n<p>                        <span>Putty Dinding<\/span>\n                    <\/div>\n<div class=\"app-item adhesives\">\n<p>                        <span>Perekat Keramik<\/span>\n                    <\/div>\n<div class=\"app-item mortar\">\n<p>                        <span>Sistem Mortar<\/span>\n                    <\/div>\n<div class=\"app-item building\">\n<p>                        <span>Bahan Campuran Kering<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Bottom CTA section --><\/p>\n<div class=\"bottom-section\">\n<div class=\"cta-section\">\n<div class=\"quality-badges\">\n<div class=\"badge\">Dua Dekade Pengalaman<\/div>\n<div class=\"badge\">Protokol QA yang Ketat<\/div>\n<div class=\"badge\">Standar Internasional<\/div>\n<\/p><\/div>\n<div class=\"cta-button\">\n                <span class=\"cta-text\"><a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\" class=\"editing\">\u2192 Jelajahi Solusi NOVASTAR\u2122 HPS<\/a><\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.banner {\n    width: 100%;\n    min-height: auto;\n    background: linear-gradient(135deg, #e8f4f8 0%, #d4ebf0 50%, #c1e3e8 100%);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 40px 0 40px 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, #b8e6d5 0%, #a3d9c7 100%);\n    top: -50px;\n    right: -50px;\n}<\/p>\n<p>.layer-2 {\n    width: 200px;\n    height: 200px;\n    background: linear-gradient(135deg, #d0f0fd 0%, #b8e6f5 100%);\n    bottom: 20%;\n    left: 10%;\n}<\/p>\n<p>.layer-3 {\n    width: 150px;\n    height: 150px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #cef0f7 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: #0d7377;\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: #14a085;\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 #0d7377;\n    opacity: 0.2;\n    top: 60%;\n    left: 25%;\n}<\/p>\n<p>.square-1 {\n    width: 35px;\n    height: 35px;\n    background: #1a8f8f;\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, #14a085 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>\/* Molecular particles decoration *\/\n.particle {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(13, 115, 119, 0.4);\n    animation: drift 8s ease-in-out infinite;\n}<\/p>\n<p>.particle-1 {\n    width: 8px;\n    height: 8px;\n    top: 25%;\n    right: 25%;\n    animation-delay: 0s;\n}<\/p>\n<p>.particle-2 {\n    width: 6px;\n    height: 6px;\n    top: 50%;\n    left: 20%;\n    animation-delay: 3s;\n}<\/p>\n<p>.particle-3 {\n    width: 10px;\n    height: 10px;\n    bottom: 35%;\n    right: 15%;\n    animation-delay: 6s;\n}<\/p>\n<p>@keyframes drift {\n    0%, 100% { transform: translate(0px, 0px) scale(1); opacity: 0.4; }\n    33% { transform: translate(10px, -15px) scale(1.2); opacity: 0.6; }\n    66% { transform: translate(-5px, 10px) scale(0.8); opacity: 0.5; }\n}<\/p>\n<p>\/* Main content *\/\n.main-content {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 50px;\n    max-width: 1400px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 10;\n    flex: 1;\n    align-items: center;\n}<\/p>\n<p>.content-left {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.content-right {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n}<\/p>\n<p>.visual-section {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.title-section {\n    margin-bottom: 0;\n}<\/p>\n<p>.expertise-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin-bottom: 16px;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.main-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 16px;\n    color: #0d3b3f;\n}<\/p>\n<p>.title-line-1 {\n    display: block;\n    color: #0d7377;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 3.2rem;\n}<\/p>\n<p>.title-line-2 {\n    display: block;\n    color: #1a5f62;\n    font-size: 2.8rem;\n}<\/p>\n<p>.title-line-3 {\n    display: block;\n    color: #1a5f62;\n    font-size: 2.8rem;\n}<\/p>\n<p>.subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    line-height: 1.6;\n    max-width: 580px;\n    font-weight: 400;\n    margin-bottom: 0;\n}<\/p>\n<p>\/* HPS molecular structure diagram *\/\n.powder-diagram {\n    position: relative;\n    width: 200px;\n    height: 200px;\n    margin: 0 auto;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\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}<\/p>\n<p>.powder-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.hydrophobic-core {\n    width: 30px;\n    height: 30px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.powder-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.particle-node {\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    background: linear-gradient(135deg, #2c6e6f 0%, #14a085 100%);\n    border-radius: 50%;\n    box-shadow: 0 2px 6px rgba(13, 115, 119, 0.2);\n}<\/p>\n<p>.node-1 {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}<\/p>\n<p>.node-2 {\n    top: 35px;\n    right: 35px;\n}<\/p>\n<p>.node-3 {\n    top: 50%;\n    right: 20px;\n    transform: translateY(-50%);\n}<\/p>\n<p>.node-4 {\n    bottom: 35px;\n    right: 35px;\n}<\/p>\n<p>.node-5 {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}<\/p>\n<p>.node-6 {\n    bottom: 35px;\n    left: 35px;\n}<\/p>\n<p>.node-7 {\n    top: 50%;\n    left: 20px;\n    transform: translateY(-50%);\n}<\/p>\n<p>.node-8 {\n    top: 35px;\n    left: 35px;\n}<\/p>\n<p>.hydrophobic-groups {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.h-group {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.9);\n    color: #1a5f62;\n    padding: 4px 8px;\n    border-radius: 5px;\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: 5px;\n    left: 5px;\n}<\/p>\n<p>.group-2 {\n    top: 5px;\n    right: 5px;\n}<\/p>\n<p>.group-3 {\n    bottom: 5px;\n    left: 5px;\n}<\/p>\n<p>.group-4 {\n    bottom: 5px;\n    right: 5px;\n}<\/p>\n<p>.group-5 {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(13, 115, 119, 0.1);\n    color: #0d7377;\n    font-weight: 700;\n    font-size: 0.85rem;\n}<\/p>\n<p>\/* Molecular bonds *\/\n.molecular-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    background: linear-gradient(90deg, rgba(13, 115, 119, 0.4) 0%, rgba(13, 115, 119, 0.2) 100%);\n    height: 1px;\n    opacity: 0.6;\n}<\/p>\n<p>.bond-1 {\n    width: 55px;\n    top: 30%;\n    left: 50%;\n    transform: translate(-50%, -50%) rotate(45deg);\n}<\/p>\n<p>.bond-2 {\n    width: 55px;\n    top: 70%;\n    left: 50%;\n    transform: translate(-50%, -50%) rotate(-45deg);\n}<\/p>\n<p>.bond-3 {\n    width: 55px;\n    top: 50%;\n    left: 30%;\n    transform: translate(-50%, -50%) rotate(90deg);\n}<\/p>\n<p>.bond-4 {\n    width: 55px;\n    top: 50%;\n    right: 30%;\n    transform: translate(50%, -50%) rotate(90deg);\n}<\/p>\n<p>\/* Application areas *\/\n.applications {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}<\/p>\n<p>.app-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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: #1a5f62;\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: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, #2c6e6f 0%, #14a085 100%);\n    border-radius: 4px;\n    flex-shrink: 0;\n}<\/p>\n<p>.putty .app-icon-simple {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n}<\/p>\n<p>.adhesives .app-icon-simple {\n    background: linear-gradient(135deg, #1a8f8f 0%, #0d7377 100%);\n}<\/p>\n<p>.mortar .app-icon-simple {\n    background: linear-gradient(135deg, #14a085 0%, #1a8f8f 100%);\n}<\/p>\n<p>.building .app-icon-simple {\n    background: linear-gradient(135deg, #0d7377 0%, #1a8f8f 100%);\n}<\/p>\n<p>\/* Bottom section *\/\n.bottom-section {\n    max-width: 1400px;\n    width: 100%;\n    margin: 30px auto 0;\n    padding: 0 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>\/* CTA section *\/\n.cta-section {\n    display: flex;\n    align-items: center;\n    justify-content: 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: #1a5f62;\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>.cta-button {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white !important;\n    padding: 14px 28px;\n    border-radius: 25px;\n    font-weight: 600;\n    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.3);\n    transition: all 0.3s ease;\n    cursor: pointer;\n    white-space: nowrap;\n    text-decoration: none;\n    border: none;\n    outline: none;\n}<\/p>\n<p>.cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(13, 115, 119, 0.4);\n    color: white !important;\n}<\/p>\n<p>.cta-text {\n    font-size: 1rem;\n    color: white !important;\n    text-decoration: none;\n    display: inline-block;\n}<\/p>\n<p>.cta-button * {\n    color: white !important;\n}<\/p>\n<p>\/* Responsive design *\/\n@media (max-width: 1200px) {\n    .main-content, .bottom-section {\n        padding: 0 40px;\n        gap: 40px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .title-line-1 {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .title-line-2, .title-line-3 {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .cta-section {\n        flex-direction: column;\n        align-items: center;\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .banner {\n        padding: 30px 0 35px 0;\n    }<\/p>\n<p>    .main-content {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        padding: 0 40px;\n    }<\/p>\n<p>    .bottom-section {\n        padding: 0 40px;\n        margin-top: 25px;\n    }<\/p>\n<p>    .content-left {\n        text-align: center;\n        align-items: center;\n    }<\/p>\n<p>    .content-right {\n        align-items: center;\n    }<\/p>\n<p>    .subtitle {\n        max-width: 100%;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.6rem;\n    }<\/p>\n<p>    .title-line-1 {\n        font-size: 2.6rem;\n    }<\/p>\n<p>    .title-line-2, .title-line-3 {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }<\/p>\n<p>    .cta-section {\n        flex-direction: column;\n        align-items: center;\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .banner {\n        padding: 25px 0 30px 0;\n    }<\/p>\n<p>    .main-content, .bottom-section {\n        padding: 0 24px;\n        gap: 25px;\n    }<\/p>\n<p>    .bottom-section {\n        margin-top: 20px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.2rem;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .title-line-1 {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .title-line-2, .title-line-3 {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .applications {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }<\/p>\n<p>    .powder-diagram {\n        width: 180px;\n        height: 180px;\n    }<\/p>\n<p>    .visual-section {\n        gap: 15px;\n    }<\/p>\n<p>    .content-left {\n        gap: 15px;\n    }<\/p>\n<p>    .cta-section {\n        flex-direction: column;\n        align-items: center;\n        gap: 15px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .banner {\n        padding: 20px 0 25px 0;\n    }<\/p>\n<p>    .main-content, .bottom-section {\n        padding: 0 20px;\n        gap: 20px;\n    }<\/p>\n<p>    .bottom-section {\n        margin-top: 15px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 1.8rem;\n        margin-bottom: 10px;\n    }<\/p>\n<p>    .title-line-1 {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .title-line-2, .title-line-3 {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 0.95rem;\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>    .powder-diagram {\n        width: 160px;\n        height: 160px;\n    }<\/p>\n<p>    .geometric-elements {\n        opacity: 0.3;\n    }<\/p>\n<p>    .cta-button {\n        padding: 12px 24px;\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .content-left {\n        gap: 12px;\n    }<\/p>\n<p>    .visual-section {\n        gap: 12px;\n    }\n}\n<\/style>\n<p><!-- NOVASTAR\u2122 HPS Expert Solutions Section --><\/p>\n<div class=\"hps-solutions-section\">\n<div class=\"solutions-container\">\n        <!-- Section Header --><\/p>\n<div class=\"solutions-header\">\n<h2 class=\"solutions-title\">\n                <span class=\"title-gradient\">NOVASTAR\u2122 HPS \u2013 Solusi Ether Tepung Kanji Hydroxypropyl Ahli<\/span><br \/>\n            <\/h2>\n<p class=\"solutions-subtitle\">Dua Dekade Keunggulan | Aditif Kimia Konstruksi Canggih<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"solutions-content\">\n<div class=\"content-wrapper\">\n                <!-- Product Details Section --><\/p>\n<div class=\"product-details-section\">\n                    <!-- Left Side: Product Information --><\/p>\n<div class=\"product-info-area\">\n                        <!-- Company Introduction --><\/p>\n<div class=\"company-intro-card\">\n<div class=\"intro-badge\">\n<div class=\"badge-icon\">\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"badge-text\">Pengalaman Lebih dari 20 Tahun<\/span>\n                            <\/div>\n<p class=\"intro-text\">As one of China\u2019s most established producers of <strong>ether pati hidroksipropil (HPS)<\/strong>, LANDU membawa pengalaman lebih dari dua dekade dalam aditif bahan kimia konstruksi canggih. Setiap produk NOVASTAR\u2122 diproduksi di bawah protokol QA yang ketat dan standar kualitas internasional.<\/p>\n<\/p><\/div>\n<p>                        <!-- Product Description --><\/p>\n<div class=\"product-description-card\">\n<h3 class=\"description-title\">Solusi Konstruksi Serbaguna<\/h3>\n<p class=\"description-text\">NOVASTAR\u2122 Hydroxypropyl Starch Ether dirancang untuk penggunaan serbaguna di berbagai bahan bangunan campuran kering, termasuk plamir dinding, lem keramik, dan berbagai sistem mortar.<\/p>\n<\/p><\/div>\n<p>                        <!-- Key Advantages --><\/p>\n<div class=\"advantages-card\">\n<h4 class=\"advantages-heading\">Keunggulan Teknis Utama<\/h4>\n<div class=\"advantages-grid\">\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n                                        <span class=\"advantage-title\">Pembentukan Viskositas Cepat<\/span><\/p>\n<p class=\"advantage-description\">Pengentalan cepat untuk meningkatkan kemudahan pengerjaan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n                                        <span class=\"advantage-title\">Pengurangan Retak<\/span><\/p>\n<p class=\"advantage-description\">Fleksibilitas yang ditingkatkan meminimalkan penyusutan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n                                        <span class=\"advantage-title\">Ketahanan Licin Superior<\/span><\/p>\n<p class=\"advantage-description\">Menjaga ubin tetap pada tempatnya selama aplikasi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M7 21L3 17L7 13M17 8L21 12L17 16M13 3L11 21\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n                                        <span class=\"advantage-title\">Aplikasi Halus<\/span><\/p>\n<p class=\"advantage-description\">Tekstur yang konsisten dan mudah dioleskan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Quality Assurance - Moved from right side --><\/p>\n<div class=\"quality-assurance-card\">\n<div class=\"quality-header\">\n<div class=\"quality-icon\">\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"quality-title\">Jaminan Kualitas<\/span>\n                            <\/div>\n<p class=\"quality-description\">Protokol pengujian yang ketat memastikan kinerja dan keandalan yang konsisten untuk semua aplikasi konstruksi di seluruh dunia.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Right Side: Product Image & Specifications --><\/p>\n<div class=\"product-visual-area\">\n                        <!-- Product Image --><\/p>\n<div class=\"image-container\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Hydroxypropyl-Starch-Ether-product-sample.jpg\" alt=\"Contoh Produk Hydroxypropyl Starch Ether LANDU NOVASTAR\" class=\"product-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">HPS Premium<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Product Specifications --><\/p>\n<div class=\"specifications-card\">\n<h4 class=\"specs-title\">Spesifikasi Teknis<\/h4>\n<div class=\"specs-grid\">\n<div class=\"spec-row\">\n                                    <span class=\"spec-label\">Aplikasi Utama<\/span><br \/>\n                                    <span class=\"spec-value\">Plamur Dinding, Lem Ubin, Sistem Mortar<\/span>\n                                <\/div>\n<div class=\"spec-row\">\n                                    <span class=\"spec-label\">Standar Kualitas<\/span><br \/>\n                                    <span class=\"spec-value\">Protokol QA Internasional<\/span>\n                                <\/div>\n<div class=\"spec-row\">\n                                    <span class=\"spec-label\">Manufaktur<\/span><br \/>\n                                    <span class=\"spec-value\">Fasilitas Bersertifikat ISO<\/span>\n                                <\/div>\n<div class=\"spec-row\">\n                                    <span class=\"spec-label\">Dukungan Teknis<\/span><br \/>\n                                    <span class=\"spec-value\">Konsultasi Ahli 24\/7<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- OEM Support --><\/p>\n<div class=\"oem-support-card\">\n<div class=\"oem-header\">\n<div class=\"oem-icon\">\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"oem-title\">Dukungan OEM yang Disesuaikan<\/span>\n                            <\/div>\n<p class=\"oem-description\">Formulasi yang Disesuaikan dengan dukungan teknis penuh dan dukungan proyek yang komprehensif.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* NOVASTAR\u2122 HPS Expert Solutions Section *\/\n.hps-solutions-section {\n    width: 100%;\n    background: linear-gradient(160deg, #f0f9fa 0%, #e8f5f6 50%, #f5fafa 100%);\n    padding: 70px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.hps-solutions-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 40%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(13, 115, 119, 0.03) 0%, transparent 70%);\n    transform: rotate(15deg);\n}<\/p>\n<p>.solutions-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 50px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.solutions-header {\n    text-align: center;\n    margin-bottom: 50px;\n}<\/p>\n<p>.solutions-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin-bottom: 16px;\n}<\/p>\n<p>.title-gradient {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.solutions-subtitle {\n    font-size: 1.2rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    max-width: 700px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* Main Content *\/\n.solutions-content {\n    background: #ffffff;\n    border-radius: 18px;\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.1);\n    border: 1px solid #e0f2f1;\n    overflow: hidden;\n}<\/p>\n<p>.content-wrapper {\n    padding: 36px;\n}<\/p>\n<p>\/* Product Details Section - Equal Height Layout *\/\n.product-details-section {\n    display: flex;\n    gap: 36px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Left Side: Product Information *\/\n.product-info-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}<\/p>\n<p>\/* Company Introduction Card *\/\n.company-intro-card {\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    border-radius: 12px;\n    padding: 18px;\n    flex-shrink: 0;\n}<\/p>\n<p>.intro-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n}<\/p>\n<p>.badge-icon {\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.intro-text {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.intro-text strong {\n    color: #0d7377;\n    font-weight: 600;\n}<\/p>\n<p>\/* Product Description Card *\/\n.product-description-card {\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 12px;\n    padding: 18px;\n    flex-shrink: 0;\n}<\/p>\n<p>.description-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 10px;\n    position: relative;\n    padding-left: 14px;\n}<\/p>\n<p>.description-title::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 18px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 2px;\n}<\/p>\n<p>.description-text {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Advantages Card *\/\n.advantages-card {\n    background: #f8fcfd;\n    border: 1px solid #e0f2f1;\n    border-radius: 12px;\n    padding: 18px;\n    flex: 1;\n}<\/p>\n<p>.advantages-heading {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 16px;\n}<\/p>\n<p>.advantages-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}<\/p>\n<p>.advantage-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 12px;\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.advantage-item:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.12);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.advantage-icon {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 1px;\n}<\/p>\n<p>.advantage-content {\n    flex: 1;\n    min-width: 0;\n}<\/p>\n<p>.advantage-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 4px;\n    display: block;\n    line-height: 1.3;\n}<\/p>\n<p>.advantage-description {\n    font-size: 0.85rem;\n    color: #3d5a5c;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* Right Side: Product Visual Area *\/\n.product-visual-area {\n    flex: 0 0 45%;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}<\/p>\n<p>\/* Product Image *\/\n.image-container {\n    position: relative;\n    border-radius: 14px;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(13, 115, 119, 0.15);\n    flex-shrink: 0;\n}<\/p>\n<p>.product-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.image-container:hover .product-image {\n    transform: scale(1.06);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n}<\/p>\n<p>.overlay-badge {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 14px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>\/* Specifications Card *\/\n.specifications-card {\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 12px;\n    padding: 18px;\n    flex: 1;\n}<\/p>\n<p>.specs-title {\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 14px;\n}<\/p>\n<p>.specs-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}<\/p>\n<p>.spec-row {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f7f8;\n}<\/p>\n<p>.spec-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.spec-label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #0d7377;\n}<\/p>\n<p>.spec-value {\n    font-size: 0.9rem;\n    color: #3d5a5c;\n    line-height: 1.3;\n}<\/p>\n<p>\/* Quality Assurance Card - Now in left column *\/\n.quality-assurance-card {\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    border-radius: 12px;\n    padding: 18px;\n    flex-shrink: 0;\n    height: fit-content;\n}<\/p>\n<p>.quality-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n}<\/p>\n<p>.quality-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.quality-title {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #0d3b3f;\n}<\/p>\n<p>.quality-description {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* OEM Support Card - Adjusted to match Quality Assurance height *\/\n.oem-support-card {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 12px;\n    padding: 18px;\n    color: white;\n    flex-shrink: 0;\n    height: fit-content;\n}<\/p>\n<p>.oem-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n}<\/p>\n<p>.oem-icon {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.oem-title {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: white;\n}<\/p>\n<p>.oem-description {\n    font-size: 0.95rem;\n    color: rgba(255, 255, 255, 0.9);\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .solutions-container {\n        padding: 0 40px;\n    }<\/p>\n<p>    .product-details-section {\n        gap: 32px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .hps-solutions-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .product-details-section {\n        flex-direction: column;\n        gap: 28px;\n    }<\/p>\n<p>    .product-visual-area {\n        flex: none;\n        order: 1;\n        max-width: 600px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .product-info-area {\n        order: 2;\n        flex: none;\n    }<\/p>\n<p>    .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .hps-solutions-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .solutions-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .solutions-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .solutions-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .content-wrapper {\n        padding: 28px;\n    }<\/p>\n<p>    .product-info-area {\n        gap: 16px;\n    }<\/p>\n<p>    .product-visual-area {\n        gap: 16px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .hps-solutions-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .solutions-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .solutions-title {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .solutions-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .content-wrapper {\n        padding: 22px;\n    }<\/p>\n<p>    .company-intro-card,\n    .product-description-card,\n    .advantages-card,\n    .specifications-card,\n    .oem-support-card,\n    .quality-assurance-card {\n        padding: 14px;\n    }<\/p>\n<p>    .advantages-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .advantage-item {\n        padding: 10px;\n    }\n}\n<\/style>\n<p><!-- LANDU Trusted Partner Section --><\/p>\n<div class=\"trusted-partner-section\">\n<div class=\"partner-container\">\n        <!-- Section Header --><\/p>\n<div class=\"partner-header\">\n<h2 class=\"partner-title\">\n                <span class=\"title-text\">LANDU \u2013 Mitra Tepercaya Anda<\/span><br \/>\n                <span class=\"title-highlight\">Hydroxypropyl Starch Ether<\/span><br \/>\n                <span class=\"title-location\">di Indonesia<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"partner-content\">\n<div class=\"content-layout\">\n                <!-- Left Side: Product Information --><\/p>\n<div class=\"product-info-section\">\n                    <!-- Main Description Card --><\/p>\n<div class=\"main-description-card\">\n<div class=\"product-brand\">\n<div class=\"brand-icon\">\n                                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"brand-text\">\n                                <span class=\"brand-name\">NOVASTAR\u2122<\/span><br \/>\n                                <span class=\"brand-subtitle\">HPS Premium<\/span>\n                            <\/div>\n<\/p><\/div>\n<p class=\"main-description\">NOVASTAR\u2122 Hydroxypropyl Starch Ether (HPS), diproduksi oleh LANDU, adalah aditif konstruksi kelas premium yang diproduksi dari pati alami menggunakan teknik modifikasi kimia dan fisika yang canggih.<\/p>\n<\/p><\/div>\n<p>                    <!-- Product Properties Grid --><\/p>\n<div class=\"properties-section\">\n<h3 class=\"properties-title\">Fitur Produk Utama<\/h3>\n<div class=\"properties-grid\">\n<div class=\"property-card\">\n<div class=\"property-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"property-content\">\n<h4 class=\"property-name\">Tidak Beracun &amp; Tidak Berbau<\/h4>\n<p class=\"property-desc\">Aman untuk semua aplikasi konstruksi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"property-card\">\n<div class=\"property-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"property-content\">\n<h4 class=\"property-name\">Larut dalam Air Dingin<\/h4>\n<p class=\"property-desc\">Larut dengan mudah untuk persiapan yang cepat.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"property-card\">\n<div class=\"property-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"property-content\">\n<h4 class=\"property-name\">Larutan Jernih<\/h4>\n<p class=\"property-desc\">Membentuk larutan kental transparan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"property-card\">\n<div class=\"property-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"property-content\">\n<h4 class=\"property-name\">Kinerja yang Ditingkatkan<\/h4>\n<p class=\"property-desc\">Meningkatkan kemudahan kerja dan konsistensi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Right Side: Partnership Benefits --><\/p>\n<div class=\"applications-section\">\n                    <!-- Partnership Benefits Card --><\/p>\n<div class=\"partnership-card\">\n<div class=\"partnership-header\">\n<div class=\"partnership-icon\">\n                                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"partnership-title\">Mengapa Memilih LANDU<\/h3>\n<\/p><\/div>\n<p class=\"partnership-description\">Tambah bahan berkinerja tinggi ini tidak beracun, tidak berbau, dan tersedia dalam bentuk bubuk putih halus atau krem pucat. Mudah larut dalam air dingin, menghasilkan larutan kental yang jernih atau sedikit transparan. Sifat-sifat tersebut menjadikan NOVASTAR\u2122 HPS pilihan ideal untuk meningkatkan kemudahan pengerjaan, retensi air, dan konsistensi campuran dalam berbagai aplikasi konstruksi.<\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<p>                                <span class=\"benefit-text\">Pasokan yang dapat diandalkan dan pengiriman tepat waktu<\/span>\n                            <\/div>\n<div class=\"benefit-item\">\n<p>                                <span class=\"benefit-text\">Dukungan teknis ahli<\/span>\n                            <\/div>\n<div class=\"benefit-item\">\n<p>                                <span class=\"benefit-text\">Pengendalian kualitas yang ketat<\/span>\n                            <\/div>\n<div class=\"benefit-item\">\n<p>                                <span class=\"benefit-text\">Formulasi yang disesuaikan<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* LANDU Trusted Partner Section *\/\n.trusted-partner-section {\n    width: 100%;\n    background: linear-gradient(145deg, #f5fafa 0%, #e8f5f6 100%);\n    padding: 75px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.trusted-partner-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -10%;\n    width: 30%;\n    height: 100%;\n    background: radial-gradient(ellipse, rgba(13, 115, 119, 0.04) 0%, transparent 70%);\n    transform: skewX(-15deg);\n}<\/p>\n<p>.partner-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 50px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.partner-header {\n    text-align: center;\n    margin-bottom: 55px;\n}<\/p>\n<p>.partner-title {\n    font-size: 2.6rem;\n    font-weight: 700;\n    line-height: 1.2;\n    color: #0d3b3f;\n    margin: 0;\n}<\/p>\n<p>.title-text {\n    display: block;\n    margin-bottom: 8px;\n}<\/p>\n<p>.title-highlight {\n    display: block;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 6px;\n}<\/p>\n<p>.title-location {\n    display: block;\n    font-size: 2.2rem;\n    color: #2c6e6f;\n    font-weight: 600;\n}<\/p>\n<p>\/* Main Content *\/\n.partner-content {\n    background: #ffffff;\n    border-radius: 20px;\n    box-shadow: 0 15px 45px rgba(13, 115, 119, 0.12);\n    border: 1px solid #e0f2f1;\n    overflow: hidden;\n}<\/p>\n<p>.content-layout {\n    display: flex;\n    gap: 40px;\n    align-items: stretch;\n    padding: 40px;\n}<\/p>\n<p>\/* Left Side: Product Information *\/\n.product-info-section {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n}<\/p>\n<p>\/* Main Description Card *\/\n.main-description-card {\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    border-radius: 14px;\n    padding: 22px;\n    flex-shrink: 0;\n}<\/p>\n<p>.product-brand {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.brand-icon {\n    width: 42px;\n    height: 42px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.brand-text {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.brand-name {\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: #0d7377;\n    line-height: 1.2;\n}<\/p>\n<p>.brand-subtitle {\n    font-size: 0.9rem;\n    color: #3d5a5c;\n    font-weight: 500;\n}<\/p>\n<p>.main-description {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Properties Section *\/\n.properties-section {\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 14px;\n    padding: 22px;\n    flex: 1;\n}<\/p>\n<p>.properties-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 18px;\n    position: relative;\n    padding-left: 16px;\n}<\/p>\n<p>.properties-title::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 4px;\n    height: 20px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 2px;\n}<\/p>\n<p>.properties-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n}<\/p>\n<p>.property-card {\n    background: #f8fcfd;\n    border: 1px solid #e0f2f1;\n    border-radius: 10px;\n    padding: 16px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.property-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 18px rgba(13, 115, 119, 0.12);\n    border-color: #b8e6d5;\n    background: #ffffff;\n}<\/p>\n<p>.property-icon {\n    width: 34px;\n    height: 34px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.property-content {\n    flex: 1;\n}<\/p>\n<p>.property-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 4px;\n    line-height: 1.3;\n}<\/p>\n<p>.property-desc {\n    font-size: 0.85rem;\n    color: #3d5a5c;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* Right Side: Partnership Benefits *\/\n.applications-section {\n    flex: 0 0 46%;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>\/* Partnership Card - Full Height *\/\n.partnership-card {\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    border-radius: 14px;\n    padding: 28px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.partnership-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    flex-shrink: 0;\n}<\/p>\n<p>.partnership-icon {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.partnership-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0;\n}<\/p>\n<p>.partnership-description {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    flex: 1;\n    justify-content: center;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid #e0f2f1;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.benefit-item:hover {\n    transform: translateX(4px);\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.12);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.benefit-dot {\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-text {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.4;\n    font-weight: 500;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .partner-container {\n        padding: 0 40px;\n    }<\/p>\n<p>    .content-layout {\n        gap: 35px;\n        padding: 35px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .trusted-partner-section {\n        padding: 65px 0;\n    }<\/p>\n<p>    .partner-title {\n        font-size: 2.3rem;\n    }<\/p>\n<p>    .title-location {\n        font-size: 2rem;\n    }<\/p>\n<p>    .content-layout {\n        flex-direction: column;\n        gap: 28px;\n    }<\/p>\n<p>    .applications-section {\n        flex: none;\n        order: 1;\n    }<\/p>\n<p>    .product-info-section {\n        order: 2;\n        flex: none;\n    }<\/p>\n<p>    .properties-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .trusted-partner-section {\n        padding: 55px 0;\n    }<\/p>\n<p>    .partner-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .partner-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-location {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .content-layout {\n        padding: 28px;\n        gap: 22px;\n    }<\/p>\n<p>    .product-info-section {\n        gap: 18px;\n    }<\/p>\n<p>    .partnership-card {\n        padding: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .trusted-partner-section {\n        padding: 45px 0;\n    }<\/p>\n<p>    .partner-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .partner-title {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .title-location {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .content-layout {\n        padding: 22px;\n        gap: 18px;\n    }<\/p>\n<p>    .main-description-card,\n    .properties-section,\n    .partnership-card {\n        padding: 20px;\n    }<\/p>\n<p>    .properties-grid {\n        gap: 10px;\n    }<\/p>\n<p>    .property-card {\n        padding: 14px;\n    }<\/p>\n<p>    .benefits-list {\n        gap: 10px;\n    }<\/p>\n<p>    .benefit-item {\n        padding: 10px 12px;\n    }\n}\n<\/style>\n<p><!-- NOVASTAR\u2122 Technical Data Section --><\/p>\n<div class=\"technical-data-section\">\n<div class=\"data-container\">\n        <!-- Section Header --><\/p>\n<div class=\"data-header\">\n<h2 class=\"data-title\">\n                <span class=\"title-gradient\">Data Teknis Hydroxypropyl Starch Ether NOVASTAR\u2122<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"data-content\">\n            <!-- Left Column --><\/p>\n<div class=\"left-content\">\n                <!-- Technical Specifications Table --><\/p>\n<div class=\"specifications-section\">\n<div class=\"section-badge\">\n<div class=\"badge-icon\">\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M9 11H15M9 15H15M17 21H7C5.89543 21 5 20.1046 5 19V5C5 3.89543 5.89543 3 7 3H12.5858C12.851 3 13.1054 3.10536 13.2929 3.29289L19.7071 9.70711C19.8946 9.89464 20 10.149 20 10.4142V19C20 20.1046 19.1046 21 18 21H17Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<p>                        <span class=\"badge-text\">Spesifikasi Rinci<\/span>\n                    <\/div>\n<div class=\"specifications-table\">\n<div class=\"table-header\">\n<div class=\"header-item\">Item<\/div>\n<div class=\"header-specifications\">Spesifikasi<\/div>\n<\/p><\/div>\n<div class=\"table-body\">\n<div class=\"table-row\">\n<div class=\"row-item\">\n<div class=\"item-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z\" stroke=\"#0d7377\" stroke-width=\"2\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span class=\"item-name\">Penampilan<\/span>\n                                <\/div>\n<div class=\"row-specification\">Bubuk putih atau krem<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-item\">\n<div class=\"item-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span class=\"item-name\">Kandungan kelembapan %<\/span>\n                                <\/div>\n<div class=\"row-specification\">\u226410%<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-item\">\n<div class=\"item-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M7 4V2C7 1.44772 7.44772 1 8 1H16C16.5523 1 17 1.44772 17 2V4H20C20.5523 4 21 4.44772 21 5C21 5.55228 20.5523 6 20 6H4C3.44772 6 3 5.55228 3 5C3 4.44772 3.44772 4 4 4H7Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M6 10V18C6 19.1046 6.89543 20 8 20H16C17.1046 20 18 19.1046 18 18V10\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span class=\"item-name\">Abu<\/span>\n                                <\/div>\n<div class=\"row-specification\">\u226410%<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-item\">\n<div class=\"item-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span class=\"item-name\">Nilai pH<\/span>\n                                <\/div>\n<div class=\"row-specification\">8.5-11<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-item\">\n<div class=\"item-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M4.5 16.5C3 15 3 12.5 4.5 11L11 4.5C12.5 3 15 3 16.5 4.5C18 6 18 8.5 16.5 10L10 16.5C8.5 18 6 18 4.5 16.5Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span class=\"item-name\">Derajat Substitusi Hydroxypropyl<\/span>\n                                <\/div>\n<div class=\"row-specification\">0.2-1.2<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-item\">\n<div class=\"item-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M8 3H5C3.89543 3 3 3.89543 3 5V8M21 8V5C21 3.89543 20.1046 3 19 3H16M16 21H19C20.1046 21 21 20.1046 21 19V16M3 16V19C3 20.1046 3.89543 21 5 21H8\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"#0d7377\" stroke-width=\"2\"><\/circle>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span class=\"item-name\">Viskositas (mPa\u00b7s)<\/span>\n                                <\/div>\n<div class=\"row-specification\">400-1,200 (5%)<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Quality Note --><\/p>\n<div class=\"quality-note\">\n<div class=\"note-header\">\n<div class=\"note-icon\">\n                            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<p>                        <span class=\"note-title\">Jaminan Kualitas<\/span>\n                    <\/div>\n<p class=\"note-description\">Semua spesifikasi teknis diverifikasi melalui protokol pengujian yang ketat dan dipertahankan secara konsisten di seluruh batch produksi untuk memastikan kinerja yang andal dalam aplikasi konstruksi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column --><\/p>\n<div class=\"right-content\">\n                <!-- Product Samples Image --><\/p>\n<div class=\"product-samples-section\">\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-Hydroxypropyl-Starch-Ether-product-samples.jpg\" alt=\"Contoh Produk Hydroxypropyl Starch Ether LANDU NOVASTAR\" class=\"samples-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-content\">\n<div class=\"overlay-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M9 11H15M9 15H15M17 21H7C5.89543 21 5 20.1046 5 19V5C5 3.89543 5.89543 3 7 3H12.5858C12.851 3 13.1054 3.10536 13.2929 3.29289L19.7071 9.70711C19.8946 9.89464 20 10.149 20 10.4142V19C20 20.1046 19.1046 21 18 21H17Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"overlay-text\">Contoh Produk<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Technical Standards --><\/p>\n<div class=\"technical-standards\">\n<div class=\"standards-header\">\n<h4 class=\"standards-title\">Standar Teknis<\/h4>\n<p class=\"standards-subtitle\">Kualitas konsisten didukung oleh protokol pengujian internasional<\/p>\n<\/p><\/div>\n<div class=\"standards-grid\">\n<div class=\"standard-item\">\n<div class=\"standard-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"standard-content\">\n                                <span class=\"standard-label\">Diuji di Laboratorium<\/span><\/p>\n<p class=\"standard-desc\">Semua parameter diverifikasi melalui peralatan pengujian canggih<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"standard-item\">\n<div class=\"standard-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"standard-content\">\n                                <span class=\"standard-label\">Bersertifikat Kualitas<\/span><\/p>\n<p class=\"standard-desc\">Sistem manufaktur dan pengendalian kualitas sesuai ISO<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"standard-item\">\n<div class=\"standard-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"standard-content\">\n                                <span class=\"standard-label\">Konsistensi Batch<\/span><\/p>\n<p class=\"standard-desc\">Spesifikasi seragam dipertahankan di seluruh jalur produksi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* NOVASTAR\u2122 Technical Data Section *\/\n.technical-data-section {\n    width: 100%;\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f5f6 100%);\n    padding: 60px 0;\n    position: relative;\n}<\/p>\n<p>.data-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 40px;\n}<\/p>\n<p>\/* Section Header *\/\n.data-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.data-title {\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin: 0;\n}<\/p>\n<p>.title-gradient {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>\/* Main Content Layout *\/\n.data-content {\n    display: flex;\n    gap: 0;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.1);\n    border: 1px solid #e0f2f1;\n    overflow: hidden;\n    min-height: 600px;\n}<\/p>\n<p>\/* Left Column *\/\n.left-content {\n    flex: 1;\n    padding: 32px;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    justify-content: space-between;\n    min-height: 600px;\n}<\/p>\n<p>\/* Specifications Section *\/\n.specifications-section {\n    flex: 1;\n}<\/p>\n<p>.section-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin-bottom: 20px;\n}<\/p>\n<p>.badge-icon {\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>\/* Specifications Table *\/\n.specifications-table {\n    background: #f8fcfd;\n    border: 1px solid #e0f2f1;\n    border-radius: 12px;\n    overflow: hidden;\n}<\/p>\n<p>.table-header {\n    display: flex;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    font-weight: 600;\n    font-size: 1rem;\n}<\/p>\n<p>.header-item {\n    flex: 1.2;\n    padding: 16px 20px;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}<\/p>\n<p>.header-specifications {\n    flex: 1;\n    padding: 16px 20px;\n}<\/p>\n<p>.table-body {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.table-row {\n    display: flex;\n    border-bottom: 1px solid #e8f4f5;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.table-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.table-row:hover {\n    background: #f0f9fa;\n}<\/p>\n<p>.row-item {\n    flex: 1.2;\n    padding: 16px 20px;\n    border-right: 1px solid #e8f4f5;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}<\/p>\n<p>.item-icon {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.item-name {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: #0d3b3f;\n    line-height: 1.3;\n}<\/p>\n<p>.row-specification {\n    flex: 1;\n    padding: 16px 20px;\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>\/* Quality Note *\/\n.quality-note {\n    flex-shrink: 0;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 24px;\n    border-radius: 12px;\n}<\/p>\n<p>.note-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.note-icon {\n    width: 28px;\n    height: 28px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.note-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: white;\n}<\/p>\n<p>.note-description {\n    font-size: 0.95rem;\n    color: rgba(255, 255, 255, 0.95);\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Right Column *\/\n.right-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 600px;\n}<\/p>\n<p>\/* Product Samples Section *\/\n.product-samples-section {\n    flex: 1;\n    display: flex;\n    align-items: stretch;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n}<\/p>\n<p>.samples-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.image-container:hover .samples-image {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n}<\/p>\n<p>.overlay-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(13, 115, 119, 0.9);\n    backdrop-filter: blur(8px);\n    color: white;\n    padding: 8px 14px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n}<\/p>\n<p>.overlay-icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>\/* Technical Standards *\/\n.technical-standards {\n    flex-shrink: 0;\n    padding: 32px;\n    background: #f8fcfd;\n    border-top: 1px solid #e0f2f1;\n}<\/p>\n<p>.standards-header {\n    margin-bottom: 20px;\n}<\/p>\n<p>.standards-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 6px;\n}<\/p>\n<p>.standards-subtitle {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    margin: 0;\n}<\/p>\n<p>.standards-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}<\/p>\n<p>.standard-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 14px;\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.standard-item:hover {\n    transform: translateX(4px);\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.1);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.standard-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n}<\/p>\n<p>.standard-content {\n    flex: 1;\n    min-width: 0;\n}<\/p>\n<p>.standard-label {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    display: block;\n    margin-bottom: 4px;\n}<\/p>\n<p>.standard-desc {\n    font-size: 0.9rem;\n    color: #3d5a5c;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .data-content {\n        flex-direction: column;\n        min-height: auto;\n    }<\/p>\n<p>    .left-content,\n    .right-content {\n        min-height: auto;\n    }<\/p>\n<p>    .right-content {\n        order: 1;\n    }<\/p>\n<p>    .left-content {\n        order: 2;\n    }<\/p>\n<p>    .product-samples-section {\n        min-height: 300px;\n    }<\/p>\n<p>    .technical-standards {\n        border-top: none;\n        border-bottom: 1px solid #e0f2f1;\n    }<\/p>\n<p>    .table-header,\n    .table-row {\n        flex-direction: column;\n    }<\/p>\n<p>    .header-item,\n    .row-item {\n        border-right: none;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .row-item {\n        border-bottom: 1px solid #e8f4f5;\n    }<\/p>\n<p>    .row-specification {\n        border-bottom: 1px solid #e8f4f5;\n        padding-top: 8px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .technical-data-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .data-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .data-title {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .left-content,\n    .technical-standards {\n        padding: 24px;\n    }<\/p>\n<p>    .quality-note {\n        padding: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .technical-data-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .data-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .data-title {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .left-content,\n    .technical-standards {\n        padding: 20px;\n    }<\/p>\n<p>    .quality-note {\n        padding: 18px;\n    }<\/p>\n<p>    .header-item,\n    .row-item,\n    .row-specification {\n        padding: 12px 16px;\n    }<\/p>\n<p>    .item-name,\n    .row-specification {\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n<p><!-- NOVASTAR\u2122 Starch Ether Applications Section --><\/p>\n<div class=\"starch-ether-applications-section\">\n<div class=\"applications-container\">\n        <!-- Section Header --><\/p>\n<div class=\"applications-header\">\n<h2 class=\"applications-title\">\n                <span class=\"title-brand\">NOVASTAR\u2122 Starch Ether<\/span><br \/>\n                <span class=\"title-tagline\">Membuat Konstruksi Lebih Sederhana dan Lebih Pintar<\/span><br \/>\n            <\/h2>\n<p class=\"applications-subtitle\">Dirancang untuk mengoptimalkan kinerja dan penanganan bahan bangunan berbasis semen dan gypsum<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content --><\/p>\n<div class=\"applications-content\">\n            <!-- Introduction Section --><\/p>\n<div class=\"intro-section\">\n<div class=\"intro-card\">\n<div class=\"intro-content\">\n<p class=\"intro-description\">LANDU\u2019s NOVASTAR\u2122 Hydroxypropyl Starch Ether (HPS) is engineered to optimize the performance and handling of cement- and gypsum-based building materials. This specialty additive offers outstanding compatibility with common formulation partners, including cellulose ethers, redispersible polymer powders, and superplasticizers.<\/p>\n<div class=\"performance-highlights\">\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\">\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"highlight-text\">Peningkatan retensi air &amp; efisiensi pengentalan<\/span>\n                            <\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\">\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"highlight-text\">Peningkatan daya gesek &amp; waktu terbuka yang lebih lama<\/span>\n                            <\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\">\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"highlight-text\">Profil rheologi superior untuk aplikasi yang lebih halus<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Applications Grid --><\/p>\n<div class=\"applications-grid\">\n                <!-- Tile Adhesives Application --><\/p>\n<div class=\"application-card\">\n<div class=\"app-image-container\">\n                        <img loading=\"lazy\" height=\"534\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/man-placing-ceramic-floor-tile-in-position-over-ad-2025-03-27-05-07-22-utc.jpg\" alt=\"Aplikasi Perekat Ubin\" class=\"app-image\"><\/p>\n<div class=\"app-overlay\">\n<div class=\"app-category\">Perekat Keramik<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"app-content\">\n<h3 class=\"app-title\">Eter Tepung untuk Lem Keramik<\/h3>\n<p class=\"app-description\">Di bawah kondisi suhu tinggi, eter pati NOVASTAR\u2122 memberikan kinerja penahan air yang andal, membantu menjaga tingkat kelembapan yang ideal di dalam mortar untuk daya rekat yang lebih kuat dan stabilitas ikatan yang meningkat.<\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Daya rekat yang lebih kuat<\/div>\n<div class=\"benefit-tag\">Kemampuan kerja yang lebih baik<\/div>\n<div class=\"benefit-tag\">Stabilitas ikatan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Wall Putty Application --><\/p>\n<div class=\"application-card\">\n<div class=\"app-image-container\">\n                        <img loading=\"lazy\" height=\"1581\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/wall-rendering-scaled.jpg\" alt=\"Aplikasi Plamur Dinding\" class=\"app-image\"><\/p>\n<div class=\"app-overlay\">\n<div class=\"app-category\">Putty Dinding<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"app-content\">\n<h3 class=\"app-title\">Eter Tepung untuk Plamur Dinding \/ Lapisan Tipis<\/h3>\n<p class=\"app-description\">NOVASTAR\u2122 HPS memberikan respons pengerasan yang cepat dan terkendali yang memperbaiki rheologi dari plester dan mortar yang diaplikasikan dengan semprot, berkontribusi pada hasil permukaan yang lebih halus dan penyebaran yang optimal selama aplikasi.<\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Hasil akhir yang halus<\/div>\n<div class=\"benefit-tag\">Kemampuan penyebaran optimal<\/div>\n<div class=\"benefit-tag\">Pengentalan terkendali<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Dry-Mix Mortar Application --><\/p>\n<div class=\"application-card\">\n<div class=\"app-image-container\">\n                        <img loading=\"lazy\" height=\"537\" width=\"735\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2022\/09\/dry-mix-mortar.webp\" alt=\"Aplikasi Mortar Campur Kering\" class=\"app-image\"><\/p>\n<div class=\"app-overlay\">\n<div class=\"app-category\">Mortar Campuran Kering<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"app-content\">\n<h3 class=\"app-title\">Eter Tepung untuk Mortar Campuran Kering<\/h3>\n<p class=\"app-description\">Berkat arsitektur molekulnya yang unik, eter pati ini meminimalkan penurunan dan selip bahkan pada lapisan mortar yang lebih tebal, memastikan proses pelapisan yang seragam, stabil, dan efisien dengan karakteristik kinerja yang unggul.<\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Tanpa Mengendap<\/div>\n<div class=\"benefit-tag\">Lapisan Seragam<\/div>\n<div class=\"benefit-tag\">Proses Stabil<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* NOVASTAR\u2122 Starch Ether Applications Section *\/\n.starch-ether-applications-section {\n    width: 100%;\n    background: linear-gradient(135deg, #fafcfc 0%, #f0f9fa 100%);\n    padding: 80px 0;\n    position: relative;\n}<\/p>\n<p>.applications-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 50px;\n}<\/p>\n<p>\/* Section Header *\/\n.applications-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.applications-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    line-height: 1.2;\n    color: #0d3b3f;\n    margin-bottom: 16px;\n}<\/p>\n<p>.title-brand {\n    display: block;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 8px;\n}<\/p>\n<p>.title-tagline {\n    display: block;\n    font-size: 2.1rem;\n    color: #2c6e6f;\n    font-weight: 600;\n}<\/p>\n<p>.applications-subtitle {\n    font-size: 1.15rem;\n    color: #3d5a5c;\n    font-weight: 500;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Main Content *\/\n.applications-content {\n    display: flex;\n    flex-direction: column;\n    gap: 50px;\n}<\/p>\n<p>\/* Introduction Section *\/\n.intro-section {\n    width: 100%;\n}<\/p>\n<p>.intro-card {\n    background: #ffffff;\n    border-radius: 18px;\n    padding: 40px;\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.1);\n    border: 1px solid #e0f2f1;\n}<\/p>\n<p>.intro-content {\n    max-width: 1000px;\n    margin: 0 auto;\n    text-align: center;\n}<\/p>\n<p>.intro-description {\n    font-size: 1.1rem;\n    color: #3d5a5c;\n    line-height: 1.7;\n    margin-bottom: 32px;\n}<\/p>\n<p>.performance-highlights {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 24px;\n}<\/p>\n<p>.highlight-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 20px;\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    border-radius: 25px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.highlight-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(13, 115, 119, 0.15);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.highlight-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.highlight-text {\n    font-size: 0.95rem;\n    color: #0d3b3f;\n    font-weight: 500;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Applications Grid *\/\n.applications-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n}<\/p>\n<p>.application-card {\n    background: #ffffff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(13, 115, 119, 0.12);\n    border: 1px solid #e8f4f5;\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.application-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(13, 115, 119, 0.18);\n}<\/p>\n<p>.app-image-container {\n    position: relative;\n    height: 220px;\n    overflow: hidden;\n    flex-shrink: 0;\n}<\/p>\n<p>.app-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.application-card:hover .app-image {\n    transform: scale(1.1);\n}<\/p>\n<p>.app-overlay {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n}<\/p>\n<p>.app-category {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.app-content {\n    padding: 28px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.app-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 16px;\n    line-height: 1.3;\n    flex-shrink: 0;\n}<\/p>\n<p>.app-description {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    flex: 1;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.app-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-tag {\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    color: #0d7377;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.benefit-tag:hover {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    border-color: transparent;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .applications-container {\n        padding: 0 40px;\n    }<\/p>\n<p>    .applications-grid {\n        gap: 28px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .starch-ether-applications-section {\n        padding: 70px 0;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .title-tagline {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .applications-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        max-width: 600px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .performance-highlights {\n        flex-direction: column;\n        align-items: center;\n        gap: 16px;\n    }<\/p>\n<p>    .highlight-item {\n        width: 100%;\n        max-width: 400px;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .starch-ether-applications-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .applications-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-tagline {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .applications-subtitle {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .applications-content {\n        gap: 40px;\n    }<\/p>\n<p>    .intro-card {\n        padding: 32px;\n    }<\/p>\n<p>    .intro-description {\n        font-size: 1.05rem;\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .app-image-container {\n        height: 200px;\n    }<\/p>\n<p>    .app-content {\n        padding: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .starch-ether-applications-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .applications-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .title-tagline {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .applications-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .applications-content {\n        gap: 32px;\n    }<\/p>\n<p>    .intro-card {\n        padding: 24px;\n    }<\/p>\n<p>    .intro-description {\n        font-size: 1rem;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .performance-highlights {\n        gap: 12px;\n    }<\/p>\n<p>    .highlight-item {\n        padding: 10px 16px;\n        flex-direction: column;\n        text-align: center;\n        gap: 8px;\n    }<\/p>\n<p>    .highlight-text {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .app-image-container {\n        height: 180px;\n    }<\/p>\n<p>    .app-content {\n        padding: 20px;\n    }<\/p>\n<p>    .app-title {\n        font-size: 1.15rem;\n    }<\/p>\n<p>    .app-description {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .app-benefits {\n        gap: 6px;\n    }<\/p>\n<p>    .benefit-tag {\n        padding: 5px 10px;\n        font-size: 0.75rem;\n    }\n}\n<\/style>\n<p><!-- LANDU's Commitment Section --><\/p>\n<div class=\"commitment-section\">\n<div class=\"commitment-container\">\n        <!-- Section Header --><\/p>\n<div class=\"commitment-header\">\n<h2 class=\"commitment-title\">\n                <span class=\"title-main\">LANDU\u2019s Commitment to<\/span><br \/>\n                <span class=\"title-product\">Serbuk NOVASTAR\u2122 HPS<\/span><br \/>\n            <\/h2>\n<p class=\"commitment-subtitle\">Di LANDU, kami didorong oleh komitmen untuk menyediakan solusi NOVASTAR\u2122 Hydroxypropyl Starch Ether (HPS) yang dapat diandalkan dan berkelanjutan kepada profesional konstruksi di seluruh dunia.<\/p>\n<\/p><\/div>\n<p>        <!-- Commitment Features --><\/p>\n<div class=\"commitment-features\">\n            <!-- First Row: Quality Control + Eco Production --><\/p>\n<div class=\"features-row\">\n<div class=\"feature-card quality-card\">\n<div class=\"card-badge\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                        <span>Fokus Inti<\/span>\n                    <\/div>\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-automation-package.jpg\" alt=\"Pengendalian Kualitas yang Ketat\" class=\"feature-img\">\n                    <\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Pengendalian Kualitas yang Ketat<\/h3>\n<p class=\"card-tagline\">Diuji di Setiap Tahap. Dijamin Stabilitas.<\/p>\n<p class=\"card-description\">Dari pemilihan bahan baku hingga pengemasan akhir, setiap tahap produksi menjalani pengujian multi-level yang ketat, memastikan setiap batch memenuhi standar kami yang tidak kompromi untuk stabilitas dan konsistensi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card eco-card\">\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/small-river-on-green-swamps-aerial-view-of-nature-2025-03-24-06-48-31-utc-scaled.jpg\" alt=\"Produksi Ramah Lingkungan\" class=\"feature-img\">\n                    <\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Produksi Ramah Lingkungan<\/h3>\n<p class=\"card-tagline\">Bertanggung Jawab terhadap Lingkungan. Dirancang secara Berkelanjutan.<\/p>\n<p class=\"card-description\">Serat pati NOVASTAR\u2122 diproduksi melalui proses ramah lingkungan yang dirancang untuk meminimalkan dampak terhadap lingkungan dengan sistem manufaktur canggih.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Second Row: Certification + Technical Support --><\/p>\n<div class=\"features-row\">\n<div class=\"feature-card cert-card\">\n<div class=\"card-content\">\n<h3 class=\"card-title\">Kualitas Bersertifikat Secara Global<\/h3>\n<p class=\"card-tagline\">Standar Internasional. Keandalan Terbukti.<\/p>\n<p class=\"card-description\">Semua produk NOVASTAR\u2122 HPS diproduksi sesuai dengan standar kualitas global yang diakui, mendapatkan sertifikasi dari otoritas inspeksi terkemuka di seluruh dunia.<\/p>\n<\/p><\/div>\n<div class=\"card-image\">\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=\"Kualitas Bersertifikat Secara Global\" class=\"feature-img\">\n                    <\/div>\n<\/p><\/div>\n<div class=\"feature-card support-card\">\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-innovative-laboratories.jpg\" alt=\"Dukungan Formulasi Khusus\" class=\"feature-img\">\n                    <\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Dukungan Formulasi Khusus<\/h3>\n<p class=\"card-tagline\">Solusi Kustom untuk Proyek Anda.<\/p>\n<p class=\"card-description\">Tim R&amp;D khusus kami bekerja sama dengan mitra untuk menyediakan sistem aditif yang dioptimalkan dan panduan formulasi yang tepat untuk peningkatan kinerja dan efisiensi.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* LANDU's Commitment Section *\/\n.commitment-section {\n    width: 100%;\n    background: linear-gradient(165deg, #e8f5f6 0%, #f5fafa 50%, #fafcfc 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.commitment-section::before {\n    content: '';\n    position: absolute;\n    top: -20%;\n    right: -15%;\n    width: 40%;\n    height: 140%;\n    background: radial-gradient(ellipse, rgba(13, 115, 119, 0.04) 0%, transparent 70%);\n    transform: rotate(25deg);\n}<\/p>\n<p>.commitment-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 50px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.commitment-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.commitment-title {\n    font-size: 2.6rem;\n    font-weight: 700;\n    line-height: 1.2;\n    color: #0d3b3f;\n    margin-bottom: 20px;\n}<\/p>\n<p>.title-main {\n    display: block;\n    color: #2c6e6f;\n    margin-bottom: 8px;\n}<\/p>\n<p>.title-product {\n    display: block;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.commitment-subtitle {\n    font-size: 1.15rem;\n    color: #3d5a5c;\n    font-weight: 500;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Commitment Features *\/\n.commitment-features {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n}<\/p>\n<p>.features-row {\n    display: flex;\n    gap: 30px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Feature Cards *\/\n.feature-card {\n    background: #ffffff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 35px rgba(13, 115, 119, 0.12);\n    border: 1px solid #e8f4f5;\n    transition: all 0.4s ease;\n    display: flex;\n    position: relative;\n}<\/p>\n<p>.feature-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 20px 50px rgba(13, 115, 119, 0.18);\n}<\/p>\n<p>\/* First Row Layout *\/\n.features-row:first-child .quality-card {\n    flex: 1.2;\n    flex-direction: column;\n}<\/p>\n<p>.features-row:first-child .eco-card {\n    flex: 0.8;\n    flex-direction: column;\n}<\/p>\n<p>\/* Second Row Layout *\/\n.features-row:last-child .cert-card {\n    flex: 0.8;\n    flex-direction: column;\n}<\/p>\n<p>.features-row:last-child .support-card {\n    flex: 1.2;\n    flex-direction: column;\n}<\/p>\n<p>\/* Card Images *\/\n.card-image {\n    height: 320px;\n    overflow: hidden;\n    flex-shrink: 0;\n    position: relative;\n}<\/p>\n<p>.feature-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.feature-card:hover .feature-img {\n    transform: scale(1.08);\n}<\/p>\n<p>\/* Card Content *\/\n.card-content {\n    padding: 24px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.card-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 8px;\n    line-height: 1.3;\n}<\/p>\n<p>.card-tagline {\n    font-size: 0.9rem;\n    color: #0d7377;\n    font-weight: 600;\n    margin-bottom: 12px;\n    font-style: italic;\n}<\/p>\n<p>.card-description {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin: 0;\n    flex: 1;\n}<\/p>\n<p>\/* Quality Card Badge *\/\n.card-badge {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 8px 14px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n    z-index: 2;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .commitment-container {\n        padding: 0 40px;\n    }<\/p>\n<p>    .features-row {\n        gap: 25px;\n    }<\/p>\n<p>    .card-image {\n        height: 280px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .commitment-section {\n        padding: 70px 0;\n    }<\/p>\n<p>    .commitment-title {\n        font-size: 2.3rem;\n    }<\/p>\n<p>    .commitment-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .features-row {\n        flex-direction: column;\n        gap: 20px;\n    }<\/p>\n<p>    .features-row:first-child .quality-card,\n    .features-row:first-child .eco-card,\n    .features-row:last-child .cert-card,\n    .features-row:last-child .support-card {\n        flex: none;\n    }<\/p>\n<p>    .card-image {\n        height: 240px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .commitment-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .commitment-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .commitment-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .commitment-subtitle {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .commitment-header {\n        margin-bottom: 50px;\n    }<\/p>\n<p>    .commitment-features {\n        gap: 25px;\n    }<\/p>\n<p>    .features-row {\n        gap: 18px;\n    }<\/p>\n<p>    .card-content {\n        padding: 20px;\n    }<\/p>\n<p>    .card-image {\n        height: 200px;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.15rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .commitment-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .commitment-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .commitment-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .commitment-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .commitment-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .commitment-features {\n        gap: 20px;\n    }<\/p>\n<p>    .features-row {\n        gap: 15px;\n    }<\/p>\n<p>    .card-content {\n        padding: 18px;\n    }<\/p>\n<p>    .card-image {\n        height: 180px;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .card-tagline {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .card-description {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .card-badge {\n        top: 12px;\n        right: 12px;\n        padding: 6px 10px;\n        font-size: 0.75rem;\n    }\n}\n<\/style>\n<p><!-- NOVASTAR\u2122 Construction Excellence Section --><\/p>\n<div class=\"construction-excellence-section\">\n<div class=\"excellence-container\">\n        <!-- Section Header --><\/p>\n<div class=\"excellence-header\">\n<h2 class=\"excellence-title\">\n                <span class=\"title-gradient\">Serat Pati Hydroxypropyl NOVASTAR\u2122 untuk Keunggulan Konstruksi<\/span><br \/>\n            <\/h2>\n<p class=\"excellence-subtitle\">Kinerja Dirancang | Kompatibilitas Ditingkatkan | Hasil Unggul<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"excellence-content\">\n<div class=\"content-grid\">\n                <!-- Left Column: Visual and Core Benefits --><\/p>\n<div class=\"visual-benefits-column\">\n                    <!-- Hero Image Section --><\/p>\n<div class=\"hero-image-container\">\n                        <img loading=\"lazy\" height=\"800\" width=\"1200\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2021\/06\/Repair-Mortar.jpg\" alt=\"Aplikasi Konstruksi NOVASTAR HPS - Mortar Perbaikan\" class=\"hero-image\">\n                    <\/div>\n<p>                    <!-- Core Performance Benefits --><\/p>\n<div class=\"performance-benefits-card\">\n<div class=\"benefits-header\">\n<div class=\"benefits-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"benefits-title\">Manfaat Kinerja Inti<\/h3>\n<\/p><\/div>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-content\">\n                                    <span class=\"benefit-label\">Efek Pengentalan yang Ditingkatkan<\/span><\/p>\n<p class=\"benefit-description\">Secara signifikan meningkatkan viskositas saat dikombinasikan dengan serat selulosa<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-content\">\n                                    <span class=\"benefit-label\">Ketahanan Retak Unggul<\/span><\/p>\n<p class=\"benefit-description\">Meningkatkan fleksibilitas dan daya tahan dalam aplikasi mortar<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-content\">\n                                    <span class=\"benefit-label\">Kemampuan Kerja yang Disempurnakan<\/span><\/p>\n<p class=\"benefit-description\">Karakteristik penanganan yang dioptimalkan untuk hasil profesional<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Right Column: Technical Details --><\/p>\n<div class=\"technical-details-column\">\n                    <!-- Product Overview --><\/p>\n<div class=\"product-overview-card\">\n<div class=\"overview-header\">\n<h3 class=\"overview-title\">Dirancang untuk Keunggulan<\/h3>\n<\/p><\/div>\n<p class=\"overview-description\">LANDU\u2019s NOVASTAR\u2122 Hydroxypropyl Starch Ether (HPS) is specifically engineered to improve the performance and handling of cement\u2011 and gypsum\u2011based building materials. Thanks to its chemical structure closely resembling Hydroxypropyl Methylcellulose (HPMC), NOVASTAR\u2122 HPS demonstrates remarkable compatibility with a wide variety of construction additives.<\/p>\n<\/p><\/div>\n<p>                    <!-- Compatibility & Performance --><\/p>\n<div class=\"compatibility-card\">\n<div class=\"compatibility-header\">\n<div class=\"compatibility-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h4 class=\"compatibility-title\">Kompatibilitas Tingkat Lanjut<\/h4>\n<\/p><\/div>\n<p class=\"compatibility-text\">Ketika digunakan bersama dengan eter selulosa, NOVASTAR\u2122 HPS secara signifikan meningkatkan efek pengerasan, meningkatkan ketahanan terhadap retak, dan menyempurnakan kepraktisan dalam sistem mortar.<\/p>\n<\/p><\/div>\n<p>                    <!-- Optimization Features --><\/p>\n<div class=\"optimization-features-card\">\n<h4 class=\"features-title\">Optimasi Formulasi<\/h4>\n<div class=\"features-grid\">\n<div class=\"feature-box\">\n<div class=\"feature-icon-wrapper\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M7 21L3 17L7 13M17 8L21 12L17 16M13 3L11 21\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"feature-info\">\n                                    <span class=\"feature-name\">Pengurangan Dosis<\/span><\/p>\n<p class=\"feature-detail\">Kebutuhan aditif yang lebih rendah sambil mempertahankan kinerja<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-box\">\n<div class=\"feature-icon-wrapper\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"feature-info\">\n                                    <span class=\"feature-name\">Kinerja yang Ditingkatkan<\/span><\/p>\n<p class=\"feature-detail\">Hasil unggul melalui keseimbangan formulasi yang dioptimalkan<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* NOVASTAR\u2122 Construction Excellence Section *\/\n.construction-excellence-section {\n    width: 100%;\n    background: linear-gradient(140deg, #f7fafa 0%, #ecf8f9 40%, #f0fafb 100%);\n    padding: 60px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.construction-excellence-section::before {\n    content: '';\n    position: absolute;\n    top: -30%;\n    left: -15%;\n    width: 35%;\n    height: 160%;\n    background: radial-gradient(ellipse, rgba(20, 160, 133, 0.04) 0%, transparent 65%);\n    transform: rotate(-12deg);\n}<\/p>\n<p>.construction-excellence-section::after {\n    content: '';\n    position: absolute;\n    bottom: -40%;\n    right: -10%;\n    width: 30%;\n    height: 120%;\n    background: radial-gradient(circle, rgba(13, 115, 119, 0.03) 0%, transparent 70%);\n    transform: rotate(8deg);\n}<\/p>\n<p>.excellence-container {\n    max-width: 1350px;\n    margin: 0 auto;\n    padding: 0 45px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.excellence-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.excellence-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.25;\n    margin-bottom: 16px;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n}<\/p>\n<p>.title-gradient {\n    background: linear-gradient(125deg, #0d7377 0%, #14a085 35%, #2bb3a0 70%, #3cc4a8 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.excellence-subtitle {\n    font-size: 1.2rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    max-width: 650px;\n    margin: 0 auto;\n    letter-spacing: 0.3px;\n}<\/p>\n<p>\/* Main Content *\/\n.excellence-content {\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.08);\n    border: 1px solid #e5f4f5;\n    overflow: hidden;\n    position: relative;\n}<\/p>\n<p>.excellence-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n}<\/p>\n<p>.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    align-items: stretch;\n}<\/p>\n<p>\/* Left Column: Visual and Benefits *\/\n.visual-benefits-column {\n    display: flex;\n    flex-direction: column;\n    background: linear-gradient(160deg, #f9fdfe 0%, #f0f9fa 100%);\n    padding: 24px;\n    gap: 20px;\n}<\/p>\n<p>\/* Hero Image - Increased height *\/\n.hero-image-container {\n    position: relative;\n    height: 320px;\n    overflow: hidden;\n    border-radius: 12px;\n    box-shadow: 0 6px 20px rgba(13, 115, 119, 0.12);\n}<\/p>\n<p>.hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.hero-image-container:hover .hero-image {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* Performance Benefits Card *\/\n.performance-benefits-card {\n    flex: 1;\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 12px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.benefits-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.benefits-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefits-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0;\n}<\/p>\n<p>.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex: 1;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px;\n    background: #f8fcfd;\n    border: 1px solid #e8f4f5;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.benefit-item:hover {\n    transform: translateX(3px);\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.08);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.benefit-indicator {\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-content {\n    flex: 1;\n}<\/p>\n<p>.benefit-label {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    display: block;\n    margin-bottom: 3px;\n}<\/p>\n<p>.benefit-description {\n    font-size: 0.85rem;\n    color: #4a6c6d;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* Right Column: Technical Details *\/\n.technical-details-column {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    gap: 20px;\n    border-left: 1px solid #e8f4f5;\n}<\/p>\n<p>\/* Product Overview Card *\/\n.product-overview-card {\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 12px;\n    padding: 20px;\n    flex: 1;\n}<\/p>\n<p>.overview-header {\n    margin-bottom: 14px;\n    position: relative;\n}<\/p>\n<p>.overview-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.title-accent {\n    width: 35px;\n    height: 3px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n    border-radius: 2px;\n}<\/p>\n<p>.overview-description {\n    font-size: 1rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0;\n}<\/p>\n<p>\/* Compatibility Card *\/\n.compatibility-card {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 12px;\n    padding: 20px;\n    color: white;\n}<\/p>\n<p>.compatibility-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.compatibility-icon {\n    width: 30px;\n    height: 30px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 7px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.compatibility-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: white;\n    margin: 0;\n}<\/p>\n<p>.compatibility-text {\n    font-size: 0.95rem;\n    color: rgba(255, 255, 255, 0.92);\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Optimization Features Card *\/\n.optimization-features-card {\n    background: #f8fcfd;\n    border: 1px solid #e0f2f1;\n    border-radius: 12px;\n    padding: 20px;\n    flex: 1;\n}<\/p>\n<p>.features-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 16px;\n}<\/p>\n<p>.features-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.feature-box {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 14px;\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-box:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 14px rgba(13, 115, 119, 0.08);\n    border-color: #c8ebd8;\n}<\/p>\n<p>.feature-icon-wrapper {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 1px;\n}<\/p>\n<p>.feature-info {\n    flex: 1;\n}<\/p>\n<p>.feature-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    display: block;\n    margin-bottom: 4px;\n}<\/p>\n<p>.feature-detail {\n    font-size: 0.85rem;\n    color: #4a6c6d;\n    line-height: 1.45;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .excellence-container {\n        padding: 0 35px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .construction-excellence-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .content-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .visual-benefits-column {\n        background: #ffffff;\n        border-bottom: 1px solid #e8f4f5;\n    }<\/p>\n<p>    .technical-details-column {\n        border-left: none;\n        border-top: 1px solid #e8f4f5;\n    }<\/p>\n<p>    .hero-image-container {\n        height: 280px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .construction-excellence-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .excellence-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .excellence-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .excellence-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .visual-benefits-column,\n    .technical-details-column {\n        padding: 20px;\n        gap: 16px;\n    }<\/p>\n<p>    .hero-image-container {\n        height: 240px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .construction-excellence-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .excellence-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .excellence-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .excellence-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .visual-benefits-column,\n    .technical-details-column {\n        padding: 16px;\n        gap: 14px;\n    }<\/p>\n<p>    .hero-image-container {\n        height: 200px;\n    }<\/p>\n<p>    .product-overview-card,\n    .compatibility-card,\n    .optimization-features-card,\n    .performance-benefits-card {\n        padding: 16px;\n    }\n}\n<\/style>\n<p><!-- NOVASTAR\u2122 R&D Innovation Section --><\/p>\n<div class=\"rd-innovation-section\">\n<div class=\"innovation-container\">\n        <!-- Section Header --><\/p>\n<div class=\"innovation-header\">\n<h2 class=\"innovation-title\">\n                <span class=\"title-gradient\">Solusi Eter Tepung Unggul Didukung oleh R&amp;D Canggih<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"innovation-content\">\n            <!-- Left Column --><\/p>\n<div class=\"left-content\">\n                <!-- Innovation Foundation --><\/p>\n<div class=\"foundation-section\">\n<div class=\"section-badge\">\n<div class=\"badge-icon\">\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<p>                        <span class=\"badge-text\">Keunggulan Inovasi<\/span>\n                    <\/div>\n<p class=\"foundation-text\">Dengan fondasi yang kuat dalam penelitian dan pengembangan eter tepung, LANDU secara terus-menerus mendorong inovasi melalui lini produk NOVASTAR\u2122. Dipandu oleh filosofi peningkatan berkelanjutan dan kualitas tanpa kompromi, kami fokus pada peningkatan kinerja dan konsistensi produk \u2014 memastikan setiap batch memenuhi standar keunggulan yang sama tinggi.<\/p>\n<\/p><\/div>\n<p>                <!-- Benefits Summary --><\/p>\n<div class=\"benefits-summary\">\n<h4 class=\"benefits-title\">Keunggulan Konstruksi Terpenuhi<\/h4>\n<p class=\"benefits-intro\">From dry-mix mortars and tile adhesives to wall putty and skim coats, LANDU\u2019s NOVASTAR\u2122 range offers dependable solutions that make construction processes more stable, efficient, and effortless.<\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-point\">\n<p>                            <span class=\"point-text\">Proses konstruksi yang lebih stabil<\/span>\n                        <\/div>\n<div class=\"benefit-point\">\n<p>                            <span class=\"point-text\">Efisiensi dan produktivitas yang meningkat<\/span>\n                        <\/div>\n<div class=\"benefit-point\">\n<p>                            <span class=\"point-text\">Aplikasi dan penanganan yang mudah<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Trust Statement --><\/p>\n<div class=\"trust-statement-left\">\n<div class=\"trust-content\">\n<div class=\"trust-header\">\n<div class=\"trust-icon\">\n                                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h5 class=\"trust-title\">Pilih NOVASTAR\u2122<\/h5>\n<\/p><\/div>\n<div class=\"trust-points\">\n<div class=\"trust-point\">\n                                <span class=\"point-highlight\">Dirancang<\/span> untuk Kinerja\n                            <\/div>\n<div class=\"trust-point\">\n                                <span class=\"point-highlight\">Terbukti<\/span> untuk Daya Tahan\n                            <\/div>\n<div class=\"trust-point\">\n                                <span class=\"point-highlight\">Tepercaya<\/span> Di Seluruh Dunia Konstruksi\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column --><\/p>\n<div class=\"right-content\">\n                <!-- Main Product Image --><\/p>\n<div class=\"product-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\/10\/LANDU-solution-performance-test-observation.jpg\" alt=\"Laboratorium Pengujian Kinerja R&amp;D Lanud\" class=\"main-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-content\">\n<div class=\"overlay-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span class=\"overlay-text\">Pengujian R&amp;D Lanjutan<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Performance Metrics --><\/p>\n<div class=\"performance-metrics\">\n<div class=\"metrics-header\">\n<h4 class=\"metrics-title\">Keunggulan Kinerja<\/h4>\n<p class=\"metrics-subtitle\">Solusi yang dapat diandalkan yang memberikan hasil konsisten<\/p>\n<\/p><\/div>\n<div class=\"metrics-grid\">\n<div class=\"metric-item\">\n<div class=\"metric-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"metric-content\">\n                                <span class=\"metric-label\">Stabilitas<\/span><\/p>\n<p class=\"metric-desc\">Kinerja konsisten di berbagai kondisi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"metric-content\">\n                                <span class=\"metric-label\">Efisiensi<\/span><\/p>\n<p class=\"metric-desc\">Proses aplikasi yang disederhanakan<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"metric-content\">\n                                <span class=\"metric-label\">Kualitas<\/span><\/p>\n<p class=\"metric-desc\">Standar tanpa kompromi di setiap batch<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* NOVASTAR\u2122 R&D Innovation Section *\/\n.rd-innovation-section {\n    width: 100%;\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f5f6 100%);\n    padding: 60px 0;\n    position: relative;\n}<\/p>\n<p>.innovation-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 40px;\n}<\/p>\n<p>\/* Section Header *\/\n.innovation-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.innovation-title {\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>.title-gradient {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>\/* Main Content Layout *\/\n.innovation-content {\n    display: flex;\n    gap: 0;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.1);\n    border: 1px solid #e0f2f1;\n    overflow: hidden;\n    min-height: 600px;\n}<\/p>\n<p>\/* Left Column *\/\n.left-content {\n    flex: 1;\n    padding: 32px;\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n    justify-content: space-between;\n    min-height: 600px;\n}<\/p>\n<p>\/* Foundation Section *\/\n.foundation-section {\n    flex: 1;\n}<\/p>\n<p>.section-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin-bottom: 16px;\n}<\/p>\n<p>.badge-icon {\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.foundation-text {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.7;\n    margin: 0;\n}<\/p>\n<p>\/* Benefits Summary *\/\n.benefits-summary {\n    flex: 1;\n}<\/p>\n<p>.benefits-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 12px;\n}<\/p>\n<p>.benefits-intro {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n    margin-bottom: 16px;\n}<\/p>\n<p>.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}<\/p>\n<p>.benefit-point {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}<\/p>\n<p>.point-marker {\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>.point-text {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    font-weight: 500;\n}<\/p>\n<p>\/* Trust Statement Left *\/\n.trust-statement-left {\n    flex-shrink: 0;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    padding: 24px;\n    border-radius: 12px;\n    margin-top: 8px;\n}<\/p>\n<p>.trust-content {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.trust-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}<\/p>\n<p>.trust-icon {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.trust-title {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: white;\n    margin: 0;\n}<\/p>\n<p>.trust-points {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}<\/p>\n<p>.trust-point {\n    font-size: 0.95rem;\n    color: rgba(255, 255, 255, 0.95);\n    font-weight: 500;\n}<\/p>\n<p>.point-highlight {\n    font-weight: 700;\n    color: white;\n}<\/p>\n<p>\/* Right Column *\/\n.right-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 600px;\n}<\/p>\n<p>\/* Product Image Section *\/\n.product-image-section {\n    flex: 1;\n    display: flex;\n    align-items: stretch;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n}<\/p>\n<p>.main-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.image-container:hover .main-image {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n}<\/p>\n<p>.overlay-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(13, 115, 119, 0.9);\n    backdrop-filter: blur(8px);\n    color: white;\n    padding: 8px 14px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n}<\/p>\n<p>.overlay-icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>\/* Performance Metrics *\/\n.performance-metrics {\n    flex-shrink: 0;\n    padding: 32px;\n    background: #f8fcfd;\n    border-top: 1px solid #e0f2f1;\n}<\/p>\n<p>.metrics-header {\n    margin-bottom: 20px;\n}<\/p>\n<p>.metrics-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 6px;\n}<\/p>\n<p>.metrics-subtitle {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    margin: 0;\n}<\/p>\n<p>.metrics-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}<\/p>\n<p>.metric-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 14px;\n    background: #ffffff;\n    border: 1px solid #e8f4f5;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.metric-item:hover {\n    transform: translateX(4px);\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.1);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.metric-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n}<\/p>\n<p>.metric-content {\n    flex: 1;\n    min-width: 0;\n}<\/p>\n<p>.metric-label {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    display: block;\n    margin-bottom: 4px;\n}<\/p>\n<p>.metric-desc {\n    font-size: 0.9rem;\n    color: #3d5a5c;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .innovation-content {\n        flex-direction: column;\n        min-height: auto;\n    }<\/p>\n<p>    .left-content,\n    .right-content {\n        min-height: auto;\n    }<\/p>\n<p>    .right-content {\n        order: 1;\n    }<\/p>\n<p>    .left-content {\n        order: 2;\n    }<\/p>\n<p>    .product-image-section {\n        min-height: 300px;\n    }<\/p>\n<p>    .performance-metrics {\n        border-top: none;\n        border-bottom: 1px solid #e0f2f1;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .rd-innovation-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .innovation-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .innovation-title {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .left-content,\n    .performance-metrics {\n        padding: 24px;\n    }<\/p>\n<p>    .trust-statement-left {\n        padding: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .rd-innovation-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .innovation-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .innovation-title {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .left-content,\n    .performance-metrics {\n        padding: 20px;\n    }<\/p>\n<p>    .trust-statement-left {\n        padding: 18px;\n    }<\/p>\n<p>    .innovation-content {\n        gap: 0;\n    }\n}\n<\/style>\n<p><!-- NOVASTAR\u2122 Top 5 Advantages Section --><\/p>\n<div class=\"advantages-section\">\n<div class=\"advantages-container\">\n        <!-- Section Header --><\/p>\n<div class=\"advantages-header\">\n<h2 class=\"advantages-title\">\n                <span class=\"title-gradient\">5 Keunggulan Utama NOVASTAR\u2122 Hydroxypropyl Starch Ether<\/span><br \/>\n            <\/h2>\n<p class=\"advantages-subtitle\">LANDU\u2019s NOVASTAR\u2122 Hydroxypropyl Starch Ether (HPS) offers a spectrum of performance advantages for cement\u2011 and gypsum\u2011based construction materials. Each feature is precisely engineered to improve application efficiency, surface finish, and long\u2011term durability.<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"advantages-content\">\n            <!-- Left Column --><\/p>\n<div class=\"left-content\">\n                <!-- Advantage 1 --><\/p>\n<div class=\"advantage-card\">\n<div class=\"advantage-number\">\n                        <span class=\"number\">1<\/span>\n                    <\/div>\n<div class=\"advantage-content\">\n<h3 class=\"advantage-title\">Kinerja Anti-Gelincir yang Unggul<\/h3>\n<p class=\"advantage-description\">Memberikan ketahanan yang sangat baik terhadap melorot sambil meningkatkan kemudahan kerja mortar \u2014 memastikan aplikasi yang halus dan stabil pada permukaan vertikal atau miring.<\/p>\n<div class=\"advantage-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 2L2 7V10C2 16 6 20.5 12 22C18 20.5 22 16 22 10V7L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 2 --><\/p>\n<div class=\"advantage-card\">\n<div class=\"advantage-number\">\n                        <span class=\"number\">2<\/span>\n                    <\/div>\n<div class=\"advantage-content\">\n<h3 class=\"advantage-title\">Penghapusan Efek Draping<\/h3>\n<p class=\"advantage-description\">Effectively prevents the downward flow or \u201cdrape\u201d phenomenon in thicker mortar layers, maintaining uniform coating thickness and surface consistency.<\/p>\n<div class=\"advantage-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 3 --><\/p>\n<div class=\"advantage-card advantage-highlight\">\n<div class=\"advantage-number highlight-number\">\n                        <span class=\"number\">3<\/span>\n                    <\/div>\n<div class=\"advantage-content\">\n<h3 class=\"advantage-title\">Waktu Buka Perpanjangan<\/h3>\n<p class=\"advantage-description\">Memberikan retensi air yang luar biasa bahkan di bawah kondisi suhu tinggi yang menuntut, memberikan para aplikasi lebih banyak fleksibilitas dan waktu kerja yang lebih lama.<\/p>\n<div class=\"advantage-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column --><\/p>\n<div class=\"right-content\">\n                <!-- Advantage 4 --><\/p>\n<div class=\"advantage-card\">\n<div class=\"advantage-number\">\n                        <span class=\"number\">4<\/span>\n                    <\/div>\n<div class=\"advantage-content\">\n<h3 class=\"advantage-title\">Pengentalan Cepat dan Efisien<\/h3>\n<p class=\"advantage-description\">Berfungsi sebagai pengental respons cepat, meningkatkan viskositas dan tekstur mortar secara instan untuk pencampuran, pengaplikasian, dan perataan yang lebih mudah.<\/p>\n<div class=\"advantage-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M7 21L3 17L7 13M17 8L21 12L17 16M13 3L11 21\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 5 --><\/p>\n<div class=\"advantage-card\">\n<div class=\"advantage-number\">\n                        <span class=\"number\">5<\/span>\n                    <\/div>\n<div class=\"advantage-content\">\n<h3 class=\"advantage-title\">Kualitas Anti\u2011Segregasi yang Sangat Baik dalam Sistem Self\u2011Leveling<\/h3>\n<p class=\"advantage-description\">Mencegah pemisahan partikel dalam campuran, menghasilkan hasil akhir yang homogen dan stabil \u2014 ideal untuk mencapai permukaan yang halus dan rata.<\/p>\n<div class=\"advantage-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Performance Summary --><\/p>\n<div class=\"performance-summary\">\n<div class=\"summary-header\">\n<div class=\"summary-icon\">\n                            <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"summary-content\">\n<h4 class=\"summary-title\">Keunggulan Kinerja<\/h4>\n<p class=\"summary-subtitle\">Dirancang untuk Profesional Konstruksi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"summary-features\">\n<div class=\"feature-point\">\n<p>                            <span class=\"point-text\">Efisiensi Aplikasi yang Ditingkatkan<\/span>\n                        <\/div>\n<div class=\"feature-point\">\n<p>                            <span class=\"point-text\">Hasil Permukaan yang Unggul<\/span>\n                        <\/div>\n<div class=\"feature-point\">\n<p>                            <span class=\"point-text\">Daya Tahan Jangka Panjang<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* NOVASTAR\u2122 Top 5 Advantages Section *\/\n.advantages-section {\n    width: 100%;\n    background: linear-gradient(135deg, #f8fcfd 0%, #e8f5f6 100%);\n    padding: 70px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.advantages-section::before {\n    content: '';\n    position: absolute;\n    top: -20%;\n    left: -10%;\n    width: 30%;\n    height: 140%;\n    background: radial-gradient(ellipse, rgba(13, 115, 119, 0.03) 0%, transparent 70%);\n    transform: rotate(-15deg);\n}<\/p>\n<p>.advantages-section::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    right: -5%;\n    width: 20%;\n    height: 100%;\n    background: radial-gradient(ellipse, rgba(20, 160, 133, 0.02) 0%, transparent 60%);\n    transform: rotate(20deg);\n}<\/p>\n<p>.advantages-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.advantages-header {\n    text-align: center;\n    margin-bottom: 50px;\n}<\/p>\n<p>.advantages-title {\n    font-size: 2.4rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin-bottom: 20px;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n}<\/p>\n<p>.title-gradient {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 50%, #2bb3a0 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.advantages-subtitle {\n    font-size: 1.15rem;\n    color: #3d5a5c;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* Main Content Layout *\/\n.advantages-content {\n    display: flex;\n    gap: 32px;\n    align-items: flex-start;\n}<\/p>\n<p>\/* Left and Right Columns *\/\n.left-content,\n.right-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>\/* Advantage Cards *\/\n.advantage-card {\n    background: #ffffff;\n    border: 1px solid #e0f2f1;\n    border-radius: 16px;\n    padding: 40px 28px 28px 28px; \/* \u589e\u52a0\u9876\u90e8\u5185\u8fb9\u8ddd *\/\n    position: relative;\n    transition: all 0.4s ease;\n    box-shadow: 0 8px 24px rgba(13, 115, 119, 0.08);\n    overflow: visible; \/* \u5141\u8bb8\u6570\u5b57\u56fe\u6807\u663e\u793a\u5728\u5361\u7247\u5916 *\/\n    margin-top: 24px; \/* \u4e3a\u6570\u5b57\u56fe\u6807\u9884\u7559\u7a7a\u95f4 *\/\n}<\/p>\n<p>.advantage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 100%;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.advantage-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(13, 115, 119, 0.15);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.advantage-card:hover::before {\n    opacity: 1;\n}<\/p>\n<p>\/* Highlight Card (Advantage 3) *\/\n.advantage-highlight {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: white;\n    border-color: #14a085;\n}<\/p>\n<p>.advantage-highlight .advantage-title,\n.advantage-highlight .advantage-description {\n    color: white;\n}<\/p>\n<p>.advantage-highlight .advantage-icon svg {\n    stroke: white;\n}<\/p>\n<p>.advantage-highlight::before {\n    background: rgba(255, 255, 255, 0.3);\n    opacity: 1;\n}<\/p>\n<p>\/* Advantage Number *\/\n.advantage-number {\n    position: absolute;\n    top: -24px; \/* \u5411\u4e0a\u79fb\u52a8\u66f4\u591a *\/\n    left: 28px;\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n    z-index: 10; \/* \u786e\u4fdd\u5728\u6700\u4e0a\u5c42 *\/\n}<\/p>\n<p>.highlight-number {\n    background: rgba(255, 255, 255, 0.9);\n    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.4);\n}<\/p>\n<p>.highlight-number .number {\n    color: #0d7377 !important;\n}<\/p>\n<p>.number {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: white;\n}<\/p>\n<p>\/* Advantage Content *\/\n.advantage-content {\n    position: relative;\n    padding-top: 0; \/* \u79fb\u9664\u989d\u5916\u7684\u9876\u90e8\u5185\u8fb9\u8ddd *\/\n}<\/p>\n<p>.advantage-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 12px;\n    line-height: 1.4;\n    padding-right: 40px;\n}<\/p>\n<p>.advantage-description {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.7;\n    margin: 0;\n    padding-right: 40px;\n}<\/p>\n<p>\/* Advantage Icon *\/\n.advantage-icon {\n    position: absolute;\n    top: 0; \/* \u8c03\u6574\u4f4d\u7f6e *\/\n    right: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #e0f7fa 0%, #d0f0fd 100%);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.8;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.advantage-card:hover .advantage-icon {\n    opacity: 1;\n    transform: scale(1.1);\n}<\/p>\n<p>.advantage-highlight .advantage-icon {\n    background: rgba(255, 255, 255, 0.2);\n}<\/p>\n<p>\/* Performance Summary *\/\n.performance-summary {\n    background: linear-gradient(135deg, #f0f9fa 0%, #e8f4f5 100%);\n    border: 1px solid #d0f0fd;\n    border-radius: 16px;\n    padding: 28px;\n    margin-top: 32px; \/* \u8c03\u6574\u4e0e\u4e0a\u65b9\u5361\u7247\u7684\u95f4\u8ddd *\/\n}<\/p>\n<p>.summary-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.summary-icon {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.summary-content {\n    flex: 1;\n}<\/p>\n<p>.summary-title {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 4px;\n}<\/p>\n<p>.summary-subtitle {\n    font-size: 1rem;\n    color: #3d5a5c;\n    margin: 0;\n}<\/p>\n<p>.summary-features {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.feature-point {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}<\/p>\n<p>.point-marker {\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>.point-text {\n    font-size: 1rem;\n    color: #3d5a5c;\n    font-weight: 500;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .advantages-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .advantages-content {\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .advantages-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .advantages-content {\n        flex-direction: column;\n        gap: 32px;\n    }<\/p>\n<p>    .left-content,\n    .right-content {\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .advantages-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .advantages-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .advantages-subtitle {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .advantage-card {\n        padding: 36px 24px 24px 24px;\n        margin-top: 20px;\n    }<\/p>\n<p>    .advantage-number {\n        top: -20px;\n        left: 24px;\n    }<\/p>\n<p>    .advantage-title {\n        font-size: 1.2rem;\n        padding-right: 35px;\n    }<\/p>\n<p>    .advantage-description {\n        font-size: 1rem;\n        padding-right: 35px;\n    }<\/p>\n<p>    .advantage-icon {\n        width: 36px;\n        height: 36px;\n    }<\/p>\n<p>    .performance-summary {\n        padding: 24px;\n        margin-top: 28px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .advantages-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .advantages-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .advantages-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .advantage-card {\n        padding: 32px 20px 20px 20px;\n        margin-top: 18px;\n    }<\/p>\n<p>    .advantage-number {\n        width: 44px;\n        height: 44px;\n        top: -18px;\n        left: 20px;\n    }<\/p>\n<p>    .number {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .advantage-title {\n        font-size: 1.1rem;\n        padding-right: 32px;\n    }<\/p>\n<p>    .advantage-description {\n        font-size: 0.95rem;\n        padding-right: 32px;\n    }<\/p>\n<p>    .advantage-icon {\n        width: 32px;\n        height: 32px;\n    }<\/p>\n<p>    .performance-summary {\n        padding: 20px;\n        margin-top: 24px;\n    }<\/p>\n<p>    .summary-header {\n        gap: 12px;\n    }<\/p>\n<p>    .summary-icon {\n        width: 44px;\n        height: 44px;\n    }<\/p>\n<p>    .summary-title {\n        font-size: 1.2rem;\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                <svg class=\"badge-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                <\/svg><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 Hydroxypropyl Starch Ether<\/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: What is NOVASTAR\u2122 HPS and its main function --><\/p>\n<div class=\"faq-item active\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M2 17l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Apa itu NOVASTAR\u2122 Hydroxypropyl Starch Ether, dan apa fungsi utamanya?<\/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                            NOVASTAR\u2122 HPS adalah sebuah <strong>tambahan berbasis pati yang dimodifikasi<\/strong> yang dikembangkan oleh LANDU secara khusus untuk meningkatkan kinerja bahan konstruksi berbasis semen dan gypsum. Modifikasi kimia canggih ini mengubah pati alami menjadi tambahan konstruksi berkinerja tinggi yang mengatasi tantangan kritis dalam formulasi mortar modern.\n                        <\/p>\n<p>\n                            Produk ini secara signifikan meningkatkan retensi air, sifat pengental, dan stabilitas aplikasi, sehingga sistem mortar menjadi jauh lebih mudah untuk dicampur, dioleskan, dan diselesaikan. Kemampuan kerja yang ditingkatkan ini berujung pada peningkatan produktivitas dan hasil akhir yang unggul bagi profesional konstruksi.\n                        <\/p>\n<div class=\"applications-list\">\n<h4>Peningkatan Kinerja Utama:<\/h4>\n<div class=\"application-item\">\n<div class=\"app-icon\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"app-details\">\n<h5>Retensi Air<\/h5>\n<p>Mencegah pengeringan prematur dan mempertahankan kondisi hidrasi yang optimal<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"application-item\">\n<div class=\"app-icon\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"app-details\">\n<h5>Sifat Pengental<\/h5>\n<p>Memberikan viskositas optimal untuk aplikasi yang lebih baik dan pengurangan melorot<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"application-item\">\n<div class=\"app-icon\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                        <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/div>\n<div class=\"app-details\">\n<h5>Stabilitas Aplikasi<\/h5>\n<p>Memastikan kinerja yang konsisten sepanjang waktu kerja<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"answer-highlight\">\n<div class=\"highlight-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"highlight-text\">\n                                <strong>Kimia Canggih:<\/strong> Struktur pati yang dimodifikasi memberikan kinerja superior dibandingkan pati alami, menawarkan stabilitas yang lebih baik dan hasil yang konsisten dalam aplikasi konstruksi yang menuntut.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 2: Types of construction materials --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 2v6m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM12 9l7.5 3L12 15l-7.5-3L12 9Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Dalam jenis bahan konstruksi apa NOVASTAR\u2122 HPS dapat digunakan?<\/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                            NOVASTAR\u2122 Hydroxypropyl Starch Ether menunjukkan <strong>kompatibilitas yang luar biasa<\/strong> with a wide range of dry-mix formulations, making it an ideal choice for diverse construction applications. The product\u2019s versatile chemistry allows it to integrate seamlessly with various binder systems and additives.\n                        <\/p>\n<p>\n                            Produk ini bekerja sangat baik terutama dalam formulasi kompleks yang mengandung eter selulosa dan bubuk polimer yang dapat didispersikan kembali, di mana ia meningkatkan efek sinergis dari berbagai tambahan sambil mempertahankan stabilitas sistem dan konsistensi kinerja.\n                        <\/p>\n<div class=\"compatibility-systems\">\n<div class=\"systems-header\">\n<h4>Formulasi Campuran Kering yang Kompatibel:<\/h4>\n<\/p><\/div>\n<div class=\"system-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Perekat Keramik<\/h5>\n<\/p><\/div>\n<p>Kekuatan ikatan yang ditingkatkan dan waktu terbuka yang diperpanjang untuk pemasangan ubin profesional<\/p>\n<\/p><\/div>\n<div class=\"system-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Putty Dinding<\/h5>\n<\/p><\/div>\n<p>Kemudahan kerja yang unggul dan hasil akhir yang halus untuk aplikasi dinding interior dan eksterior<\/p>\n<\/p><\/div>\n<div class=\"system-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Lapisan Skim<\/h5>\n<\/p><\/div>\n<p>Properti perataan yang sangat baik dan ketahanan terhadap retak untuk persiapan permukaan yang halus<\/p>\n<\/p><\/div>\n<div class=\"system-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Mortar Self-Leveling<\/h5>\n<\/p><\/div>\n<p>Karakteristik aliran optimal dan sifat anti-segregasi untuk aplikasi lantai<\/p>\n<\/p><\/div>\n<div class=\"system-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Mortar Plester<\/h5>\n<\/p><\/div>\n<p>Perekat yang ditingkatkan dan penyusutan yang berkurang untuk sistem pelapisan dinding yang tahan lama<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"compatibility-features\">\n<div class=\"feature-row\">\n<div class=\"feature-label\">Eter Selulosa<\/div>\n<div class=\"feature-desc\">Peningkatan kinerja sinergis<\/div>\n<\/p><\/div>\n<div class=\"feature-row\">\n<div class=\"feature-label\">Serbuk Polimer<\/div>\n<div class=\"feature-desc\">Fleksibilitas dan daya rekat yang meningkat<\/div>\n<\/p><\/div>\n<div class=\"feature-row\">\n<div class=\"feature-label\">Kesesuaian Sistem<\/div>\n<div class=\"feature-desc\">Baik formulasi berbasis semen maupun gipsum<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"answer-highlight green\">\n<div class=\"highlight-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 1L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 1Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"highlight-text\">\n                                <strong>Solusi Serbaguna:<\/strong> Satu aditif yang meningkatkan beberapa sistem campuran kering, menyederhanakan pengembangan formulasi dan memastikan kualitas yang konsisten di seluruh lini produk.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 3: What distinguishes LANDU's NOVASTAR\u2122 HPS --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M10 9H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>What distinguishes LANDU\u2019s NOVASTAR\u2122 HPS from other starch ethers?<\/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                            LANDU\u2019s NOVASTAR\u2122 HPS is engineered through a <strong>proses produksi terkendali<\/strong> yang memastikan struktur molekul yang konsisten dan stabilitas yang luar biasa. Pendekatan manufaktur canggih ini membedakan produk kami dari ether pati konvensional dengan memberikan kinerja yang dapat diprediksi dan andal di setiap batch.\n                        <\/p>\n<p>\n                            Hasilnya adalah aditif unggulan yang memberikan ketahanan sag yang meningkat, respons pengerasan cepat, waktu terbuka yang diperpanjang, dan kinerja anti-segregasi yang luar biasa, bahkan pada dosis rendah. Efisiensi ini membuat NOVASTAR\u2122 HPS sangat efektif dan hemat biaya bagi produsen.\n                        <\/p>\n<div class=\"process-steps\">\n<div class=\"process-header\">\n<h4>Karakteristik Kinerja Unggul:<\/h4>\n<\/p><\/div>\n<div class=\"step-item\">\n<div class=\"step-number\">1<\/div>\n<div class=\"step-content\">\n<h5>Ketahanan Sag Unggul<\/h5>\n<p>Mempertahankan integritas aplikasi vertikal tanpa melorot atau tergelincir, bahkan dalam aplikasi tebal<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-item\">\n<div class=\"step-number\">2<\/div>\n<div class=\"step-content\">\n<h5>Respons Pengerasan Cepat<\/h5>\n<p>Pengembangan viskositas yang cepat saat hidrasi untuk peningkatan kemampuan kerja secara langsung<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-item\">\n<div class=\"step-number\">3<\/div>\n<div class=\"step-content\">\n<h5>Waktu Buka Perpanjangan<\/h5>\n<p>Jendela kerja yang lebih lama untuk aplikasi kompleks dan peningkatan produktivitas<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-item\">\n<div class=\"step-number\">4<\/div>\n<div class=\"step-content\">\n<h5>Kinerja Anti-Segregasi<\/h5>\n<p>Mencegah pemisahan komponen dan mempertahankan campuran homogen selama aplikasi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"manufacturing-advantages\">\n<div class=\"advantage-header\">\n<h4>Keunggulan Manufaktur:<\/h4>\n<\/p><\/div>\n<div class=\"advantage-grid\">\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n<h5>Produksi Terkendali<\/h5>\n<p>Pengendalian struktur molekul yang tepat<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n<h5>Kualitas Konsisten<\/h5>\n<p>Keandalan antar batch<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n<h5>Efisiensi Dosis Rendah<\/h5>\n<p>Kinerja yang hemat biaya<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<div class=\"advantage-content\">\n<h5>Stabilitas yang Ditingkatkan<\/h5>\n<p>Umur simpan dan kinerja yang unggul<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"answer-highlight\">\n<div class=\"highlight-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 1L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 1Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"highlight-text\">\n                                <strong>Keunggulan Efisiensi:<\/strong> Kinerja unggul pada dosis rendah berarti mengurangi biaya bahan sambil mencapai sifat bahan konstruksi yang lebih baik.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 4: Environmental and quality standards compliance --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M3 6h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M16 10a4 4 0 0 1-8 0\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Apakah NOVASTAR\u2122 HPS mematuhi standar lingkungan dan kualitas?<\/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                            <strong>Tentu saja.<\/strong> LANDU memproduksi NOVASTAR\u2122 HPS di bawah sistem manajemen kualitas yang ketat yang memastikan kepatuhan penuh terhadap standar lingkungan dan kualitas internasional. Komitmen kami terhadap keunggulan melampaui kinerja produk untuk mencakup praktik manufaktur yang bertanggung jawab dan pengelolaan lingkungan.\n                        <\/p>\n<p>\n                            Program jaminan kualitas komprehensif kami mencakup protokol pengujian yang ketat, pemantauan berkelanjutan terhadap proses produksi, dan kepatuhan terhadap praktik terbaik industri. Pendekatan sistematis ini menjamin bahwa setiap batch NOVASTAR\u2122 HPS memenuhi standar tertinggi untuk keselamatan, kualitas, dan tanggung jawab lingkungan.\n                        <\/p>\n<div class=\"compliance-standards\">\n<div class=\"standards-header\">\n<h4>Sistem Manajemen Kualitas:<\/h4>\n<\/p><\/div>\n<div class=\"standard-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Standar Kualitas ISO<\/h5>\n<\/p><\/div>\n<p>Sertifikasi sistem manajemen kualitas yang komprehensif memastikan keunggulan produk yang konsisten<\/p>\n<\/p><\/div>\n<div class=\"standard-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Kepatuhan Lingkungan<\/h5>\n<\/p><\/div>\n<p>Kepatuhan terhadap regulasi lingkungan internasional dan praktik manufaktur berkelanjutan<\/p>\n<\/p><\/div>\n<div class=\"standard-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Standar Keamanan<\/h5>\n<\/p><\/div>\n<p>Kepatuhan penuh terhadap persyaratan kesehatan dan keselamatan kerja untuk bahan konstruksi<\/p>\n<\/p><\/div>\n<div class=\"standard-category\">\n<div class=\"category-title\">\n<div class=\"category-icon\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>Sertifikasi Industri<\/h5>\n<\/p><\/div>\n<p>Pengakuan dari badan industri konstruksi terkemuka dan otoritas regulasi<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"quality-assurance\">\n<div class=\"qa-header\">\n<h4>Proses Jaminan Kualitas:<\/h4>\n<\/p><\/div>\n<div class=\"qa-grid\">\n<div class=\"qa-item\">\n<div class=\"qa-icon\">R&amp;D<\/div>\n<p>                                    <span>Pengembangan dan pengujian produk yang ketat<\/span>\n                                <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon\">QC<\/div>\n<p>                                    <span>Pemantauan kontrol kualitas secara berkelanjutan<\/span>\n                                <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon\">UJI<\/div>\n<p>                                    <span>Protokol pengujian batch yang komprehensif<\/span>\n                                <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon\">SERTIFIKAT<\/div>\n<p>                                    <span>Verifikasi sertifikasi pihak ketiga<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sustainability-info\">\n<div class=\"sustainability-header\">\n<h4>Tanggung Jawab Lingkungan:<\/h4>\n<\/p><\/div>\n<div class=\"sustainability-content\">\n<div class=\"sustainability-item\">\n                                    <strong>Pengadaan Berkelanjutan:<\/strong> Bahan baku berbasis pati yang dapat diperbarui\n                                <\/div>\n<div class=\"sustainability-item\">\n                                    <strong>Produksi Bersih:<\/strong> Proses manufaktur yang ramah lingkungan\n                                <\/div>\n<div class=\"sustainability-item\">\n                                    <strong>Pengurangan Limbah:<\/strong> Efisiensi produksi yang dioptimalkan dengan meminimalkan dampak lingkungan\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"answer-highlight green\">\n<div class=\"highlight-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"highlight-text\">\n                                <strong>Keunggulan Bersertifikat:<\/strong> NOVASTAR\u2122 HPS memenuhi semua standar internasional untuk kualitas, keamanan, dan tanggung jawab lingkungan, memastikan ketenangan pikiran bagi produsen dan pengguna akhir.\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\">\n                            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Masih Ada Pertanyaan?<\/h3>\n<\/p><\/div>\n<p>Tim teknis kami siap membantu Anda mengoptimalkan formulasi campuran kering dengan NOVASTAR\u2122 HPS.<\/p>\n<div class=\"contact-methods\">\n                        <a href=\"mailto:Sales@landu-china.com\" class=\"method-item clickable\"><\/p>\n<div class=\"method-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"m22 6-10 7L2 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/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>                        <\/a><\/p>\n<p>                        <a href=\"tel:+8653169959221\" class=\"method-item clickable\"><\/p>\n<div class=\"method-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Hubungi Kami<\/span><br \/>\n                                <span class=\"method-value\">+86 531 6995 9221<\/span>\n                            <\/div>\n<p>                        <\/a><\/p>\n<p>                        <a href=\"https:\/\/wa.me\/8615069353616?text=Hello%2C%20I%20am%20interested%20in%20NOVASTAR%E2%84%A2%20Hydroxypropyl%20Starch%20Ether%20products.%20Could%20you%20please%20provide%20more%20information%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"method-item clickable\"><\/p>\n<div class=\"method-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">WhatsApp<\/span><br \/>\n                                <span class=\"method-value\">+86 150 6935 3616<\/span>\n                            <\/div>\n<p>                        <\/a>\n                    <\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-btn\"><br \/>\n                        <span>Permintaan Sampel Gratis<\/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                    <\/a>\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    color: #166534;\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    flex-shrink: 0;\n    pointer-events: none;\n    color: #22c55e;\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    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>\/* Applications List *\/\n.applications-list {\n    margin: 20px 0;\n}<\/p>\n<p>.applications-list h4 {\n    margin: 0 0 16px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.application-item {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}<\/p>\n<p>.application-item:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.app-icon {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n}<\/p>\n<p>.app-details h5 {\n    margin: 0 0 4px 0;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.app-details p {\n    margin: 0;\n    font-size: 0.8rem;\n    color: #64748b;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Process Steps *\/\n.process-steps {\n    margin: 20px 0;\n}<\/p>\n<p>.process-header h4 {\n    margin: 0 0 16px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.step-item {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}<\/p>\n<p>.step-item:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.step-number {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    font-size: 0.9rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.step-content h5 {\n    margin: 0 0 4px 0;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.step-content p {\n    margin: 0;\n    font-size: 0.8rem;\n    color: #64748b;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Compatibility Systems *\/\n.compatibility-systems {\n    margin: 20px 0;\n}<\/p>\n<p>.systems-header h4 {\n    margin: 0 0 16px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.system-category {\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}<\/p>\n<p>.system-category:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.category-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 6px;\n}<\/p>\n<p>.category-icon {\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.category-title h5 {\n    margin: 0;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.system-category p {\n    margin: 0;\n    font-size: 0.8rem;\n    color: #64748b;\n    line-height: 1.4;\n    padding-left: 32px;\n}<\/p>\n<p>\/* Compatibility Features *\/\n.compatibility-features {\n    margin: 20px 0;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 10px;\n    padding: 16px;\n}<\/p>\n<p>.feature-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid #e2e8f0;\n}<\/p>\n<p>.feature-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.feature-label {\n    font-weight: 700;\n    font-size: 0.85rem;\n    color: #22c55e;\n}<\/p>\n<p>.feature-desc {\n    font-size: 0.8rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Manufacturing Advantages *\/\n.manufacturing-advantages {\n    margin: 20px 0;\n}<\/p>\n<p>.advantage-header h4 {\n    margin: 0 0 16px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.advantage-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}<\/p>\n<p>.advantage-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 8px;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.advantage-icon {\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n}<\/p>\n<p>.advantage-content h5 {\n    margin: 0 0 4px 0;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.advantage-content p {\n    margin: 0;\n    font-size: 0.75rem;\n    color: #64748b;\n    line-height: 1.3;\n}<\/p>\n<p>\/* Compliance Standards *\/\n.compliance-standards {\n    margin: 20px 0;\n}<\/p>\n<p>.standards-header h4 {\n    margin: 0 0 16px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.standard-category {\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}<\/p>\n<p>.standard-category:last-child {\n    border-bottom: none;\n}<\/p>\n<p>\/* Quality Assurance *\/\n.quality-assurance {\n    margin: 20px 0;\n}<\/p>\n<p>.qa-header h4 {\n    margin: 0 0 12px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.qa-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n}<\/p>\n<p>.qa-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 6px;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.qa-icon {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.65rem;\n    font-weight: 700;\n    flex-shrink: 0;\n}<\/p>\n<p>.qa-item span {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>\/* Sustainability Info *\/\n.sustainability-info {\n    margin: 20px 0;\n    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n    border-radius: 10px;\n    padding: 16px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.sustainability-header h4 {\n    margin: 0 0 12px 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.sustainability-content {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}<\/p>\n<p>.sustainability-item {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.4;\n}<\/p>\n<p>.sustainability-item strong {\n    color: #166534;\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    color: #22c55e;\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    text-decoration: none;\n    color: inherit;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.method-item.clickable:hover {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.1);\n}<\/p>\n<p>.method-icon {\n    color: #22c55e;\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    text-decoration: none;\n}<\/p>\n<p>.contact-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n    color: white;\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>    .advantage-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .qa-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>    .feature-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 4px;\n    }<\/p>\n<p>    .advantage-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .qa-grid {\n        grid-template-columns: 1fr;\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    }<\/p>\n<p>    .question-icon {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    .question-icon svg {\n        width: 20px;\n        height: 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>Expert Construction Chemical Solutions NOVASTAR\u2122 HPS Expert Hydroxypropyl Starch Ether Solutions As one of China&#8217;s most established producers of hydroxypropyl starch ether (HPS), LANDU brings over two decades of expertise in advanced construction chemical additives. Every NOVASTAR\u2122 product is manufactured under rigorous QA protocols and in compliance with international quality standards. C\u2086H\u2081\u2080O\u2085 OH C\u2083H\u2087O CH\u2082OH [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5402,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5149","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=5149"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5149\/revisions"}],"predecessor-version":[{"id":5153,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5149\/revisions\/5153"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5402"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}