{"id":5174,"date":"2025-12-02T05:19:37","date_gmt":"2025-12-02T05:19:37","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5174"},"modified":"2025-12-24T03:08:05","modified_gmt":"2025-12-24T03:08:05","slug":"gypsum-retarder","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/gypsum-retarder\/","title":{"rendered":"Reliable China Gypsum Retarder Manufacturer | OEM Custom Formulations Available"},"content":{"rendered":"<div class=\"banner\">\n    <!-- Background layers --><\/p>\n<div class=\"background-layers\"><\/div>\n<p>    <!-- Geometric decoration elements --><\/p>\n<div class=\"geometric-elements\"><\/div>\n<p>    <!-- Main content --><\/p>\n<div class=\"main-content\">\n<div class=\"content-left\">\n<div class=\"title-section\">\n<h1 class=\"main-title\">\n                    <span class=\"title-line-1\">NOVASTAR\u2122<\/span><br \/>\n                    <span class=\"title-line-2\">Penghambat Pengaturan Gypsum<\/span><br \/>\n                <\/h1>\n<div class=\"subtitle\">\n                    Powered by LANDU, NOVASTAR delivers high-performance amino-based retardation technology for superior gypsum setting time control, strength retention, and broad system compatibility.\n                <\/div>\n<\/p><\/div>\n<div class=\"features-grid\">\n<div class=\"feature-card technology\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">\n<h3>Extend Setting Time<\/h3>\n<p>Precise control for optimal workability<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card compatibility\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">\n<h3>Maintain Strength<\/h3>\n<p>Superior mechanical properties retention<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card support\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">\n<h3>Kompatibel dengan Sistem<\/h3>\n<p>Works with various gypsum types<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<div class=\"quality-badges\">\n<div class=\"badge\">China Manufacturer<\/div>\n<div class=\"badge\">OEM Custom Solutions<\/div>\n<div class=\"badge\">Rekayasa LANDU<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-right\">\n<div class=\"visual-section\">\n                <!-- Amino molecular structure diagram --><\/p>\n<div class=\"molecule-diagram\">\n<div class=\"molecule-center\"><\/div>\n<div class=\"molecule-bonds\"><\/div>\n<div class=\"molecule-groups\">\n<div class=\"group group-1\">NH\u2082<\/div>\n<div class=\"group group-2\">COOH<\/div>\n<div class=\"group group-3\">OH<\/div>\n<div class=\"group group-4\">CH\u2083<\/div>\n<div class=\"group group-5\">Amino<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Application areas --><\/p>\n<div class=\"applications\">\n<div class=\"app-item concrete\">\n<p>                        <span>Gypsum Plaster<\/span>\n                    <\/div>\n<div class=\"app-item precast\">\n<p>                        <span>Gypsum Board<\/span>\n                    <\/div>\n<div class=\"app-item ready-mix\">\n<p>                        <span>Joint Compounds<\/span>\n                    <\/div>\n<div class=\"app-item self-leveling\">\n<p>                        <span>Self-Leveling Gypsum<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Performance indicators --><\/p>\n<div class=\"performance-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">2-8x<\/div>\n<div class=\"stat-label\">Setting Time Extension<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">95%+<\/div>\n<div class=\"stat-label\">Strength Retention<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">0.01%<\/div>\n<div class=\"stat-label\">Effective Dosage<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.banner {\n    width: 100%;\n    min-height: 100vh;\n    background: linear-gradient(135deg, #e8f4f8 0%, #d4ebf0 50%, #c1e3e8 100%);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 80px 0;\n}<\/p>\n<p>\/* Background layers *\/\n.background-layers {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.layer {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.4;\n}<\/p>\n<p>.layer-1 {\n    width: 300px;\n    height: 300px;\n    background: linear-gradient(135deg, #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>\/* Main content *\/\n.main-content {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 80px;\n    max-width: 1400px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.content-left {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 32px;\n}<\/p>\n<p>.title-section {\n    margin-bottom: 8px;\n}<\/p>\n<p>.main-title {\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 24px;\n    color: #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}<\/p>\n<p>.title-line-2 {\n    display: block;\n    color: #1a5f62;\n}<\/p>\n<p>.subtitle {\n    font-size: 1.2rem;\n    color: #2c6e6f;\n    line-height: 1.7;\n    max-width: 560px;\n    font-weight: 400;\n}<\/p>\n<p>\/* Features grid *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}<\/p>\n<p>.feature-card {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 24px 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    background: rgba(255, 255, 255, 0.95);\n}<\/p>\n<p>.feature-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n}<\/p>\n<p>.technology .feature-icon {\n    background: linear-gradient(135deg, #b8e6d5 0%, #a3d9c7 100%);\n}<\/p>\n<p>.compatibility .feature-icon {\n    background: linear-gradient(135deg, #d0f0fd 0%, #b8e6f5 100%);\n}<\/p>\n<p>.support .feature-icon {\n    background: linear-gradient(135deg, #e0f7fa 0%, #cef0f7 100%);\n}<\/p>\n<p>.icon-molecule {\n    width: 24px;\n    height: 24px;\n    background: #0d7377;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-molecule::before,\n.icon-molecule::after {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 2px;\n    background: #0d7377;\n    top: 50%;\n    left: 50%;\n}<\/p>\n<p>.icon-molecule::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n}<\/p>\n<p>.icon-molecule::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n}<\/p>\n<p>.icon-layers {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(to bottom, \n        #14a085 0%, #14a085 6px, \n        transparent 6px, transparent 10px,\n        #14a085 10px, #14a085 16px,\n        transparent 16px, transparent 20px,\n        #14a085 20px, #14a085 24px\n    );\n    border-radius: 2px;\n}<\/p>\n<p>.icon-support {\n    width: 24px;\n    height: 24px;\n    background: #1a8f8f;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-support::before {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    border: 2px solid #1a8f8f;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: transparent;\n}<\/p>\n<p>.feature-text h3 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 6px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #2c6e6f;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>\/* CTA section *\/\n.cta-section {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n}<\/p>\n<p>.quality-badges {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.badge {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    color: #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>\/* Right visual section *\/\n.content-right {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.visual-section {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n}<\/p>\n<p>\/* Amino molecular diagram *\/\n.molecule-diagram {\n    position: relative;\n    width: 220px;\n    height: 220px;\n    margin: 0 auto 40px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.molecule-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.atom-core {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.molecule-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    background: linear-gradient(90deg, #2c6e6f 0%, #14a085 100%);\n    height: 2px;\n    border-radius: 1px;\n}<\/p>\n<p>.bond-1 {\n    width: 50px;\n    top: 30%;\n    left: 20px;\n    transform: translateY(-50%) rotate(30deg);\n}<\/p>\n<p>.bond-2 {\n    width: 50px;\n    top: 30%;\n    right: 20px;\n    transform: translateY(-50%) rotate(-30deg);\n}<\/p>\n<p>.bond-3 {\n    width: 50px;\n    top: 70%;\n    left: 20px;\n    transform: translateY(-50%) rotate(-30deg);\n}<\/p>\n<p>.bond-4 {\n    width: 50px;\n    top: 70%;\n    right: 20px;\n    transform: translateY(-50%) rotate(30deg);\n}<\/p>\n<p>.bond-5 {\n    width: 45px;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.bond-6 {\n    width: 45px;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.molecule-groups {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.group {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.9);\n    color: #1a5f62;\n    padding: 5px 10px;\n    border-radius: 8px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    font-family: 'Courier New', monospace;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.group-1 {\n    top: 8px;\n    left: 8px;\n}<\/p>\n<p>.group-2 {\n    top: 8px;\n    right: 8px;\n}<\/p>\n<p>.group-3 {\n    bottom: 8px;\n    left: 8px;\n}<\/p>\n<p>.group-4 {\n    bottom: 8px;\n    right: 8px;\n}<\/p>\n<p>.group-5 {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(13, 115, 119, 0.1);\n    color: #0d7377;\n    font-weight: 700;\n}<\/p>\n<p>\/* Application areas *\/\n.applications {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.app-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    padding: 14px 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    font-size: 0.9rem;\n    color: #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: 22px;\n    height: 22px;\n    background: linear-gradient(135deg, #2c6e6f 0%, #14a085 100%);\n    border-radius: 4px;\n    flex-shrink: 0;\n}<\/p>\n<p>.concrete .app-icon-simple {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n}<\/p>\n<p>.precast .app-icon-simple {\n    background: linear-gradient(135deg, #1a8f8f 0%, #0d7377 100%);\n}<\/p>\n<p>.ready-mix .app-icon-simple {\n    background: linear-gradient(135deg, #14a085 0%, #1a8f8f 100%);\n}<\/p>\n<p>.self-leveling .app-icon-simple {\n    background: linear-gradient(135deg, #0d7377 0%, #1a8f8f 100%);\n}<\/p>\n<p>\/* Performance statistics *\/\n.performance-stats {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    padding: 20px 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n    flex: 1;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #0d7377;\n    margin-bottom: 6px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Responsive design *\/\n@media (max-width: 1200px) {\n    .main-content {\n        padding: 0 40px;\n        gap: 60px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 3rem;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .banner {\n        padding: 60px 0;\n    }<\/p>\n<p>    .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 0 40px;\n    }<\/p>\n<p>    .content-left {\n        text-align: center;\n        align-items: center;\n    }<\/p>\n<p>    .subtitle {\n        max-width: 100%;\n    }<\/p>\n<p>    .main-title {\n        font-size: 3rem;\n    }<\/p>\n<p>    .features-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n        max-width: 800px;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .banner {\n        min-height: auto;\n        padding: 50px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 24px;\n        gap: 40px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 20px;\n    }<\/p>\n<p>    .applications {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .performance-stats {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .molecule-diagram {\n        width: 200px;\n        height: 200px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .banner {\n        padding: 40px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 20px;\n        gap: 32px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }<\/p>\n<p>    .badge {\n        font-size: 0.85rem;\n        padding: 8px 14px;\n    }<\/p>\n<p>    .molecule-diagram {\n        width: 180px;\n        height: 180px;\n    }<\/p>\n<p>    .geometric-elements {\n        opacity: 0.3;\n    }<\/p>\n<p>    .app-item {\n        font-size: 0.85rem;\n        padding: 12px 14px;\n    }<\/p>\n<p>    .stat-number {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .stat-label {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n<p><!-- Product Introduction Section --><\/p>\n<div class=\"product-intro-section\">\n<div class=\"intro-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<h2 class=\"section-title\">\n                <span class=\"title-highlight\">NOVASTAR\u2122 Gypsum Retarder<\/span> by LANDU<br \/>\n            <\/h2>\n<p class=\"section-subtitle\">Precise and Reliable Setting Control for Gypsum Applications<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Grid --><\/p>\n<div class=\"intro-content\">\n            <!-- Left Side - Image --><\/p>\n<div class=\"intro-left\">\n<div class=\"product-image-wrapper\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Gypsum-Retarder-product.jpg\" alt=\"LANDU Gypsum Retarder Product\" class=\"product-image\"><\/p>\n<div class=\"image-badge\">\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=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                        <span>Kualitas Premium<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Side - Content --><\/p>\n<div class=\"intro-right\">\n<div class=\"intro-description\">\n<p class=\"description-text\">\n                        NOVASTAR\u2122 gypsum retarder is an advanced, high-performance additive developed specifically for gypsum-based materials. Formulated with amino-based components, this fine powder dissolves quickly and evenly in water, delivering stable and predictable setting control in every batch.\n                    <\/p>\n<p class=\"description-text\">\n                        Designed for consistent performance, NOVASTAR\u2122 ensures adequate working time for mixing, applying, leveling, and finishing\u2014making it a perfect choice for gypsum plaster, lime finish coatings, and joint compounds.\n                    <\/p>\n<\/p><\/div>\n<div class=\"benefits-section\">\n<h3 class=\"benefits-title\">Key Advantages of NOVASTAR\u2122 Gypsum Retarder<\/h3>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 13l4 4L19 7\" stroke=\"#0d7377\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n                                <span class=\"benefit-label\">Accurate Setting Time Adjustment:<\/span> Provides precise control over the hardening process across various gypsum formulations.\n                            <\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 13l4 4L19 7\" stroke=\"#0d7377\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n                                <span class=\"benefit-label\">Outstanding Compatibility:<\/span> Effortlessly integrates into multiple plaster systems without affecting other material properties.\n                            <\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 13l4 4L19 7\" stroke=\"#0d7377\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n                                <span class=\"benefit-label\">Tailored Formulations:<\/span> Customizable solutions available to meet specific project or production requirements.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- CTA Section - Full Width Below --><\/p>\n<div class=\"manufacturer-cta\">\n<div class=\"cta-inner\">\n<div class=\"cta-content\">\n<h4 class=\"cta-title\">LANDU \u2014 A Trusted Partner in Gypsum Additives<\/h4>\n<p class=\"cta-text\">As a leading manufacturer of gypsum retarders in China, LANDU offers reliable product quality backed by technical expertise and dedicated customer support. Collaborate with our professional R&amp;D and application teams to develop effective, customized gypsum solutions.<\/p>\n<\/p><\/div>\n<div class=\"cta-button-wrapper\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"cta-button editing\"><br \/>\n                        <span>Get Custom Solution<\/span><br \/>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\n                            <path d=\"M4.16667 10H15.8333M15.8333 10L10 4.16667M15.8333 10L10 15.8333\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Product Introduction Section *\/\n.product-intro-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 60px 0;\n}<\/p>\n<p>.intro-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 45px;\n}<\/p>\n<p>.section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin-bottom: 10px;\n}<\/p>\n<p>.title-highlight {\n    color: #0d7377;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    font-weight: 500;\n}<\/p>\n<p>\/* Main Content Grid *\/\n.intro-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n    margin-bottom: 35px;\n}<\/p>\n<p>\/* Left Side - Image *\/\n.intro-left {\n    height: 100%;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.product-image-wrapper {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 6px 24px rgba(13, 115, 119, 0.1);\n    background: #f8fcfd;\n    width: 100%;\n}<\/p>\n<p>.product-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-image-wrapper:hover .product-image {\n    transform: scale(1.02);\n}<\/p>\n<p>.image-badge {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    background: #0d7377;\n    padding: 8px 16px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.image-badge span {\n    color: #ffffff;\n    font-size: 0.9rem;\n    font-weight: 600;\n}<\/p>\n<p>\/* Right Side - Content *\/\n.intro-right {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n    height: 100%;\n    justify-content: center;\n}<\/p>\n<p>.intro-description {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.description-text {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0;\n}<\/p>\n<p>\/* Benefits Section *\/\n.benefits-section {\n    background: #f8fcfd;\n    border-radius: 10px;\n    padding: 20px;\n    border: 1px solid #e0f2f1;\n}<\/p>\n<p>.benefits-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 14px;\n}<\/p>\n<p>.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}<\/p>\n<p>.benefit-icon {\n    width: 28px;\n    height: 28px;\n    background: #ffffff;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: 1px solid #d0f0fd;\n    margin-top: 1px;\n}<\/p>\n<p>.benefit-content {\n    flex: 1;\n    font-size: 0.95rem;\n    color: #2c6e6f;\n    line-height: 1.6;\n}<\/p>\n<p>.benefit-label {\n    font-weight: 600;\n    color: #0d3b3f;\n}<\/p>\n<p>\/* \u4fee\u590d\u540e\u7684 CTA Section *\/\n.manufacturer-cta {\n    width: 100%;\n    margin-top: 20px;\n    clear: both;\n}<\/p>\n<p>.cta-inner {\n    background: linear-gradient(135deg, #f0fffe 0%, #e8f8f5 100%);\n    border: 2px solid #b8e6d5;\n    border-radius: 12px;\n    padding: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.08);\n    width: 100%;\n    box-sizing: border-box;\n}<\/p>\n<p>.cta-content {\n    flex: 1;\n    min-width: 0;\n}<\/p>\n<p>.cta-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    margin: 0 0 8px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.cta-text {\n    font-size: 0.95rem;\n    color: #2c6e6f;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.cta-button-wrapper {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.cta-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: #ffffff;\n    padding: 14px 28px;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.25);\n    white-space: nowrap;\n    border: none;\n    cursor: pointer;\n}<\/p>\n<p>.cta-button:hover {\n    background: linear-gradient(135deg, #14a085 0%, #0d7377 100%);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(13, 115, 119, 0.35);\n    text-decoration: none;\n    color: #ffffff;\n}<\/p>\n<p>.cta-button svg {\n    transition: transform 0.3s ease;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-button:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .intro-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .intro-content {\n        gap: 35px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .product-intro-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 35px;\n    }<\/p>\n<p>    .intro-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .intro-left {\n        max-width: 520px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .cta-inner {\n        gap: 25px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .product-intro-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .intro-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .intro-right {\n        gap: 20px;\n    }<\/p>\n<p>    .benefits-section {\n        padding: 18px;\n    }<\/p>\n<p>    \/* \u79fb\u52a8\u7aef CTA \u6837\u5f0f *\/\n    .cta-inner {\n        flex-direction: column;\n        align-items: stretch;\n        padding: 24px;\n        gap: 20px;\n        text-align: center;\n    }<\/p>\n<p>    .cta-button-wrapper {\n        width: 100%;\n        justify-content: center;\n    }<\/p>\n<p>    .cta-button {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .product-intro-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .intro-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .description-text {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .benefits-title {\n        font-size: 1rem;\n    }<\/p>\n<p>    .benefit-content {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .cta-text {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .cta-button {\n        font-size: 0.9rem;\n        padding: 12px 24px;\n    }<\/p>\n<p>    .image-badge {\n        bottom: 12px;\n        left: 12px;\n        padding: 7px 14px;\n    }<\/p>\n<p>    .image-badge span {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .cta-inner {\n        padding: 20px;\n        gap: 16px;\n    }\n}<\/p>\n<p>@media (max-width: 360px) {\n    .intro-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .cta-inner {\n        padding: 18px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 1rem;\n    }<\/p>\n<p>    .cta-text {\n        font-size: 0.85rem;\n    }\n}\n<\/style>\n<p><!-- Product Details Section --><\/p>\n<div class=\"product-details-section\">\n<div class=\"details-container\">\n        <!-- Section Header --><\/p>\n<div class=\"details-header\">\n<h2 class=\"details-title\">\n                <span class=\"title-highlight\">NOVASTAR\u2122 Gypsum Retarder<\/span> by LANDU<br \/>\n            <\/h2>\n<p class=\"details-subtitle\">Protein-Based Retarder Solutions | Wholesale Supply &amp; OEM Services<\/p>\n<\/p><\/div>\n<p>        <!-- Product Overview Section --><\/p>\n<div class=\"overview-wrapper\">\n<h3 class=\"section-heading\">Product Overview<\/h3>\n<div class=\"overview-grid\">\n                <!-- Left: Product Image --><\/p>\n<div class=\"overview-image\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Gypsum-Retarder-product-sample.jpg\" alt=\"LANDU Gypsum Retarder Product Sample\" class=\"sample-image\">\n                <\/div>\n<p>                <!-- Right: Product Info --><\/p>\n<div class=\"overview-info\">\n<div class=\"info-table\">\n<div class=\"info-row\">\n<div class=\"info-label\">Product Name:<\/div>\n<div class=\"info-value\">Penghambat Pengaturan Gypsum<\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">Applications:<\/div>\n<div class=\"info-value\">Gypsum plaster, gypsum board, joint compounds<\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">Certifications:<\/div>\n<div class=\"info-value\">\n<div class=\"cert-badges\">\n                                    <span class=\"cert-badge\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"cert-badge\">CANS<\/span><br \/>\n                                    <span class=\"cert-badge\">SGS<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">cURL Too many subrequests.<\/div>\n<div class=\"info-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">cURL Too many subrequests.<\/div>\n<div class=\"info-value\">500 kg<\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">cURL Too many subrequests.<\/div>\n<div class=\"info-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">cURL Too many subrequests.<\/div>\n<div class=\"info-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"info-row\">\n<div class=\"info-label\">cURL Too many subrequests.<\/div>\n<div class=\"info-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"action-button primary-button editing\"><br \/>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M3 8L10.89 13.26C11.2187 13.4793 11.6049 13.5963 12 13.5963C12.3951 13.5963 12.7813 13.4793 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                        <span>cURL Too many subrequests.<\/span><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Technical Specifications Section --><\/p>\n<div class=\"specs-wrapper\">\n<h3 class=\"section-heading\">Spesifikasi Teknis<\/h3>\n<div class=\"specs-content\">\n<div class=\"specs-table\">\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">Custom formulations available<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">Dosage:<\/div>\n<div class=\"spec-value\">0.05%\u20130.3%<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"specs-features\">\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n                            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M13 10V3L4 14h7v7l9-11h-7z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"feature-content\">\n<div class=\"feature-title\">Pengiriman Cepat<\/div>\n<div class=\"feature-desc\">7-14 days lead time<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n                            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"feature-content\">\n<div class=\"feature-title\">OEM Service<\/div>\n<div class=\"feature-desc\">Custom formulations<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n                            <svg width=\"22\" height=\"22\" 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-content\">\n<div class=\"feature-title\">Bersertifikat Kualitas<\/div>\n<div class=\"feature-desc\">ISO, CANS, SGS<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Product Details Section *\/\n.product-details-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 60px 0;\n}<\/p>\n<p>.details-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n}<\/p>\n<p>\/* Section Header *\/\n.details-header {\n    text-align: center;\n    margin-bottom: 45px;\n}<\/p>\n<p>.details-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin-bottom: 10px;\n}<\/p>\n<p>.details-subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    font-weight: 500;\n}<\/p>\n<p>\/* Common Section Heading *\/\n.section-heading {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 22px;\n    padding-bottom: 10px;\n    border-bottom: 2px solid #b8e6d5;\n}<\/p>\n<p>\/* Product Overview Section *\/\n.overview-wrapper {\n    background: #f8fcfd;\n    border-radius: 12px;\n    padding: 28px;\n    margin-bottom: 35px;\n    border: 1px solid #e0f2f1;\n}<\/p>\n<p>.overview-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n}<\/p>\n<p>\/* Overview Image - Fill the entire left card *\/\n.overview-image {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.1);\n    background: #ffffff;\n    position: relative;\n    min-height: 100%;\n}<\/p>\n<p>.sample-image {\n    width: 100%;\n    height: 100%;\n    min-height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.overview-image:hover .sample-image {\n    transform: scale(1.08);\n}<\/p>\n<p>\/* Overview Info *\/\n.overview-info {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}<\/p>\n<p>.info-table {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    flex: 1;\n}<\/p>\n<p>.info-row {\n    display: flex;\n    gap: 12px;\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.info-row:hover {\n    background: #e0f7fa;\n}<\/p>\n<p>.info-label {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    min-width: 130px;\n    flex-shrink: 0;\n}<\/p>\n<p>.info-value {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n}<\/p>\n<p>.cert-badges {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.cert-badge {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: #ffffff;\n    padding: 4px 12px;\n    border-radius: 6px;\n    font-size: 0.85rem;\n    font-weight: 600;\n}<\/p>\n<p>\/* Technical Specifications Section *\/\n.specs-wrapper {\n    background: #f8fcfd;\n    border-radius: 12px;\n    padding: 28px;\n    border: 1px solid #e0f2f1;\n}<\/p>\n<p>.specs-content {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n}<\/p>\n<p>.specs-table {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n}<\/p>\n<p>.spec-row {\n    background: #ffffff;\n    padding: 14px;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.spec-row:hover {\n    background: #e0f7fa;\n    transform: translateY(-1px);\n}<\/p>\n<p>.spec-label {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 4px;\n}<\/p>\n<p>.spec-value {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Features *\/\n.specs-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n}<\/p>\n<p>.feature-item {\n    background: #ffffff;\n    border: 1px solid #e0f2f1;\n    border-radius: 10px;\n    padding: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(13, 115, 119, 0.1);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.feature-icon {\n    width: 40px;\n    height: 40px;\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>.feature-content {\n    flex: 1;\n}<\/p>\n<p>.feature-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin-bottom: 2px;\n}<\/p>\n<p>.feature-desc {\n    font-size: 0.85rem;\n    color: #2c6e6f;\n}<\/p>\n<p>\/* Action Buttons *\/\n.action-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 12px 28px;\n    border-radius: 8px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    margin-top: 12px;\n}<\/p>\n<p>.primary-button {\n    background: #0d7377;\n    color: #ffffff;\n    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.2);\n}<\/p>\n<p>.primary-button:hover {\n    background: #14a085;\n    transform: translateY(-2px);\n    box-shadow: 0 5px 14px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.secondary-button {\n    background: #ffffff;\n    color: #0d7377;\n    border: 2px solid #0d7377;\n    width: 100%;\n}<\/p>\n<p>.secondary-button:hover {\n    background: #0d7377;\n    color: #ffffff;\n    transform: translateY(-2px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .details-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .specs-table {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .product-details-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .overview-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }<\/p>\n<p>    .overview-image {\n        min-height: 400px;\n    }<\/p>\n<p>    .specs-table {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .specs-features {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .product-details-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .details-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .details-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .details-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .overview-wrapper,\n    .specs-wrapper {\n        padding: 22px;\n    }<\/p>\n<p>    .section-heading {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .overview-image {\n        min-height: 350px;\n    }<\/p>\n<p>    .info-row {\n        flex-direction: column;\n        gap: 6px;\n    }<\/p>\n<p>    .info-label {\n        min-width: auto;\n    }<\/p>\n<p>    .specs-table {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .product-details-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .details-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .details-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .details-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .overview-wrapper,\n    .specs-wrapper {\n        padding: 18px;\n    }<\/p>\n<p>    .section-heading {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .overview-image {\n        min-height: 300px;\n    }\n}\n<\/style>\n<p><!-- 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\">Advantages of <span class=\"title-highlight\">NOVASTAR\u2122 Gypsum Retarder<\/span><\/h2>\n<p class=\"advantages-subtitle\">NOVASTAR\u2122 Gypsum Retarder offers a range of performance and economic benefits, making it a preferred choice for gypsum-based materials across diverse applications.<\/p>\n<\/p><\/div>\n<p>        <!-- First Group: Performance Benefits with Image --><\/p>\n<div class=\"advantage-block\">\n<div class=\"block-grid\">\n                <!-- Left: Image --><\/p>\n<div class=\"block-image\">\n                    <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Gypsum-Retarder-Performance.jpg\" alt=\"LANDU Gypsum Retarder Performance\" class=\"advantage-img\">\n                <\/div>\n<p>                <!-- Right: Advantages List --><\/p>\n<div class=\"block-content\">\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">01<\/div>\n<h3 class=\"advantage-title\">High Efficiency at Minimal Dosage<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Delivers precise control over setting time even when added in very small quantities \u2014 ensuring cost savings without compromising effectiveness.<\/p>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">02<\/div>\n<h3 class=\"advantage-title\">Keluwesan Kerja yang Diperpanjang<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Substantially prolongs the open time of calcium sulphate\u2013based plasters and mortars, with potential extension up to several hours depending on the selected dosage. Ideal for projects requiring longer handling periods.<\/p>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">03<\/div>\n<h3 class=\"advantage-title\">Outstanding Compatibility<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Integrates seamlessly with multiple calcium sulphate binder systems and a wide range of additives, including NOVASTAR\u2122 PCE-based superplasticizers.<\/p>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">04<\/div>\n<h3 class=\"advantage-title\">Cost-Optimized Application<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Allows preparation of large-volume mixes while maintaining workability, reducing on-site application time and lowering labor costs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Second Group: Quality & Environmental Benefits with Image --><\/p>\n<div class=\"advantage-block reverse\">\n<div class=\"block-grid\">\n                <!-- Left: Advantages List --><\/p>\n<div class=\"block-content\">\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">05<\/div>\n<h3 class=\"advantage-title\">No Impact on Strength<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Unlike fruit acid\u2013based retarders, NOVASTAR\u2122 preserves the final mechanical strength of gypsum products, ensuring both durability and performance.<\/p>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">06<\/div>\n<h3 class=\"advantage-title\">Consistent, Stable Quality<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Supports reliable production with uniform results, achieving stable processing conditions and consistent appearance in the finished product.<\/p>\n<\/p><\/div>\n<div class=\"advantage-item\">\n<div class=\"advantage-header-item\">\n<div class=\"advantage-number\">07<\/div>\n<h3 class=\"advantage-title\">Environmentally Responsible<\/h3>\n<\/p><\/div>\n<p class=\"advantage-text\">Produced without formaldehyde or harmful substances, NOVASTAR\u2122 is eco-friendly, non-toxic, and safe for both users and the environment.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Right: Image --><\/p>\n<div class=\"block-image\">\n                    <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-gypsum-retarder-application.jpg\" alt=\"LANDU Gypsum Retarder Application\" class=\"advantage-img\">\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Advantages Section *\/\n.advantages-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 60px 0;\n}<\/p>\n<p>.advantages-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\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: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin-bottom: 16px;\n}<\/p>\n<p>.advantages-subtitle {\n    font-size: 1.05rem;\n    color: #3d5a5c;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* Advantage Block *\/\n.advantage-block {\n    background: #f8fcfd;\n    border-radius: 12px;\n    padding: 32px;\n    margin-bottom: 35px;\n    border: 1px solid #e0f2f1;\n}<\/p>\n<p>.advantage-block:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.block-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 35px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Reverse layout for second block *\/\n.advantage-block.reverse .block-grid {\n    direction: rtl;\n}<\/p>\n<p>.advantage-block.reverse .block-content {\n    direction: ltr;\n}<\/p>\n<p>\/* Block Image *\/\n.block-image {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 6px 24px rgba(13, 115, 119, 0.1);\n    background: #ffffff;\n    height: 100%;\n    display: flex;\n    align-items: stretch;\n}<\/p>\n<p>.advantage-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n    flex: 1;\n}<\/p>\n<p>.block-image:hover .advantage-img {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* Block Content *\/\n.block-content {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n}<\/p>\n<p>\/* Advantage Item *\/\n.advantage-item {\n    background: #ffffff;\n    border-radius: 10px;\n    padding: 20px;\n    border: 1px solid #e0f2f1;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.advantage-item:hover {\n    transform: translateX(4px);\n    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.08);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.advantage-header-item {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 10px;\n}<\/p>\n<p>.advantage-number {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #0d7377;\n    line-height: 1;\n    flex-shrink: 0;\n    width: 50px;\n}<\/p>\n<p>.advantage-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>.advantage-text {\n    font-size: 0.95rem;\n    color: #3d5a5c;\n    line-height: 1.7;\n    margin: 0;\n    padding-left: 64px;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .advantages-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .block-grid {\n        gap: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .advantages-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .block-grid {\n        grid-template-columns: 1fr;\n        gap: 28px;\n    }<\/p>\n<p>    .advantage-block.reverse .block-grid {\n        direction: ltr;\n    }<\/p>\n<p>    .block-image {\n        height: 400px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .advantages-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .advantages-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .advantages-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .advantages-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .advantage-block {\n        padding: 24px;\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .block-image {\n        height: 350px;\n    }<\/p>\n<p>    .advantage-item {\n        padding: 18px;\n    }<\/p>\n<p>    .advantage-number {\n        font-size: 1.6rem;\n        width: 45px;\n    }<\/p>\n<p>    .advantage-title {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .advantage-text {\n        padding-left: 59px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .advantages-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .advantages-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .advantages-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .advantage-block {\n        padding: 20px;\n    }<\/p>\n<p>    .block-image {\n        height: 300px;\n    }<\/p>\n<p>    .advantage-item {\n        padding: 16px;\n    }<\/p>\n<p>    .advantage-header-item {\n        gap: 10px;\n    }<\/p>\n<p>    .advantage-number {\n        font-size: 1.4rem;\n        width: 40px;\n    }<\/p>\n<p>    .advantage-title {\n        font-size: 1rem;\n    }<\/p>\n<p>    .advantage-text {\n        font-size: 0.9rem;\n        padding-left: 50px;\n    }\n}\n<\/style>\n<p><!-- Supply & Quality Section --><\/p>\n<div class=\"supply-quality-section\">\n<div class=\"supply-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<h2 class=\"section-title\">\n                Sufficient Supply, <span class=\"title-highlight\">Reliable Quality<\/span><br \/>\n            <\/h2>\n<p class=\"section-subtitle\">Advanced manufacturing technology and rigorous quality control ensure consistent performance<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content --><\/p>\n<div class=\"supply-content\">\n            <!-- Image Section --><\/p>\n<div class=\"image-section\">\n<div class=\"image-wrapper\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-advanced-spray-drying-1.jpg\" alt=\"LANDU Advanced Manufacturing Facility\" class=\"facility-image\"><\/p>\n<div class=\"image-badge\">\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M19 21V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                        <span>Advanced Facility<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"facility-button\">\n                    <a href=\"#contact\" class=\"facility-cta\"><br \/>\n                        <span>View Manufacturing Process<\/span><br \/>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\n                            <path d=\"M4.16667 10H15.8333M15.8333 10L10 4.16667M15.8333 10L10 15.8333\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Content Section --><\/p>\n<div class=\"content-section\">\n<div class=\"content-block\">\n<h3 class=\"content-title\">Comprehensive Gypsum Solutions<\/h3>\n<p class=\"content-text\">\n                        LANDU delivers a complete range of gypsum additives under the trusted NOVASTAR\u2122 brand. Each product is engineered to meet diverse requirements with dependable performance in every formulation.\n                    <\/p>\n<\/p><\/div>\n<div class=\"features-container\">\n<div class=\"feature-item\">\n<div class=\"feature-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<div class=\"feature-content\">\n<h4 class=\"feature-title\">Jaminan Kualitas<\/h4>\n<p class=\"feature-description\">Every batch tested for stability, purity, and global compliance standards<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M13 10V3L4 14H11L11 21L20 10L13 10Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"feature-content\">\n<h4 class=\"feature-title\">High-Capacity Production<\/h4>\n<p class=\"feature-description\">Advanced facilities ensure stable supply for large-scale industrial projects<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Supply & Quality Section *\/\n.supply-quality-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 60px 0;\n}<\/p>\n<p>.supply-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}<\/p>\n<p>.section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.title-highlight {\n    color: #0d7377;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Main Content *\/\n.supply-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Image Section *\/\n.image-section {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.image-wrapper {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 6px 24px rgba(13, 115, 119, 0.1);\n    background: #f8fcfd;\n    flex: 1;\n}<\/p>\n<p>.facility-image {\n    width: 100%;\n    height: auto;\n    display: block;\n}<\/p>\n<p>.image-badge {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    background: #0d7377;\n    padding: 8px 16px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.image-badge span {\n    color: #ffffff;\n    font-size: 0.9rem;\n    font-weight: 600;\n}<\/p>\n<p>\/* Facility Button *\/\n.facility-button {\n    width: 100%;\n}<\/p>\n<p>.facility-cta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: #0d7377;\n    color: #ffffff;\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-size: 1rem;\n    font-weight: 600;\n    text-decoration: none;\n    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.2);\n    width: 100%;\n    text-align: center;\n}<\/p>\n<p>\/* Content Section *\/\n.content-section {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n    justify-content: flex-start;\n}<\/p>\n<p>.content-block {\n    margin-bottom: 8px;\n}<\/p>\n<p>.content-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.content-text {\n    font-size: 1rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0;\n}<\/p>\n<p>\/* Features Container *\/\n.features-container {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    flex: 1;\n}<\/p>\n<p>.feature-item {\n    background: #f8fcfd;\n    border-radius: 10px;\n    padding: 24px;\n    border: 1px solid #e0f2f1;\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    flex: 1;\n}<\/p>\n<p>.feature-icon {\n    width: 52px;\n    height: 52px;\n    background: #ffffff;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: 1px solid #d0f0fd;\n}<\/p>\n<p>.feature-content {\n    flex: 1;\n}<\/p>\n<p>.feature-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0 0 8px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.feature-description {\n    font-size: 1.05rem;\n    color: #2c6e6f;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .supply-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .supply-content {\n        gap: 35px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .supply-quality-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 35px;\n    }<\/p>\n<p>    .supply-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n        align-items: flex-start;\n    }<\/p>\n<p>    .image-section {\n        max-width: 520px;\n        margin: 0 auto;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .supply-quality-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .supply-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .content-section {\n        gap: 24px;\n    }<\/p>\n<p>    .content-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .content-text {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .feature-item {\n        padding: 20px;\n        gap: 16px;\n    }<\/p>\n<p>    .feature-icon {\n        width: 48px;\n        height: 48px;\n    }<\/p>\n<p>    .feature-icon svg {\n        width: 22px;\n        height: 22px;\n    }<\/p>\n<p>    .feature-title {\n        font-size: 1.15rem;\n    }<\/p>\n<p>    .feature-description {\n        font-size: 1rem;\n    }<\/p>\n<p>    .facility-cta {\n        padding: 12px 20px;\n        font-size: 0.95rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .supply-quality-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .supply-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .content-title {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .content-text {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .feature-item {\n        padding: 18px;\n        gap: 14px;\n    }<\/p>\n<p>    .feature-icon {\n        width: 44px;\n        height: 44px;\n    }<\/p>\n<p>    .feature-icon svg {\n        width: 20px;\n        height: 20px;\n    }<\/p>\n<p>    .feature-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .feature-description {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .facility-cta {\n        padding: 11px 18px;\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .facility-cta svg {\n        width: 16px;\n        height: 16px;\n    }<\/p>\n<p>    .image-badge {\n        bottom: 12px;\n        left: 12px;\n        padding: 7px 14px;\n    }<\/p>\n<p>    .image-badge span {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .image-badge svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n<\/style>\n<p><!-- OEM Solutions Section --><\/p>\n<div class=\"oem-solutions-section\">\n<div class=\"oem-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<h2 class=\"section-title\">\n                LANDU <span class=\"title-highlight\">OEM Gypsum Retarder Solutions<\/span><br \/>\n            <\/h2>\n<p class=\"section-subtitle\">Partner with NOVASTAR\u2122 for Customized Formulations and Sustainable Growth<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content --><\/p>\n<div class=\"oem-content\">\n            <!-- Content Section --><\/p>\n<div class=\"content-section\">\n<div class=\"content-block\">\n<h3 class=\"content-title\">Complete Development Services<\/h3>\n<p class=\"content-text\">\n                        At LANDU, our commitment goes beyond supplying gypsum retarders \u2014 we provide complete OEM and customized development services designed to meet your unique production and performance goals.\n                    <\/p>\n<p class=\"content-text\">\n                        Our expert technical team works side by side with each client to create tailor-made formulations that precisely match your desired setting time, raw material system, and local application requirements.\n                    <\/p>\n<\/p><\/div>\n<div class=\"benefits-container\">\n<h4 class=\"benefits-title\">Exclusive Partner Benefits<\/h4>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg width=\"24\" height=\"24\" 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<div class=\"benefit-content\">\n                                <span class=\"benefit-label\">Competitive Pricing:<\/span> Stable pricing structures for long-term partnerships\n                            <\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M21 16V8C20.9996 7.64928 20.9071 7.30481 20.7315 7.00116C20.556 6.69751 20.3037 6.44536 20 6.27L13 2.27C12.696 2.09446 12.3511 2.00205 12 2.00205C11.6489 2.00205 11.304 2.09446 11 2.27L4 6.27C3.69626 6.44536 3.44398 6.69751 3.26846 7.00116C3.09294 7.30481 3.00036 7.64928 3 8V16C3.00036 16.3507 3.09294 16.6952 3.26846 16.9988C3.44398 17.3025 3.69626 17.5546 4 17.73L11 21.73C11.304 21.9055 11.6489 21.9979 12 21.9979C12.3511 21.9979 12.696 21.9055 13 21.73L20 17.73C20.3037 17.5546 20.556 17.3025 20.7315 16.9988C20.9071 16.6952 20.9996 16.3507 21 16Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n                                <span class=\"benefit-label\">Market Support:<\/span> cURL Too many subrequests.\n                            <\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-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<div class=\"benefit-content\">\n                                <span class=\"benefit-label\">cURL Too many subrequests.<\/span> cURL Too many subrequests.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Image Section --><\/p>\n<div class=\"image-section\">\n<div class=\"image-wrapper\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-rigorous-test-labs.jpg\" alt=\"LANDU Research Laboratory\" class=\"lab-image\"><\/p>\n<div class=\"image-badge\">\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M9 11H15M9 15H15M17 21L20 18L17 15M7 21L4 18L7 15M13 3H11C9.89543 3 9 3.89543 9 5V19C9 20.1046 9.89543 21 11 21H13C14.1046 21 15 20.1046 15 19V5C15 3.89543 14.1046 3 13 3Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"cta-button\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"partnership-cta\"><br \/>\n                        <span>cURL Too many subrequests.<\/span><br \/>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"none\">\n                            <path d=\"M4.16667 10H15.8333M15.8333 10L10 4.16667M15.8333 10L10 15.8333\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* OEM Solutions Section *\/\n.oem-solutions-section {\n    width: 100%;\n    background: #ffffff;\n    padding: 60px 0;\n}<\/p>\n<p>.oem-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}<\/p>\n<p>.section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.title-highlight {\n    color: #0d7377;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Main Content *\/\n.oem-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Content Section *\/\n.content-section {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n    justify-content: flex-start;\n}<\/p>\n<p>.content-block {\n    margin-bottom: 8px;\n}<\/p>\n<p>.content-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    margin: 0 0 14px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.content-text {\n    font-size: 1rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.content-text:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>\/* Benefits Container *\/\n.benefits-container {\n    background: #f8fcfd;\n    border-radius: 12px;\n    padding: 24px;\n    border: 2px solid #e0f2f1;\n    flex: 1;\n}<\/p>\n<p>.benefits-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0 0 16px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n}<\/p>\n<p>.benefit-icon {\n    width: 44px;\n    height: 44px;\n    background: #ffffff;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: 1px solid #d0f0fd;\n    margin-top: 2px;\n}<\/p>\n<p>.benefit-content {\n    flex: 1;\n    font-size: 1.05rem;\n    color: #2c6e6f;\n    line-height: 1.6;\n}<\/p>\n<p>.benefit-label {\n    font-weight: 600;\n    color: #0d3b3f;\n}<\/p>\n<p>\/* Image Section *\/\n.image-section {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.image-wrapper {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 6px 24px rgba(13, 115, 119, 0.1);\n    background: #f8fcfd;\n    flex: 1;\n}<\/p>\n<p>.lab-image {\n    width: 100%;\n    height: auto;\n    display: block;\n}<\/p>\n<p>.image-badge {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    background: #0d7377;\n    padding: 8px 16px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>.image-badge span {\n    color: #ffffff;\n    font-size: 0.9rem;\n    font-weight: 600;\n}<\/p>\n<p>\/* CTA Button *\/\n.cta-button {\n    width: 100%;\n}<\/p>\n<p>.partnership-cta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: #0d7377;\n    color: #ffffff;\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-size: 1rem;\n    font-weight: 600;\n    text-decoration: none;\n    box-shadow: 0 3px 10px rgba(13, 115, 119, 0.2);\n    width: 100%;\n    text-align: center;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .oem-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .oem-content {\n        gap: 35px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .oem-solutions-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 35px;\n    }<\/p>\n<p>    .oem-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n        align-items: flex-start;\n    }<\/p>\n<p>    .image-section {\n        max-width: 520px;\n        margin: 0 auto;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .oem-solutions-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .oem-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .content-section {\n        gap: 24px;\n    }<\/p>\n<p>    .content-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .content-text {\n        font-size: 0.95rem;\n        margin-bottom: 10px;\n    }<\/p>\n<p>    .benefits-container {\n        padding: 20px;\n    }<\/p>\n<p>    .benefits-title {\n        font-size: 1.15rem;\n    }<\/p>\n<p>    .benefit-item {\n        gap: 12px;\n    }<\/p>\n<p>    .benefit-icon {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    .benefit-icon svg {\n        width: 20px;\n        height: 20px;\n    }<\/p>\n<p>    .benefit-content {\n        font-size: 1rem;\n    }<\/p>\n<p>    .partnership-cta {\n        padding: 12px 20px;\n        font-size: 0.95rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .oem-solutions-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .oem-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .content-title {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .content-text {\n        font-size: 0.9rem;\n        margin-bottom: 8px;\n    }<\/p>\n<p>    .benefits-container {\n        padding: 18px;\n    }<\/p>\n<p>    .benefits-title {\n        font-size: 1.1rem;\n        margin-bottom: 14px;\n    }<\/p>\n<p>    .benefits-list {\n        gap: 14px;\n    }<\/p>\n<p>    .benefit-item {\n        gap: 10px;\n    }<\/p>\n<p>    .benefit-icon {\n        width: 36px;\n        height: 36px;\n    }<\/p>\n<p>    .benefit-icon svg {\n        width: 18px;\n        height: 18px;\n    }<\/p>\n<p>    .benefit-content {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .partnership-cta {\n        padding: 11px 18px;\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .partnership-cta svg {\n        width: 16px;\n        height: 16px;\n    }<\/p>\n<p>    .image-badge {\n        bottom: 12px;\n        left: 12px;\n        padding: 7px 14px;\n    }<\/p>\n<p>    .image-badge span {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .image-badge svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n<\/style>\n<p><!-- Applications Section --><\/p>\n<div class=\"applications-section\">\n<div class=\"applications-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-decoration\"><\/div>\n<h2 class=\"section-title\">\n                cURL Too many subrequests. <span class=\"title-highlight\">NOVASTAR\u2122 Gypsum Retarder<\/span><br \/>\n            <\/h2>\n<p class=\"section-subtitle\">\n                cURL Too many subrequests.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Applications Layout --><\/p>\n<div class=\"applications-layout\">\n            <!-- Application 1 - Full Width --><\/p>\n<div class=\"app-row full-width\">\n<div class=\"app-image\">\n                    <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/gypsum-self-leveling-compound-scaled.jpg\" alt=\"cURL Too many subrequests.\" class=\"row-image\"><\/p>\n<div class=\"app-badge\">\n                        <span class=\"badge-number\">01<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"app-info\">\n<div class=\"info-decoration\"><\/div>\n<h3 class=\"app-title\">cURL Too many subrequests.<\/h3>\n<p class=\"app-description\">\n                        cURL Too many subrequests.\n                    <\/p>\n<div class=\"feature-tags\">\n                        <span class=\"tag\">cURL Too many subrequests.<\/span><br \/>\n                        <span class=\"tag\">cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Applications 2 & 3 - Side by Side --><\/p>\n<div class=\"app-row double\">\n<div class=\"app-card\">\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"1697\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/gypsum-precast-concrete-scaled.jpg\" alt=\"cURL Too many subrequests.\" class=\"card-img\"><\/p>\n<div class=\"card-badge\">\n                            <span class=\"badge-number\">02<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3 class=\"app-title\">cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p class=\"app-description\">\n                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"feature-tags\">\n                            <span class=\"tag\">cURL Too many subrequests.<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"app-card\">\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/gypsum-wall-putty-scaled.jpg\" alt=\"cURL Too many subrequests.\" class=\"card-img\"><\/p>\n<div class=\"card-badge\">\n                            <span class=\"badge-number\">03<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3 class=\"app-title\">cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p class=\"app-description\">\n                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"feature-tags\">\n                            <span class=\"tag\">cURL Too many subrequests.<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Applications 4 & 5 - Side by Side --><\/p>\n<div class=\"app-row double\">\n<div class=\"app-card\">\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"1706\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/gypsum-board-scaled.jpg\" alt=\"cURL Too many subrequests.\" class=\"card-img\"><\/p>\n<div class=\"card-badge\">\n                            <span class=\"badge-number\">04<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3 class=\"app-title\">cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p class=\"app-description\">\n                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"feature-tags\">\n                            <span class=\"tag\">Production Efficiency<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"app-card\">\n<div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"1709\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Spray-Applied-Gypsum-Plaster-scaled.jpg\" alt=\"Spray-Applied Gypsum Plaster\" class=\"card-img\"><\/p>\n<div class=\"card-badge\">\n                            <span class=\"badge-number\">05<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3 class=\"app-title\">Spray-Applied Gypsum Plaster<\/h3>\n<\/p><\/div>\n<p class=\"app-description\">\n                            Extends open time to accommodate large-area spraying and finishing, improving workflow speed and reducing material waste.\n                        <\/p>\n<div class=\"feature-tags\">\n                            <span class=\"tag\">Waktu Buka Perpanjangan<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Applications Section *\/\n.applications-section {\n    width: 100%;\n    background: linear-gradient(135deg, #ffffff 0%, #f8fcfd 100%);\n    padding: 60px 0;\n    position: relative;\n}<\/p>\n<p>.applications-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: \n        radial-gradient(circle at 20% 20%, rgba(13, 115, 119, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 80% 80%, rgba(13, 115, 119, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.applications-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n    position: relative;\n}<\/p>\n<p>.header-decoration {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    gap: 12px;\n}<\/p>\n<p>.decoration-line {\n    width: 60px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent 0%, #0d7377 50%, transparent 100%);\n}<\/p>\n<p>.decoration-circle {\n    width: 8px;\n    height: 8px;\n    background: #0d7377;\n    border-radius: 50%;\n    box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.2);\n}<\/p>\n<p>.section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin: 0 0 12px 0;\n    position: relative;\n}<\/p>\n<p>.title-highlight {\n    color: #0d7377;\n    position: relative;\n}<\/p>\n<p>.title-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n    border-radius: 1px;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Applications Layout *\/\n.applications-layout {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>\/* App Row Styles *\/\n.app-row {\n    width: 100%;\n}<\/p>\n<p>.app-row.full-width {\n    background: #ffffff;\n    border-radius: 16px;\n    border: 1px solid #e0f2f1;\n    overflow: hidden;\n    display: flex;\n    min-height: 200px;\n    box-shadow: 0 8px 32px rgba(13, 115, 119, 0.08);\n    position: relative;\n}<\/p>\n<p>.app-row.full-width::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n}<\/p>\n<p>.app-row.double {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n}<\/p>\n<p>\/* Full Width Application *\/\n.app-image {\n    position: relative;\n    width: 45%;\n    min-height: 200px;\n    overflow: hidden;\n}<\/p>\n<p>.row-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.image-gradient {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(13, 115, 119, 0.1) 0%, transparent 60%);\n}<\/p>\n<p>.app-badge {\n    position: absolute;\n    top: 30px;\n    left: 30px;\n    width: 60px;\n    height: 60px;\n    background: rgba(13, 115, 119, 0.95);\n    backdrop-filter: blur(10px);\n    color: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n    font-weight: 700;\n    box-shadow: 0 6px 20px rgba(13, 115, 119, 0.4);\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    z-index: 10;\n}<\/p>\n<p>.badge-number {\n    display: block;\n    line-height: 1;\n    text-align: center;\n}<\/p>\n<p>.corner-accent {\n    position: absolute;\n    width: 40px;\n    height: 40px;\n}<\/p>\n<p>.corner-accent.top-right {\n    top: 0;\n    right: 0;\n    background: linear-gradient(135deg, #0d7377 0%, transparent 70%);\n    clip-path: polygon(100% 0%, 0% 0%, 100% 100%);\n}<\/p>\n<p>.app-info {\n    flex: 1;\n    padding: 32px 36px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n}<\/p>\n<p>.info-decoration {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.info-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #e0f2f1;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.info-dot.active {\n    background: #0d7377;\n    box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.2);\n}<\/p>\n<p>\/* Card Styles *\/\n.app-card {\n    background: #ffffff;\n    border-radius: 16px;\n    border: 1px solid #e0f2f1;\n    overflow: hidden;\n    box-shadow: 0 6px 24px rgba(13, 115, 119, 0.08);\n    position: relative;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.app-card::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 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.app-card:hover::before {\n    transform: scaleX(1);\n}<\/p>\n<p>.app-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.15);\n}<\/p>\n<p>.card-image {\n    position: relative;\n    width: 100%;\n    height: 200px;\n    overflow: hidden;\n}<\/p>\n<p>.card-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.app-card:hover .card-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.card-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(13, 115, 119, 0.05) 0%, transparent 50%);\n}<\/p>\n<p>.card-badge {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    width: 44px;\n    height: 44px;\n    background: rgba(13, 115, 119, 0.95);\n    backdrop-filter: blur(10px);\n    color: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.1rem;\n    font-weight: 700;\n    box-shadow: 0 3px 12px rgba(13, 115, 119, 0.3);\n    border: 2px solid rgba(255, 255, 255, 0.2);\n}<\/p>\n<p>.corner-pattern {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, transparent 30%, rgba(13, 115, 119, 0.1) 70%);\n    clip-path: polygon(100% 0%, 100% 100%, 0% 100%);\n}<\/p>\n<p>.card-content {\n    padding: 24px;\n}<\/p>\n<p>.content-header {\n    margin-bottom: 12px;\n}<\/p>\n<p>.title-underline {\n    width: 30px;\n    height: 2px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n    margin-top: 6px;\n    border-radius: 1px;\n}<\/p>\n<p>\/* Feature Tags *\/\n.feature-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 12px;\n}<\/p>\n<p>.tag {\n    background: linear-gradient(135deg, #f0fffe 0%, #e0f2f1 100%);\n    color: #0d7377;\n    padding: 4px 12px;\n    border-radius: 12px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    border: 1px solid #d0f0fd;\n}<\/p>\n<p>\/* Text Styles *\/\n.app-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0 0 8px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.app-description {\n    font-size: 1rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .applications-container {\n        padding: 0 35px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .applications-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .app-row.full-width {\n        flex-direction: column;\n        min-height: auto;\n    }<\/p>\n<p>    .app-image {\n        width: 100%;\n        height: 220px;\n    }<\/p>\n<p>    .app-badge {\n        top: 25px;\n        left: 25px;\n        width: 56px;\n        height: 56px;\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .app-info {\n        padding: 28px 32px;\n    }<\/p>\n<p>    .app-row.double {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .card-image {\n        height: 180px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .applications-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .applications-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 35px;\n    }<\/p>\n<p>    .applications-layout {\n        gap: 20px;\n    }<\/p>\n<p>    .app-row.double {\n        gap: 18px;\n    }<\/p>\n<p>    .decoration-line {\n        width: 40px;\n    }<\/p>\n<p>    .app-image {\n        height: 200px;\n    }<\/p>\n<p>    .app-badge {\n        top: 20px;\n        left: 20px;\n        width: 52px;\n        height: 52px;\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .app-info {\n        padding: 24px 28px;\n    }<\/p>\n<p>    .card-content {\n        padding: 20px;\n    }<\/p>\n<p>    .card-image {\n        height: 160px;\n    }<\/p>\n<p>    .card-badge {\n        width: 40px;\n        height: 40px;\n        top: 12px;\n        left: 12px;\n        font-size: 1rem;\n    }<\/p>\n<p>    .app-title {\n        font-size: 1.15rem;\n    }<\/p>\n<p>    .app-description {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .feature-tags {\n        margin-top: 10px;\n    }<\/p>\n<p>    .tag {\n        font-size: 0.8rem;\n        padding: 3px 10px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .applications-section {\n        padding: 35px 0;\n    }<\/p>\n<p>    .applications-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .app-image {\n        height: 180px;\n    }<\/p>\n<p>    .app-badge {\n        top: 18px;\n        left: 18px;\n        width: 48px;\n        height: 48px;\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .app-info {\n        padding: 20px 24px;\n    }<\/p>\n<p>    .card-content {\n        padding: 18px;\n    }<\/p>\n<p>    .card-image {\n        height: 140px;\n    }<\/p>\n<p>    .card-badge {\n        width: 36px;\n        height: 36px;\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .app-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .app-description {\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n<p><!-- Free Sample Section --><\/p>\n<div class=\"free-sample-section\">\n<div class=\"sample-container\">\n        <!-- Main Content --><\/p>\n<div class=\"sample-content\">\n            <!-- Left Side - Content --><\/p>\n<div class=\"content-side\">\n<div class=\"sample-header\">\n<div class=\"header-badge\">\n                        <svg width=\"20\" height=\"20\" 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><br \/>\n                        <span>FREE SAMPLE<\/span>\n                    <\/div>\n<h2 class=\"sample-title\">\n                        Get Your Free <span class=\"title-highlight\">NOVASTAR\u2122 Gypsum Retarder<\/span> Sample!<br \/>\n                    <\/h2>\n<\/p><\/div>\n<div class=\"sample-description\">\n<p class=\"description-text\">\n                        Discover the superior performance and consistency of NOVASTAR\u2122 gypsum retarder \u2014 absolutely free of charge. Experience how our advanced protein-based formulation enhances setting control, workability, and product quality in your gypsum applications.\n                    <\/p>\n<p class=\"description-text\">\n                        Click below to request your free sample and see why professionals worldwide trust LANDU as their reliable gypsum additive partner.\n                    <\/p>\n<\/p><\/div>\n<div class=\"benefits-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=\"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>Superior Performance Testing<\/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 10V3L4 14H11L11 21L20 10L13 10Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Fast &amp; Free Shipping<\/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=\"M16 21V5C16 3.89543 15.1046 3 14 3H10C8.89543 3 8 3.89543 8 5V21L12 18L16 21Z\" stroke=\"#0d7377\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Technical Support Included<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"sample-cta-button editing\"><\/p>\n<div class=\"button-content\">\n                            <span class=\"button-text\">Request Free Sample Now<\/span><br \/>\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" class=\"button-icon\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<p>                    <\/a><\/p>\n<p class=\"cta-note\">\n                        Don\u2019t miss the opportunity to upgrade your gypsum systems with NOVASTAR\u2122 quality!\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Side - Image --><\/p>\n<div class=\"image-side\">\n<div class=\"sample-image-wrapper\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/landu-Gypsum-Retarder-free-sample.jpg\" alt=\"LANDU Free Gypsum Retarder Sample\" class=\"sample-image\"><\/p>\n<div class=\"image-decoration\">\n<div class=\"decoration-dots\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Free Sample Section *\/\n.free-sample-section {\n    width: 100%;\n    background: linear-gradient(135deg, #f0fffe 0%, #ffffff 50%, #f8fcfd 100%);\n    padding: 70px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.free-sample-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(13, 115, 119, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}<\/p>\n<p>.free-sample-section::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -15%;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(20, 160, 133, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}<\/p>\n<p>.sample-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Main Content *\/\n.sample-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n}<\/p>\n<p>\/* Content Side *\/\n.content-side {\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n}<\/p>\n<p>.sample-header {\n    margin-bottom: 8px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: #ffffff;\n    padding: 8px 18px;\n    border-radius: 25px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 16px rgba(13, 115, 119, 0.25);\n}<\/p>\n<p>.sample-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin: 0;\n}<\/p>\n<p>.title-highlight {\n    color: #0d7377;\n    position: relative;\n}<\/p>\n<p>.title-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n    border-radius: 2px;\n}<\/p>\n<p>.sample-description {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.description-text {\n    font-size: 1rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0;\n}<\/p>\n<p>\/* Benefits Highlights *\/\n.benefits-highlights {\n    background: rgba(240, 255, 254, 0.6);\n    border-radius: 12px;\n    padding: 20px;\n    border: 1px solid #e0f2f1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.highlight-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}<\/p>\n<p>.highlight-icon {\n    width: 32px;\n    height: 32px;\n    background: #ffffff;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border: 1px solid #d0f0fd;\n}<\/p>\n<p>.highlight-item span {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: #0d3b3f;\n}<\/p>\n<p>\/* CTA Section *\/\n.cta-section {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.sample-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: #ffffff;\n    padding: 16px 32px;\n    border-radius: 12px;\n    text-decoration: none;\n    font-size: 1.05rem;\n    font-weight: 600;\n    box-shadow: 0 6px 24px rgba(13, 115, 119, 0.3);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.sample-cta-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.sample-cta-button:hover::before {\n    left: 100%;\n}<\/p>\n<p>.sample-cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 32px rgba(13, 115, 119, 0.4);\n}<\/p>\n<p>.button-content {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.button-icon {\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.sample-cta-button:hover .button-icon {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-note {\n    font-size: 0.9rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    font-style: italic;\n    margin: 0;\n    text-align: center;\n}<\/p>\n<p>\/* Image Side *\/\n.image-side {\n    position: relative;\n}<\/p>\n<p>.sample-image-wrapper {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 12px 40px rgba(13, 115, 119, 0.15);\n    background: #f8fcfd;\n}<\/p>\n<p>.sample-image {\n    width: 100%;\n    height: auto;\n    display: block;\n}<\/p>\n<p>.image-decoration {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n}<\/p>\n<p>.decoration-dots {\n    display: flex;\n    gap: 6px;\n}<\/p>\n<p>.dot {\n    width: 8px;\n    height: 8px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    box-shadow: 0 2px 8px rgba(13, 115, 119, 0.3);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .sample-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .sample-content {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .free-sample-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .sample-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .image-side {\n        max-width: 600px;\n        margin: 0 auto;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .free-sample-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .sample-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .sample-title {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .content-side {\n        gap: 24px;\n    }<\/p>\n<p>    .header-badge {\n        padding: 7px 16px;\n        font-size: 0.8rem;\n    }<\/p>\n<p>    .benefits-highlights {\n        padding: 18px;\n    }<\/p>\n<p>    .highlight-icon {\n        width: 28px;\n        height: 28px;\n    }<\/p>\n<p>    .highlight-icon svg {\n        width: 16px;\n        height: 16px;\n    }<\/p>\n<p>    .highlight-item span {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .sample-cta-button {\n        padding: 14px 28px;\n        font-size: 1rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .free-sample-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .sample-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .sample-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .description-text {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .benefits-highlights {\n        padding: 16px;\n        gap: 10px;\n    }<\/p>\n<p>    .highlight-item {\n        gap: 10px;\n    }<\/p>\n<p>    .highlight-icon {\n        width: 24px;\n        height: 24px;\n    }<\/p>\n<p>    .highlight-icon svg {\n        width: 14px;\n        height: 14px;\n    }<\/p>\n<p>    .highlight-item span {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .sample-cta-button {\n        padding: 12px 24px;\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .button-content {\n        gap: 10px;\n    }<\/p>\n<p>    .button-icon {\n        width: 18px;\n        height: 18px;\n    }<\/p>\n<p>    .cta-note {\n        font-size: 0.85rem;\n    }\n}\n<\/style>\n<p><!-- Partner Services Section --><\/p>\n<div class=\"partner-services-section\">\n<div class=\"services-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-decoration\"><\/div>\n<h2 class=\"section-title\">Your Trusted Partner for <span class=\"title-highlight\">Larutan Kimia<\/span><\/h2>\n<p class=\"section-subtitle\">\n                LANDU | NOVASTAR\u2122 Additive Solutions for Construction and Industrial Applications\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Services Grid --><\/p>\n<div class=\"services-grid\">\n            <!-- Service 1 --><\/p>\n<div class=\"service-card featured\">\n<div class=\"card-content\">\n<div class=\"service-icon\">\n                        <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M9 11H15M9 15H15M17 21L20 18L17 15M7 21L4 18L7 15M13 3H11C9.89543 3 9 3.89543 9 5V19C9 20.1046 9.89543 21 11 21H13C14.1046 21 15 20.1046 15 19V5C15 3.89543 14.1046 3 13 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"service-title\">Laboratory Capabilities<\/h3>\n<p class=\"service-description\">\n                        Advanced R&amp;D and testing laboratories ensure product consistency and continuous innovation across all additive categories.\n                    <\/p>\n<div class=\"service-tags\">\n                        <span class=\"tag\">R&amp;D Excellence<\/span><br \/>\n                        <span class=\"tag\">Pengujian Kualitas<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/hpmc.ae\/id\/company\/innovation\/\" class=\"service-button editing\"><br \/>\n                    <span>Lihat Lebih Banyak<\/span><\/p>\n<div class=\"button-arrow\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<p>                <\/a>\n            <\/div>\n<p>            <!-- Service 2 --><\/p>\n<div class=\"service-card\">\n<div class=\"card-content\">\n<div class=\"service-icon\">\n                        <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M16 21V5C16 3.89543 15.1046 3 14 3H10C8.89543 3 8 3.89543 8 5V21L12 18L16 21Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"service-title\">Service Support<\/h3>\n<p class=\"service-description\">\n                        Complete customer-centered service from technical consultation to after-sales assistance for long-term project success.\n                    <\/p>\n<div class=\"service-tags\">\n                        <span class=\"tag\">24\/7 Support<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/hpmc.ae\/id\/service\/\" class=\"service-button editing\"><br \/>\n                    <span>Lihat Lebih Banyak<\/span><\/p>\n<div class=\"button-arrow\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<p>                <\/a>\n            <\/div>\n<p>            <!-- Service 3 --><\/p>\n<div class=\"service-card\">\n<div class=\"card-content\">\n<div class=\"service-icon\">\n                        <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M19 21V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V21M19 21H21M19 21H14M5 21H3M5 21H10M10 21V16C10 15.4477 10.4477 15 11 15H13C13.5523 15 14 15.4477 14 16V21M10 21H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"service-title\">Production Facilities<\/h3>\n<p class=\"service-description\">\n                        Automated production lines with robust quality control deliver large-scale capacity and reliable supply globally.\n                    <\/p>\n<div class=\"service-tags\">\n                        <span class=\"tag\">Pasokan Global<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"service-button\" target=\"_blank\">Lihat Lebih Banyak<\/a>\n            <\/div>\n<p>            <!-- Service 4 --><\/p>\n<div class=\"service-card\">\n<div class=\"card-content\">\n<div class=\"service-icon\">\n                        <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M20 7L12 3L4 7M20 7L12 11M20 7V17L12 21M12 11L4 7M12 11V21M4 7V17L12 21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"service-title\">OEM Solutions<\/h3>\n<p class=\"service-description\">\n                        Tailor-made formulations with custom packaging and labeling to strengthen your brand identity and market presence.\n                    <\/p>\n<div class=\"service-tags\">\n                        <span class=\"tag\">Custom Brand<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/hpmc.ae\/id\/service\/formulation-development\/\" class=\"service-button editing\"><br \/>\n                    <span>Lihat Lebih Banyak<\/span><\/p>\n<div class=\"button-arrow\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<p>                <\/a>\n            <\/div>\n<p>            <!-- Service 5 --><\/p>\n<div class=\"service-card\">\n<div class=\"card-content\">\n<div class=\"service-icon\">\n                        <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M21 16V8C20.9996 7.64928 20.9071 7.30481 20.7315 7.00116C20.556 6.69751 20.3037 6.44536 20 6.27L13 2.27C12.696 2.09446 12.3511 2.00205 12 2.00205C11.6489 2.00205 11.304 2.09446 11 2.27L4 6.27C3.69626 6.44536 3.44398 6.69751 3.26846 7.00116C3.09294 7.30481 3.00036 7.64928 3 8V16C3.00036 16.3507 3.09294 16.6952 3.26846 16.9988C3.44398 17.3025 3.69626 17.5546 4 17.73L11 21.73C11.304 21.9055 11.6489 21.9979 12 21.9979C12.3511 21.9979 12.696 21.9055 13 21.73L20 17.73C20.3037 17.5546 20.556 17.3025 20.7315 16.9988C20.9071 16.6952 20.9996 16.3507 21 16Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"service-title\">Global Delivery<\/h3>\n<p class=\"service-description\">\n                        Flexible payment options (T\/T, L\/C, O\/A) with international trade terms and fast worldwide shipping.\n                    <\/p>\n<div class=\"service-tags\">\n                        <span class=\"tag\">Worldwide<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/hpmc.ae\/id\/service\/pre-sales-service\/\" class=\"service-button editing\"><br \/>\n                    <span>Lihat Lebih Banyak<\/span><\/p>\n<div class=\"button-arrow\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<p>                <\/a>\n            <\/div>\n<p>            <!-- Service 6 --><\/p>\n<div class=\"service-card premium\">\n<div class=\"premium-badge\">\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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg><br \/>\n                    <span>Premium<\/span>\n                <\/div>\n<div class=\"card-content\">\n<div class=\"service-icon\">\n                        <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M17 21V13H15L12 8L9 13H7V21M17 21H19V13C19 11.8954 18.1046 11 17 11H15M17 21H7M7 21H5V13C5 11.8954 5.89543 11 7 11H9M12 8V3M10 5H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"service-title\">Dealer Network<\/h3>\n<p class=\"service-description\">\n                        Join NOVASTAR\u2122 global network with exclusive pricing, technical training, and marketing support for business growth.\n                    <\/p>\n<div class=\"service-tags\">\n                        <span class=\"tag\">Exclusive Benefits<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"service-button premium-button editing\"><br \/>\n                    <span>Join Network<\/span><\/p>\n<div class=\"button-arrow\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<p>                <\/a>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Partner Services Section *\/\n.partner-services-section {\n    width: 100%;\n    background: linear-gradient(135deg, #f8fcfd 0%, #ffffff 50%, #f0fffe 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.partner-services-section::before {\n    content: '';\n    position: absolute;\n    top: -200px;\n    right: -200px;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(13, 115, 119, 0.03) 0%, transparent 70%);\n    border-radius: 50%;\n    animation: float 20s infinite ease-in-out;\n}<\/p>\n<p>.partner-services-section::after {\n    content: '';\n    position: absolute;\n    bottom: -150px;\n    left: -150px;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(20, 160, 133, 0.04) 0%, transparent 70%);\n    border-radius: 50%;\n    animation: float 15s infinite ease-in-out reverse;\n}<\/p>\n<p>@keyframes float {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    33% { transform: translate(30px, -30px) rotate(120deg); }\n    66% { transform: translate(-20px, 20px) rotate(240deg); }\n}<\/p>\n<p>.services-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n}<\/p>\n<p>.header-decoration {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.decoration-element {\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(45deg, #0d7377, #14a085);\n    border-radius: 50%;\n    animation: pulse 2s infinite ease-in-out;\n}<\/p>\n<p>.decoration-element:nth-child(2) {\n    animation-delay: 0.3s;\n    transform: scale(1.2);\n}<\/p>\n<p>.decoration-element:nth-child(3) {\n    animation-delay: 0.6s;\n}<\/p>\n<p>@keyframes pulse {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.1); }\n}<\/p>\n<p>.section-title {\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: #0d3b3f;\n    line-height: 1.3;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.title-highlight {\n    color: #0d7377;\n    position: relative;\n}<\/p>\n<p>.title-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n    border-radius: 2px;\n    animation: expand 1s ease-out;\n}<\/p>\n<p>@keyframes expand {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.1rem;\n    color: #2c6e6f;\n    font-weight: 500;\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Services Grid *\/\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-top: 20px;\n}<\/p>\n<p>\/* Service Card *\/\n.service-card {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 0;\n    border: 2px solid #e0f2f1;\n    box-shadow: 0 8px 32px rgba(13, 115, 119, 0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 320px;\n}<\/p>\n<p>.card-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 6px;\n    background: linear-gradient(90deg, #0d7377 0%, #14a085 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.service-card:hover .card-background {\n    transform: scaleX(1);\n}<\/p>\n<p>.service-card:hover {\n    transform: translateY(-8px) scale(1.02);\n    box-shadow: 0 20px 60px rgba(13, 115, 119, 0.15);\n    border-color: #b8e6d5;\n}<\/p>\n<p>.service-card.featured {\n    border: 2px solid #0d7377;\n    background: linear-gradient(135deg, #ffffff 0%, #f8fcfd 100%);\n}<\/p>\n<p>.service-card.featured .card-background {\n    transform: scaleX(1);\n    height: 8px;\n}<\/p>\n<p>.service-card.premium {\n    border: 2px solid #14a085;\n    background: linear-gradient(135deg, #f0fffe 0%, #ffffff 100%);\n    position: relative;\n}<\/p>\n<p>.premium-badge {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: linear-gradient(135deg, #14a085 0%, #0d7377 100%);\n    color: #ffffff;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    z-index: 2;\n}<\/p>\n<p>.card-content {\n    padding: 32px 28px 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.service-icon {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #f0fffe 0%, #d0f0fd 100%);\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    border: 3px solid #b8e6d5;\n    transition: all 0.4s ease;\n    color: #0d7377;\n}<\/p>\n<p>.service-card:hover .service-icon {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    color: #ffffff;\n    transform: scale(1.1) rotate(5deg);\n    border-color: #0d7377;\n}<\/p>\n<p>.service-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #0d3b3f;\n    margin: 0 0 12px 0;\n    line-height: 1.4;\n}<\/p>\n<p>.service-description {\n    font-size: 1rem;\n    color: #3d5a5c;\n    line-height: 1.65;\n    margin: 0 0 16px 0;\n    flex: 1;\n}<\/p>\n<p>.service-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.tag {\n    background: linear-gradient(135deg, #e0f2f1 0%, #d0f0fd 100%);\n    color: #0d7377;\n    padding: 4px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    border: 1px solid #b8e6d5;\n}<\/p>\n<p>.service-button {\n    background: #ffffff;\n    color: #0d7377;\n    padding: 14px 24px;\n    border: 2px solid #0d7377;\n    border-radius: 12px;\n    text-decoration: none;\n    font-size: 1rem;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 20px 28px 28px;\n}<\/p>\n<p>.service-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n    transition: left 0.4s ease;\n    z-index: 1;\n}<\/p>\n<p>.service-button:hover::before {\n    left: 0;\n}<\/p>\n<p>.service-button:hover {\n    color: #ffffff;\n    border-color: #0d7377;\n}<\/p>\n<p>.service-button span,\n.button-arrow {\n    position: relative;\n    z-index: 2;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.service-button:hover .button-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>.premium-button {\n    background: linear-gradient(135deg, #14a085 0%, #0d7377 100%);\n    color: #ffffff;\n    border: none;\n}<\/p>\n<p>.premium-button::before {\n    background: linear-gradient(135deg, #0d7377 0%, #14a085 100%);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .services-container {\n        padding: 0 35px;\n    }<\/p>\n<p>    .services-grid {\n        gap: 28px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .partner-services-section {\n        padding: 70px 0;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 50px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .services-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }<\/p>\n<p>    .service-card {\n        min-height: 300px;\n    }<\/p>\n<p>    .card-content {\n        padding: 28px 24px 16px;\n    }<\/p>\n<p>    .service-icon {\n        width: 70px;\n        height: 70px;\n    }<\/p>\n<p>    .service-button {\n        margin: 16px 24px 24px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .partner-services-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .services-container {\n        padding: 0 25px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .services-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .service-card {\n        min-height: 280px;\n    }<\/p>\n<p>    .card-content {\n        padding: 24px 20px 12px;\n    }<\/p>\n<p>    .service-icon {\n        width: 64px;\n        height: 64px;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .service-title {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .service-description {\n        font-size: 0.95rem;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .service-button {\n        margin: 12px 20px 20px;\n        padding: 12px 20px;\n        font-size: 0.95rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .partner-services-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .services-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .service-card {\n        min-height: 260px;\n    }<\/p>\n<p>    .card-content {\n        padding: 20px 18px 10px;\n    }<\/p>\n<p>    .service-icon {\n        width: 56px;\n        height: 56px;\n        margin-bottom: 14px;\n    }<\/p>\n<p>    .service-title {\n        font-size: 1.15rem;\n    }<\/p>\n<p>    .service-description {\n        font-size: 0.9rem;\n        margin-bottom: 10px;\n    }<\/p>\n<p>    .service-button {\n        margin: 10px 18px 18px;\n        padding: 11px 18px;\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .tag {\n        font-size: 0.75rem;\n        padding: 3px 10px;\n    }<\/p>\n<p>    .premium-badge {\n        top: 12px;\n        right: 12px;\n        padding: 4px 8px;\n        font-size: 0.7rem;\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\">About NOVASTAR\u2122 Gypsum Retarder<\/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 it used for --><\/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=\"M3 21h18l-9-18-9 18Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 9v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 17h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>What is NOVASTAR\u2122 Gypsum Retarder used for?<\/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 Gypsum Retarder is a <strong>protein-based additive<\/strong> designed to control and extend the setting time of gypsum-based materials such as plaster, wall putty, self-leveling compounds, and gypsum boards.\n                        <\/p>\n<p>\n                            This specialized retarder ensures sufficient working time for mixing and finishing without compromising final product strength, making it an essential component for professional construction and manufacturing applications.\n                        <\/p>\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=\"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=\"highlight-text\">\n                                <strong>Perfect for:<\/strong> Plaster applications, wall putty formulations, self-leveling compounds, and gypsum board manufacturing where extended working time is crucial.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 2: Dosage --><\/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=\"M9 2v6h6V2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 8v13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M17 3h4v18c-2.5-2-4-2-4-2s-1.5 0-4 2c-2.5-2-4-2-4-2s-1.5 0-4 2V3h4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>How much NOVASTAR\u2122 Gypsum Retarder should be added?<\/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                            The recommended dosage is typically <strong>0.05%\u20130.3% of the total gypsum weight<\/strong>cURL Too many subrequests.\n                        <\/p>\n<div class=\"dosage-guide\">\n<div class=\"guide-header\">\n<h4>cURL Too many subrequests.<\/h4>\n<\/p><\/div>\n<div class=\"dosage-row\">\n<div class=\"dosage-range\">0.05% &#8211; 0.1%<\/div>\n<div class=\"dosage-desc\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"dosage-row\">\n<div class=\"dosage-range\">0.1% &#8211; 0.2%<\/div>\n<div class=\"dosage-desc\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"dosage-row\">\n<div class=\"dosage-range\">0.2% &#8211; 0.3%<\/div>\n<div class=\"dosage-desc\">cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/strong> cURL Too many subrequests.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 3: Strength Impact --><\/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>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/strong> cURL Too many subrequests.\n                        <\/p>\n<p>\n                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"strength-comparison\">\n<div class=\"comparison-header\">\n<h4>cURL Too many subrequests.<\/h4>\n<\/p><\/div>\n<div class=\"strength-grid\">\n<div class=\"strength-card negative\">\n<div class=\"strength-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z\" stroke=\"#dc2626\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>cURL Too many subrequests.<\/h5>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<div class=\"strength-card positive\">\n<div class=\"strength-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                            <path d=\"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" stroke=\"#16a34a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n<h5>cURL Too many subrequests.<\/h5>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/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=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"highlight-text\">\n                                cURL Too many subrequests.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 4: Compatibility --><\/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=\"M8 2v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M16 2v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"><\/rect>\n                                <path d=\"M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M8 14h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 14h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M16 14h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M8 18h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 18h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M16 18h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>cURL Too many subrequests.<\/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>Yes.<\/strong> cURL Too many subrequests.\n                        <\/p>\n<div class=\"compatibility-list\">\n<div class=\"compatibility-header\">\n<h4>Compatible with:<\/h4>\n<\/p><\/div>\n<div class=\"compat-row\">\n<div class=\"compat-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=\"compat-content\">\n<h5>PCE-based Superplasticizers<\/h5>\n<p>Works seamlessly with polycarboxylate ether superplasticizers<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"compat-row\">\n<div class=\"compat-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=\"compat-content\">\n<h5>Accelerators<\/h5>\n<p>Can be combined with setting accelerators for fine-tuned control<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"compat-row\">\n<div class=\"compat-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=\"compat-content\">\n<h5>Performance Modifiers<\/h5>\n<p>Compatible with various strength enhancers and workability improvers<\/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>Best Practice:<\/strong> Compatibility testing is recommended when introducing new formulations or additives to ensure optimal performance in your specific application.\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>Our technical team is ready to help you find the perfect solution for your gypsum formulation needs.<\/p>\n<div class=\"contact-methods\">\n<div class=\"method-item\">\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><\/div>\n<div class=\"method-item\">\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 150 693 53616<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"method-item\">\n<div class=\"method-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" 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\">Obrolan Langsung<\/span><br \/>\n                                <span class=\"method-value\">Tersedia 24\/7<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"contact-btn\" type=\"button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Hubungi Dukungan Teknis<\/button><br \/>\n<\/a><\/p><\/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>\/* Dosage Guide *\/\n.dosage-guide {\n    margin: 20px 0;\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.guide-header {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    padding: 12px 16px;\n}<\/p>\n<p>.guide-header h4 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.dosage-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    border-top: 1px solid #e2e8f0;\n}<\/p>\n<p>.dosage-range {\n    width: 120px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #16a34a;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    padding: 6px 12px;\n    border-radius: 6px;\n    text-align: center;\n    margin-right: 16px;\n    flex-shrink: 0;\n}<\/p>\n<p>.dosage-desc {\n    flex: 1;\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.5;\n}<\/p>\n<p>\/* Strength Comparison *\/\n.strength-comparison {\n    margin: 20px 0;\n}<\/p>\n<p>.comparison-header {\n    margin-bottom: 16px;\n}<\/p>\n<p>.comparison-header h4 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.strength-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n}<\/p>\n<p>.strength-card {\n    padding: 16px;\n    border-radius: 12px;\n    text-align: center;\n}<\/p>\n<p>.strength-card.negative {\n    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, rgba(220, 38, 38, 0.05) 100%);\n    border: 1px solid rgba(239, 68, 68, 0.2);\n}<\/p>\n<p>.strength-card.positive {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.strength-icon {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 8px;\n}<\/p>\n<p>.strength-card h5 {\n    margin: 0 0 8px 0;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.strength-card p {\n    margin: 0;\n    font-size: 0.8rem;\n    color: #64748b;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Compatibility List *\/\n.compatibility-list {\n    margin: 20px 0;\n}<\/p>\n<p>.compatibility-header {\n    margin-bottom: 16px;\n}<\/p>\n<p>.compatibility-header h4 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.compat-row {\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>.compat-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.compat-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>.compat-content h5 {\n    margin: 0 0 4px 0;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.compat-content p {\n    margin: 0;\n    font-size: 0.8rem;\n    color: #64748b;\n    line-height: 1.4;\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}<\/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}<\/p>\n<p>.contact-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.contact-btn svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.contact-btn:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .faq-wrapper {\n        padding: 0 30px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .faq-content {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .contact-column {\n        order: -1;\n    }<\/p>\n<p>    .contact-card {\n        position: static;\n    }<\/p>\n<p>    .strength-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>    .dosage-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n    }<\/p>\n<p>    .dosage-range {\n        width: auto;\n        margin-right: 0;\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>NOVASTAR\u2122 Gypsum Retarder Powered by LANDU, NOVASTAR delivers high-performance amino-based retardation technology for superior gypsum setting time control, strength retention, and broad system compatibility. Extend Setting Time Precise control for optimal workability Maintain Strength Superior mechanical properties retention System Compatible Works with various gypsum types China Manufacturer OEM Custom Solutions LANDU Engineering NH\u2082 COOH OH [&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-5174","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5174","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=5174"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5174\/revisions"}],"predecessor-version":[{"id":5175,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5174\/revisions\/5175"}],"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=5174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}