{"id":5145,"date":"2025-12-01T02:59:35","date_gmt":"2025-12-01T02:59:35","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5145"},"modified":"2025-12-22T05:11:59","modified_gmt":"2025-12-22T05:11:59","slug":"pce-superplasticizer-for-concrete","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/nn\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/","title":{"rendered":"Empowering Concrete Innovation with NOVASTAR PCE Superplasticizer"},"content":{"rendered":"<div class=\"banner\">\n    <!-- Background layers --><\/p>\n<div class=\"background-layers\"><\/div>\n<p>    <!-- Geometric decoration elements --><\/p>\n<div class=\"geometric-elements\"><\/div>\n<p>    <!-- Main content --><\/p>\n<div class=\"main-content\">\n<div class=\"content-left\">\n<div class=\"title-section\">\n<h1 class=\"main-title\">\n                    <span class=\"title-line-1\">NOVASTAR PCE<\/span><br \/>\n                    <span class=\"title-line-2\">Superplasticizer<\/span><br \/>\n                <\/h1>\n<div class=\"subtitle\">\n                    Engineered by LANDU, NOVASTAR delivers high-range water-reducing performance for superior concrete strength, durability, and flowability.\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>Advanced PCE Technology<\/h3>\n<p>Polycarboxylate Ether innovation<\/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>System Kompatibel<\/h3>\n<p>Cement, Mortar &amp; Gypsum systems<\/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>Custom OEM Solutions<\/h3>\n<p>Formulation &amp; Technical Support<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<div class=\"quality-badges\">\n<div class=\"badge\">ISO Certified<\/div>\n<div class=\"badge\">CNAS Approved<\/div>\n<div class=\"badge\">LANDU Ingeni\u00f8rvitskap<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-right\">\n<div class=\"visual-section\">\n                <!-- PCE molecular structure diagram --><\/p>\n<div class=\"molecule-diagram\">\n<div class=\"molecule-center\"><\/div>\n<div class=\"molecule-bonds\"><\/div>\n<div class=\"molecule-groups\">\n<div class=\"group group-1\">COO\u207b<\/div>\n<div class=\"group group-2\">SO\u2083\u207b<\/div>\n<div class=\"group group-3\">CH\u2082<\/div>\n<div class=\"group group-4\">OCH\u2083<\/div>\n<div class=\"group group-5\">PCE<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Application areas --><\/p>\n<div class=\"applications\">\n<div class=\"app-item concrete\">\n<p>                        <span>High-Performance Concrete<\/span>\n                    <\/div>\n<div class=\"app-item precast\">\n<p>                        <span>Precast Elements<\/span>\n                    <\/div>\n<div class=\"app-item ready-mix\">\n<p>                        <span>Ready-Mix Concrete<\/span>\n                    <\/div>\n<div class=\"app-item self-leveling\">\n<p>                        <span>Selvutjevnande blandingar<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Performance indicators --><\/p>\n<div class=\"performance-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">40%<\/div>\n<div class=\"stat-label\">Water Reduction<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">120min<\/div>\n<div class=\"stat-label\">Workability Time<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">+30%<\/div>\n<div class=\"stat-label\">Strength Gain<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.banner {\n    width: 100%;\n    min-height: 100vh;\n    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 80px 0;\n}<\/p>\n<p>\/* Background layers *\/\n.background-layers {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.layer {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.4;\n}<\/p>\n<p>.layer-1 {\n    width: 300px;\n    height: 300px;\n    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n    top: -50px;\n    right: -50px;\n}<\/p>\n<p>.layer-2 {\n    width: 200px;\n    height: 200px;\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n    bottom: 20%;\n    left: 10%;\n}<\/p>\n<p>.layer-3 {\n    width: 150px;\n    height: 150px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    top: 30%;\n    left: 70%;\n}<\/p>\n<p>\/* Geometric decoration *\/\n.geometric-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0.6;\n}<\/p>\n<p>.shape {\n    position: absolute;\n}<\/p>\n<p>.circle-1 {\n    width: 60px;\n    height: 60px;\n    background: #1e40af;\n    border-radius: 50%;\n    top: 15%;\n    left: 15%;\n    opacity: 0.2;\n}<\/p>\n<p>.circle-2 {\n    width: 40px;\n    height: 40px;\n    background: #0ea5e9;\n    border-radius: 50%;\n    bottom: 25%;\n    right: 20%;\n    opacity: 0.3;\n}<\/p>\n<p>.triangle-1 {\n    width: 0;\n    height: 0;\n    border-left: 25px solid transparent;\n    border-right: 25px solid transparent;\n    border-bottom: 40px solid #0284c7;\n    opacity: 0.2;\n    top: 60%;\n    left: 25%;\n}<\/p>\n<p>.square-1 {\n    width: 35px;\n    height: 35px;\n    background: #0369a1;\n    opacity: 0.2;\n    top: 25%;\n    right: 30%;\n    transform: rotate(45deg);\n}<\/p>\n<p>.line-element {\n    position: absolute;\n    background: linear-gradient(90deg, #64748b 0%, transparent 100%);\n    height: 2px;\n    opacity: 0.3;\n}<\/p>\n<p>.line-1 {\n    width: 150px;\n    top: 40%;\n    left: 5%;\n    transform: rotate(15deg);\n}<\/p>\n<p>.line-2 {\n    width: 120px;\n    bottom: 30%;\n    right: 10%;\n    transform: rotate(-25deg);\n}<\/p>\n<p>\/* Main content *\/\n.main-content {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 80px;\n    max-width: 1400px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.content-left {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 32px;\n}<\/p>\n<p>.title-section {\n    margin-bottom: 8px;\n}<\/p>\n<p>.main-title {\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 24px;\n    color: #1e293b;\n}<\/p>\n<p>.title-line-1 {\n    display: block;\n    color: #1e40af;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.title-line-2 {\n    display: block;\n    color: #475569;\n}<\/p>\n<p>.subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.7;\n    max-width: 560px;\n    font-weight: 400;\n}<\/p>\n<p>\/* Features grid *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}<\/p>\n<p>.feature-card {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 24px 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    background: rgba(255, 255, 255, 0.95);\n}<\/p>\n<p>.feature-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n}<\/p>\n<p>.technology .feature-icon {\n    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n}<\/p>\n<p>.compatibility .feature-icon {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n}<\/p>\n<p>.support .feature-icon {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}<\/p>\n<p>.icon-molecule {\n    width: 24px;\n    height: 24px;\n    background: #1e40af;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-molecule::before,\n.icon-molecule::after {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 2px;\n    background: #1e40af;\n    top: 50%;\n    left: 50%;\n}<\/p>\n<p>.icon-molecule::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n}<\/p>\n<p>.icon-molecule::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n}<\/p>\n<p>.icon-layers {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(to bottom, \n        #0ea5e9 0%, #0ea5e9 6px, \n        transparent 6px, transparent 10px,\n        #0ea5e9 10px, #0ea5e9 16px,\n        transparent 16px, transparent 20px,\n        #0ea5e9 20px, #0ea5e9 24px\n    );\n    border-radius: 2px;\n}<\/p>\n<p>.icon-support {\n    width: 24px;\n    height: 24px;\n    background: #0284c7;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-support::before {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    border: 2px solid #0284c7;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: transparent;\n}<\/p>\n<p>.feature-text h3 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>\/* CTA section *\/\n.cta-section {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n}<\/p>\n<p>.quality-badges {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.badge {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    color: #475569;\n    padding: 10px 18px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>\/* Right visual section *\/\n.content-right {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.visual-section {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n}<\/p>\n<p>\/* PCE molecular diagram *\/\n.molecule-diagram {\n    position: relative;\n    width: 220px;\n    height: 220px;\n    margin: 0 auto 40px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.molecule-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.atom-core {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.molecule-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    background: linear-gradient(90deg, #64748b 0%, #94a3b8 100%);\n    height: 2px;\n    border-radius: 1px;\n}<\/p>\n<p>.bond-1 {\n    width: 50px;\n    top: 30%;\n    left: 20px;\n    transform: translateY(-50%) rotate(30deg);\n}<\/p>\n<p>.bond-2 {\n    width: 50px;\n    top: 30%;\n    right: 20px;\n    transform: translateY(-50%) rotate(-30deg);\n}<\/p>\n<p>.bond-3 {\n    width: 50px;\n    top: 70%;\n    left: 20px;\n    transform: translateY(-50%) rotate(-30deg);\n}<\/p>\n<p>.bond-4 {\n    width: 50px;\n    top: 70%;\n    right: 20px;\n    transform: translateY(-50%) rotate(30deg);\n}<\/p>\n<p>.bond-5 {\n    width: 45px;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.bond-6 {\n    width: 45px;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.molecule-groups {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.group {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    padding: 5px 10px;\n    border-radius: 8px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    font-family: 'Courier New', monospace;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.group-1 {\n    top: 8px;\n    left: 8px;\n}<\/p>\n<p>.group-2 {\n    top: 8px;\n    right: 8px;\n}<\/p>\n<p>.group-3 {\n    bottom: 8px;\n    left: 8px;\n}<\/p>\n<p>.group-4 {\n    bottom: 8px;\n    right: 8px;\n}<\/p>\n<p>.group-5 {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(30, 64, 175, 0.1);\n    color: #1e40af;\n    font-weight: 700;\n}<\/p>\n<p>\/* Application areas *\/\n.applications {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.app-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    padding: 14px 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    font-size: 0.9rem;\n    color: #475569;\n    font-weight: 500;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.app-item:hover {\n    background: rgba(255, 255, 255, 0.9);\n    transform: translateY(-2px);\n}<\/p>\n<p>.app-icon-simple {\n    width: 22px;\n    height: 22px;\n    background: linear-gradient(135deg, #64748b 0%, #94a3b8 100%);\n    border-radius: 4px;\n    flex-shrink: 0;\n}<\/p>\n<p>.concrete .app-icon-simple {\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n}<\/p>\n<p>.precast .app-icon-simple {\n    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);\n}<\/p>\n<p>.ready-mix .app-icon-simple {\n    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);\n}<\/p>\n<p>.self-leveling .app-icon-simple {\n    background: linear-gradient(135deg, #0369a1 0%, #1e40af 100%);\n}<\/p>\n<p>\/* Performance statistics *\/\n.performance-stats {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    padding: 20px 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n    flex: 1;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 6px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.4;\n}<\/p>\n<p>\/* Responsive design *\/\n@media (max-width: 1200px) {\n    .main-content {\n        padding: 0 40px;\n        gap: 60px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 3rem;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .banner {\n        padding: 60px 0;\n    }<\/p>\n<p>    .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 0 40px;\n    }<\/p>\n<p>    .content-left {\n        text-align: center;\n        align-items: center;\n    }<\/p>\n<p>    .subtitle {\n        max-width: 100%;\n    }<\/p>\n<p>    .main-title {\n        font-size: 3rem;\n    }<\/p>\n<p>    .features-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n        max-width: 800px;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .banner {\n        min-height: auto;\n        padding: 50px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 24px;\n        gap: 40px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 20px;\n    }<\/p>\n<p>    .applications {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .performance-stats {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .molecule-diagram {\n        width: 200px;\n        height: 200px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .banner {\n        padding: 40px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 20px;\n        gap: 32px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .quality-badges {\n        justify-content: center;\n    }<\/p>\n<p>    .badge {\n        font-size: 0.85rem;\n        padding: 8px 14px;\n    }<\/p>\n<p>    .molecule-diagram {\n        width: 180px;\n        height: 180px;\n    }<\/p>\n<p>    .geometric-elements {\n        opacity: 0.3;\n    }<\/p>\n<p>    .app-item {\n        font-size: 0.85rem;\n        padding: 12px 14px;\n    }<\/p>\n<p>    .stat-number {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .stat-label {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n<section class=\"pce-content\">\n<div class=\"container\">\n        <!-- Header --><\/p>\n<div class=\"content-header\">\n<h2 class=\"main-title\">\n                <span class=\"title-primary\">PCE-Based Superplasticizer<\/span><br \/>\n                <span class=\"title-secondary\">NOVASTAR av LANDU<\/span><br \/>\n            <\/h2>\n<p class=\"description\">\n                At LANDU, we bring advanced concrete chemistry to the construction sector through our NOVASTAR line, specializing in polycarboxylate ether (PCE) superplasticizer powder. Engineered for modern concrete and mortar applications, our product delivers exceptional water-reduction capabilities while maintaining structural integrity and performance.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Grid --><\/p>\n<div class=\"content-wrapper\">\n            <!-- Left Side - Advantages --><\/p>\n<div class=\"advantages-container\">\n<h3 class=\"section-title\">Key Advantages of NOVASTAR PCE<\/h3>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper blue\"><\/div>\n<div class=\"card-content\">\n<h4>Outstanding Water Reduction<\/h4>\n<p>Obtain superior workability using significantly less water.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper cyan\"><\/div>\n<div class=\"card-content\">\n<h4>Enhanced Fluidity &amp; Uniform Dispersion<\/h4>\n<p>Promote optimal concrete flow and precise particle separation.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper green\"><\/div>\n<div class=\"card-content\">\n<h4>Consistent Quality<\/h4>\n<p>Every production batch undergoes rigorous testing to guarantee stable and predictable results.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"advantage-card\">\n<div class=\"icon-wrapper orange\"><\/div>\n<div class=\"card-content\">\n<h4>Economical Formulation<\/h4>\n<p>Reduce overall mix costs without sacrificing performance parameters.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Side - Image & Specs --><\/p>\n<div class=\"product-container\">\n<div class=\"product-image-card\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-samples.jpg\" alt=\"LANDU Polycarboxylate Superplasticizer Samples\" class=\"product-img\"><\/p>\n<div class=\"image-badge\">F\u00f8rsteklasses Kvalitet<\/div>\n<\/p><\/div>\n<div class=\"specs-card\">\n<h4>Technical Excellence<\/h4>\n<div class=\"spec-item\">\n                        <span class=\"spec-number\">35-40%<\/span><br \/>\n                        <span class=\"spec-label\">Water Reduction Rate<\/span>\n                    <\/div>\n<div class=\"spec-item\">\n                        <span class=\"spec-number\">180min<\/span><br \/>\n                        <span class=\"spec-label\">Slump Retention<\/span>\n                    <\/div>\n<div class=\"spec-item\">\n                        <span class=\"spec-number\">+25%<\/span><br \/>\n                        <span class=\"spec-label\">Early Strength<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Solutions Section --><\/p>\n<div class=\"solutions-section\">\n<div class=\"solutions-header\">\n<div class=\"solutions-icon\"><\/div>\n<div>\n<h3>Custom-Engineered OEM Solutions<\/h3>\n<p>Tailored formulations for your specific requirements<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"solutions-body\">\n<div class=\"solutions-text\">\n<p>Our skilled technical team works closely with clients to design and adapt formulations for specific cement and mortar systems. Whether you require a specialized PCE molecular structure or expert advice on additive compatibility \u2014 including defoamer optimization \u2014 we ensure dependable, high-performance mixes tailored to your project requirements.<\/p>\n<\/p><\/div>\n<div class=\"solutions-features\">\n<div class=\"feature\">\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<div class=\"feature\">\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<div class=\"feature\">\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<div class=\"feature\">\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Quality Footer --><\/p>\n<div class=\"quality-section\">\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>cURL Too many subrequests.<\/strong><br \/>\n                    <span>cURL Too many subrequests.<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>cURL Too many subrequests.<\/strong><br \/>\n                    <span>cURL Too many subrequests.<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>Teknisk st\u00f8tte<\/strong><br \/>\n                    <span>Expert Consultation<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"quality-item\">\n<div class=\"quality-icon\"><\/div>\n<div>\n                    <strong>Global forsyning<\/strong><br \/>\n                    <span>cURL Too many subrequests.<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n.pce-content {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n    padding: 50px 0;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.pce-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 80% 80%, rgba(14, 165, 233, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 40% 60%, rgba(16, 185, 129, 0.05) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Header Styles *\/\n.content-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.main-title {\n    font-size: 2.8rem;\n    font-weight: 700;\n    margin-bottom: 12px;\n    line-height: 1.2;\n}<\/p>\n<p>.title-primary {\n    display: block;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.title-secondary {\n    display: block;\n    color: #475569;\n    font-size: 2.2rem;\n}<\/p>\n<p>.subtitle {\n    font-size: 1.4rem;\n    color: #64748b;\n    margin-bottom: 16px;\n    font-weight: 500;\n}<\/p>\n<p>.description {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* Content Wrapper *\/\n.content-wrapper {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 40px;\n    margin-bottom: 40px;\n}<\/p>\n<p>\/* Advantages Container *\/\n.advantages-container {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border-radius: 20px;\n    padding: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.section-title {\n    font-size: 1.8rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.advantage-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 16px;\n    margin-bottom: 12px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.advantage-card:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.advantage-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n    background: rgba(255, 255, 255, 0.95);\n}<\/p>\n<p>.icon-wrapper {\n    width: 52px;\n    height: 52px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.blue { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n.cyan { background: linear-gradient(135deg, #cffafe 0%, #a5f3fc 100%); }\n.green { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); }\n.orange { background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%); }<\/p>\n<p>.icon-drop {\n    width: 24px;\n    height: 24px;\n    background: #1e40af;\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n}<\/p>\n<p>.icon-flow {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(90deg, #0ea5e9 0%, #0ea5e9 40%, transparent 40%, transparent 60%, #0ea5e9 60%);\n    border-radius: 2px;\n}<\/p>\n<p>.icon-check {\n    width: 24px;\n    height: 24px;\n    background: #10b981;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-check::after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 12px;\n    border: 2px solid white;\n    border-top: 0;\n    border-left: 0;\n    transform: rotate(45deg);\n    top: 4px;\n    left: 7px;\n}<\/p>\n<p>.icon-dollar {\n    width: 24px;\n    height: 24px;\n    background: #f59e0b;\n    border-radius: 4px;\n    position: relative;\n}<\/p>\n<p>.icon-dollar::before {\n    content: '$';\n    position: absolute;\n    color: white;\n    font-weight: bold;\n    font-size: 14px;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.card-content h4 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 6px;\n    line-height: 1.3;\n}<\/p>\n<p>.card-content p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>\/* Product Container *\/\n.product-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.product-image-card {\n    position: relative;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 180px;\n    object-fit: cover;\n    border-radius: 12px;\n    display: block;\n}<\/p>\n<p>.image-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(30, 64, 175, 0.9);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.9rem;\n    font-weight: 600;\n}<\/p>\n<p>.specs-card {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.specs-card h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 15px;\n    text-align: center;\n}<\/p>\n<p>.spec-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px;\n    margin-bottom: 8px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n}<\/p>\n<p>.spec-item:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.spec-number {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 4px;\n}<\/p>\n<p>.spec-label {\n    font-size: 0.95rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>\/* Solutions Section *\/\n.solutions-section {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border-radius: 20px;\n    padding: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    margin-bottom: 40px;\n}<\/p>\n<p>.solutions-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.solutions-icon {\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.icon-gear {\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-gear::before {\n    content: '';\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    border: 2px solid #1e40af;\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.solutions-header h3 {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.solutions-header p {\n    font-size: 1.1rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.solutions-body {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 30px;\n}<\/p>\n<p>.solutions-text p {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin: 0;\n}<\/p>\n<p>.solutions-features {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}<\/p>\n<p>.feature {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 10px 16px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 8px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    font-size: 1rem;\n    color: #475569;\n}<\/p>\n<p>.bullet {\n    width: 8px;\n    height: 8px;\n    background: #1e40af;\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>\/* Quality Section *\/\n.quality-section {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(10px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.quality-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}<\/p>\n<p>.quality-icon {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    flex-shrink: 0;\n}<\/p>\n<p>.icon-cert, .icon-lab, .icon-support, .icon-globe {\n    width: 24px;\n    height: 24px;\n    background: #1e40af;\n    border-radius: 3px;\n}<\/p>\n<p>.quality-item div:last-child {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.quality-item strong {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.quality-item span {\n    font-size: 0.9rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }<\/p>\n<p>    .solutions-body {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .quality-section {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .pce-content {\n        padding: 40px 0;\n    }<\/p>\n<p>    .container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .main-title {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .title-secondary {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .description {\n        font-size: 1rem;\n    }<\/p>\n<p>    .content-header {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .content-wrapper {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .solutions-section {\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .advantages-container,\n    .solutions-section {\n        padding: 24px;\n    }<\/p>\n<p>    .solutions-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .quality-section {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        padding: 20px;\n    }<\/p>\n<p>    .advantage-card {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n        padding: 12px;\n    }<\/p>\n<p>    .product-img {\n        height: 140px;\n    }<\/p>\n<p>    .card-content h4 {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .card-content p {\n        font-size: 0.95rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .main-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-secondary {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .advantages-container,\n    .solutions-section,\n    .product-image-card,\n    .specs-card {\n        padding: 16px;\n    }<\/p>\n<p>    .content-wrapper {\n        gap: 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .solutions-header h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .solutions-header p {\n        font-size: 1rem;\n    }<\/p>\n<p>    .solutions-text p {\n        font-size: 1rem;\n    }<\/p>\n<p>    .feature {\n        font-size: 0.95rem;\n        padding: 8px 12px;\n    }\n}\n<\/style>\n<section class=\"pce-definition\">\n<div class=\"container\">\n        <!-- Header --><\/p>\n<div class=\"definition-header\">\n<h2 class=\"main-question\">cURL Too many subrequests.<\/h2>\n<div class=\"answer-content\">\n<p class=\"primary-definition\">\n                    cURL Too many subrequests.\n                <\/p>\n<p class=\"mechanism-explanation\">\n                    cURL Too many subrequests.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Main Content - Two Column Layout --><\/p>\n<div class=\"main-content-wrapper\">\n            <!-- Left Column - 70% --><\/p>\n<div class=\"left-column\">\n                <!-- Core Advantages --><\/p>\n<div class=\"advantages-section\">\n<h3 class=\"section-title\">cURL Too many subrequests.<\/h3>\n<div class=\"advantage-list\">\n<div class=\"advantage-item water-reduction\">\n<div class=\"advantage-content\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<p>                                <span class=\"performance-badge\">cURL Too many subrequests.<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"advantage-item strength-durability\">\n<div class=\"advantage-content\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<p>                                <span class=\"performance-badge\">cURL Too many subrequests.<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"advantage-item workability\">\n<div class=\"advantage-content\">\n<h4>Overlegen arbeidsbarheit<\/h4>\n<p>Perfect for intricate formwork and areas with heavy reinforcement.<\/p>\n<p>                                <span class=\"performance-badge\">240min flow time<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"advantage-item construction\">\n<div class=\"advantage-content\">\n<h4>Accelerated Construction<\/h4>\n<p>Streamlines placement, minimizes labor effort, and shortens project schedules.<\/p>\n<p>                                <span class=\"performance-badge\">Faster completion<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Process Flow --><\/p>\n<div class=\"process-section\">\n<h3 class=\"process-title\">How PCE Technology Works<\/h3>\n<div class=\"process-steps\">\n<div class=\"process-step\">\n<div class=\"step-number\">1<\/div>\n<div class=\"step-content\">\n<h4>Polymer Adsorption<\/h4>\n<p>PCE molecules attach to cement particles through electrostatic attraction<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"process-step\">\n<div class=\"step-number\">2<\/div>\n<div class=\"step-content\">\n<h4>Steric Dispersion<\/h4>\n<p>Side chains create repulsive forces preventing particle agglomeration<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"process-step\">\n<div class=\"step-number\">3<\/div>\n<div class=\"step-content\">\n<h4>Enhanced Flow<\/h4>\n<p>Reduced water demand with dramatically improved workability<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column - 30% --><\/p>\n<div class=\"right-column\">\n                <!-- Molecular Structure --><\/p>\n<div class=\"molecular-card\">\n<h4>PCE Molecular Structure<\/h4>\n<div class=\"molecular-diagram\">\n<div class=\"polymer-backbone\"><\/div>\n<div class=\"side-chains\">\n<div class=\"side-chain chain-1\"><\/div>\n<div class=\"side-chain chain-2\"><\/div>\n<div class=\"side-chain chain-3\"><\/div>\n<\/p><\/div>\n<div class=\"functional-groups\">\n                            <span class=\"group-label carboxyl\">COO\u207b<\/span><br \/>\n                            <span class=\"group-label sulfonate\">SO\u2083\u207b<\/span><br \/>\n                            <span class=\"group-label ether\">EO\/PO<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Performance Metrics --><\/p>\n<div class=\"metrics-card\">\n<h4>Performance Metrics<\/h4>\n<div class=\"metrics-grid\">\n<div class=\"metric-item\">\n<div class=\"metric-value\">45%<\/div>\n<div class=\"metric-label\">Water Reduction<\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-value\">35%<\/div>\n<div class=\"metric-label\">Strength Increase<\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-value\">240min<\/div>\n<div class=\"metric-label\">Workability Time<\/div>\n<\/p><\/div>\n<div class=\"metric-item\">\n<div class=\"metric-value\">99%<\/div>\n<div class=\"metric-label\">Particle Dispersion<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Applications --><\/p>\n<div class=\"applications-section\">\n<h3 class=\"applications-title\">Key Applications<\/h3>\n<div class=\"applications-list\">\n<div class=\"application-tag\">High-Rise Construction<\/div>\n<div class=\"application-tag\">Precast Elements<\/div>\n<div class=\"application-tag\">Infrastructure Projects<\/div>\n<div class=\"application-tag\">Marine Structures<\/div>\n<div class=\"application-tag\">Self-Consolidating Concrete<\/div>\n<div class=\"application-tag\">High-Performance Concrete<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n.pce-definition {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n    padding: 60px 0;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.pce-definition::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(14, 165, 233, 0.06) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Header *\/\n.definition-header {\n    text-align: center;\n    margin-bottom: 50px;\n}<\/p>\n<p>.main-question {\n    font-size: 2.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 24px;\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.answer-content {\n    max-width: 1000px;\n    margin: 0 auto;\n}<\/p>\n<p>.primary-definition {\n    font-size: 1.15rem;\n    line-height: 1.8;\n    color: #475569;\n    margin-bottom: 16px;\n    font-weight: 500;\n}<\/p>\n<p>.mechanism-explanation {\n    font-size: 1.05rem;\n    line-height: 1.8;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Main Content Wrapper - 70-30 Layout *\/\n.main-content-wrapper {\n    display: grid;\n    grid-template-columns: 7fr 3fr;\n    gap: 40px;\n    align-items: start;\n}<\/p>\n<p>\/* Left Column - 70% *\/\n.left-column {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n}<\/p>\n<p>\/* Right Column - 30% *\/\n.right-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    height: 100%;\n}<\/p>\n<p>\/* Advantages Section *\/\n.advantages-section {\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.section-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.advantage-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    flex: 1;\n}<\/p>\n<p>.advantage-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 16px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    transition: all 0.3s ease;\n    height: 100%;\n}<\/p>\n<p>.advantage-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n    background: rgba(255, 255, 255, 0.9);\n}<\/p>\n<p>.advantage-marker {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    margin-top: 6px;\n}<\/p>\n<p>.water-reduction .advantage-marker { background: linear-gradient(135deg, #3b82f6, #1e40af); }\n.strength-durability .advantage-marker { background: linear-gradient(135deg, #10b981, #059669); }\n.workability .advantage-marker { background: linear-gradient(135deg, #f59e0b, #d97706); }\n.construction .advantage-marker { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }<\/p>\n<p>.advantage-content {\n    flex: 1;\n}<\/p>\n<p>.advantage-content h4 {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.advantage-content p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin-bottom: 8px;\n    line-height: 1.5;\n}<\/p>\n<p>.performance-badge {\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: #1e40af;\n    background: rgba(30, 64, 175, 0.1);\n    padding: 4px 10px;\n    border-radius: 12px;\n    display: inline-block;\n}<\/p>\n<p>\/* Process Section *\/\n.process-section {\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.process-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 20px;\n    text-align: center;\n}<\/p>\n<p>.process-steps {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n}<\/p>\n<p>.process-step {\n    flex: 1;\n    text-align: center;\n    padding: 20px 14px;\n    background: rgba(255, 255, 255, 0.7);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n}<\/p>\n<p>.process-step:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.step-number {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #1e40af, #0ea5e9);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-weight: 700;\n    font-size: 1.1rem;\n    margin: 0 auto 12px;\n    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.step-content h4 {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 8px;\n}<\/p>\n<p>.step-content p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* Molecular & Metrics Cards *\/\n.molecular-card, .metrics-card, .applications-section {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(15px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.molecular-card {\n    flex: 1;\n}<\/p>\n<p>.metrics-card {\n    flex: 1;\n}<\/p>\n<p>.applications-section {\n    flex: 1;\n}<\/p>\n<p>.molecular-card h4, .metrics-card h4 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 16px;\n    text-align: center;\n}<\/p>\n<p>\/* Molecular Diagram *\/\n.molecular-diagram {\n    position: relative;\n    height: 100%;\n    min-height: 140px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.polymer-backbone {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}<\/p>\n<p>.backbone-segment {\n    width: 16px;\n    height: 16px;\n    background: linear-gradient(135deg, #1e40af, #3b82f6);\n    border-radius: 50%;\n    box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.side-chains {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.side-chain {\n    position: absolute;\n    display: flex;\n    gap: 4px;\n}<\/p>\n<p>.chain-1 {\n    top: 25px;\n    left: 30px;\n    transform: rotate(-45deg);\n}<\/p>\n<p>.chain-2 {\n    top: 25px;\n    right: 30px;\n    transform: rotate(45deg);\n}<\/p>\n<p>.chain-3 {\n    bottom: 25px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.chain-unit {\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(135deg, #0ea5e9, #06b6d4);\n    border-radius: 50%;\n}<\/p>\n<p>.functional-groups {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.group-label {\n    position: absolute;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #1e40af;\n    background: rgba(255, 255, 255, 0.9);\n    padding: 4px 8px;\n    border-radius: 6px;\n    border: 1px solid rgba(30, 64, 175, 0.2);\n    font-family: 'Courier New', monospace;\n}<\/p>\n<p>.carboxyl { top: 10px; left: 10px; }\n.sulfonate { top: 10px; right: 10px; }\n.ether { bottom: 10px; left: 50%; transform: translateX(-50%); }<\/p>\n<p>\/* Metrics Grid *\/\n.metrics-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    height: 100%;\n}<\/p>\n<p>.metric-item {\n    text-align: center;\n    padding: 14px 10px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 10px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}<\/p>\n<p>.metric-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.metric-value {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 6px;\n}<\/p>\n<p>.metric-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.3;\n}<\/p>\n<p>\/* Applications Section *\/\n.applications-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 14px;\n    text-align: center;\n}<\/p>\n<p>.applications-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n}<\/p>\n<p>.application-tag {\n    background: rgba(30, 64, 175, 0.1);\n    color: #1e40af;\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    border: 1px solid rgba(30, 64, 175, 0.2);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.application-tag:hover {\n    background: rgba(30, 64, 175, 0.15);\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .main-content-wrapper {\n        gap: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .main-content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }<\/p>\n<p>    .advantage-list {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .process-steps {\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .molecular-diagram {\n        min-height: 120px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .pce-definition {\n        padding: 40px 0;\n    }<\/p>\n<p>    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .definition-header {\n        margin-bottom: 35px;\n    }<\/p>\n<p>    .main-question {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .primary-definition {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .mechanism-explanation {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .advantages-section,\n    .process-section,\n    .molecular-card,\n    .metrics-card,\n    .applications-section {\n        padding: 20px;\n    }<\/p>\n<p>    .molecular-diagram {\n        min-height: 100px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .main-question {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .advantages-section,\n    .process-section,\n    .molecular-card,\n    .metrics-card,\n    .applications-section {\n        padding: 18px 16px;\n    }<\/p>\n<p>    .advantage-item {\n        padding: 14px;\n    }<\/p>\n<p>    .molecular-diagram {\n        min-height: 90px;\n    }<\/p>\n<p>    .metrics-grid {\n        grid-template-columns: 1fr;\n        gap: 8px;\n    }<\/p>\n<p>    .application-tag {\n        font-size: 0.75rem;\n        padding: 5px 10px;\n    }\n}\n<\/style>\n<p><!-- Product Details Section --><\/p>\n<div class=\"product-showcase\">\n    <!-- Dynamic Background --><\/p>\n<div class=\"showcase-background\">\n<div class=\"floating-elements\"><\/div>\n<\/p><\/div>\n<div class=\"showcase-container\">\n        <!-- Hero Overview --><\/p>\n<div class=\"hero-overview\">\n<div class=\"hero-content\">\n<div class=\"hero-badge\">\n                    <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/span><br \/>\n                    <span>Advanced Chemical Engineering<\/span>\n                <\/div>\n<h1 class=\"hero-title\">\n                    <span class=\"title-main\">Polycarboxylate Ether<\/span><br \/>\n                    <span class=\"title-sub\">Next-Generation Superplasticizer Solutions<\/span><br \/>\n                <\/h1>\n<p class=\"hero-description\">\n                    NOVASTAR\u2122 PCE series represents the pinnacle of water-reducing technology, engineered for superior concrete performance across diverse construction applications. Our advanced molecular design ensures exceptional compatibility, dispersion efficiency, and long-lasting workability.\n                <\/p>\n<div class=\"hero-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">\u2265240mm<\/div>\n<div class=\"stat-label\">Fluidity<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e6.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">1000kg<\/div>\n<div class=\"stat-label\">MOQ<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">40%<\/div>\n<div class=\"stat-label\">Water Reduction<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfd7\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3d7.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">+30%<\/div>\n<div class=\"stat-label\">Strength Gain<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hero-visual\">\n<div class=\"molecular-structure\">\n<div class=\"molecule-core\">\n<div class=\"core-center\">PCE<\/div>\n<\/p><\/div>\n<div class=\"molecule-bonds\">\n<div class=\"bond bond-1\">COO\u207b<\/div>\n<div class=\"bond bond-2\">SO\u2083\u207b<\/div>\n<div class=\"bond bond-3\">CH\u2082<\/div>\n<div class=\"bond bond-4\">OCH\u2083<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Product Categories --><\/p>\n<div class=\"product-categories\">\n            <!-- Powder Series --><\/p>\n<div class=\"category-section powder-category\">\n<div class=\"category-header\">\n<div class=\"category-info\">\n<h2 class=\"category-title\"><a href=\"https:\/\/hpmc.ae\/nn\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/\" target=\"_blank\">Powder Excellence<\/a><\/h2>\n<p class=\"category-subtitle\">High-Performance Powder Formulations<\/p>\n<\/p><\/div>\n<div class=\"category-count\">4 Products<\/div>\n<\/p><\/div>\n<div class=\"products-carousel\">\n                    <!-- Product 530P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-530P-product.jpg\" alt=\"NOVASTAR 530P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge economical-badge\">Economical Choice<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">530P<\/div>\n<div class=\"product-type-indicator powder-indicator\">Powder<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 530P<\/h3>\n<p class=\"product-tagline\">Economical PCE-based Water Reducer<\/p>\n<p class=\"product-summary\">Cost-effective solution for standard construction applications requiring reliable water reduction performance.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">Grouting<\/span><br \/>\n                                <span class=\"chip\">Repair Mortar<\/span><br \/>\n                                <span class=\"chip\">cURL Too many subrequests.<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">cURL Too many subrequests.<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 540P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-540P-product.jpg\" alt=\"NOVASTAR 540P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge fast-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">cURL Too many subrequests.<\/div>\n<div class=\"product-type-indicator powder-indicator\">Powder<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">cURL Too many subrequests.<\/h3>\n<p class=\"product-tagline\">cURL Too many subrequests.<\/p>\n<p class=\"product-summary\">cURL Too many subrequests.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"chip\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"chip\">cURL Too many subrequests.<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">cURL Too many subrequests.<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 570P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-570P-product.jpg\" alt=\"NOVASTAR 570P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge gypsum-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">cURL Too many subrequests.<\/div>\n<div class=\"product-type-indicator powder-indicator\">Powder<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">cURL Too many subrequests.<\/h3>\n<p class=\"product-tagline\">cURL Too many subrequests.<\/p>\n<p class=\"product-summary\">cURL Too many subrequests.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"chip\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"chip\">cURL Too many subrequests.<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">cURL Too many subrequests.<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 580P --><\/p>\n<div class=\"product-card powder-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-580P-product.jpg\" alt=\"NOVASTAR 580P\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge premium-badge\">F\u00f8rsteklasses kvalitet<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">580P<\/div>\n<div class=\"product-type-indicator powder-indicator\">Powder<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 580P<\/h3>\n<p class=\"product-tagline\">Premium All-Purpose Superplasticizer<\/p>\n<p class=\"product-summary\">Ultimate performance solution for demanding applications requiring maximum efficiency and versatility.<\/p>\n<div class=\"application-chips\">\n                                <span class=\"chip\">UHPC<\/span><br \/>\n                                <span class=\"chip\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"chip\">Premium Mix<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/pce-powder\/', '_blank'); return false;\">Explore 580P                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Flake Series --><\/p>\n<div class=\"category-section flake-category\">\n<div class=\"category-header\">\n<div class=\"category-info\">\n<h2 class=\"category-title\"><a href=\"https:\/\/hpmc.ae\/nn\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/novastar-pce-flake-high-performance-solid-polycarboxylate-superplasticizer\/\" target=\"_blank\">Flake Innovation<\/a><\/h2>\n<p class=\"category-subtitle\">Advanced Storage &amp; Dissolution Technology<\/p>\n<\/p><\/div>\n<div class=\"category-count\">2 Products<\/div>\n<\/p><\/div>\n<div class=\"products-carousel flake-carousel\">\n                    <!-- Product 590F --><\/p>\n<div class=\"product-card flake-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-flake-590F-product.jpg\" alt=\"NOVASTAR 590F\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge water-reduction-badge\">High Water Reduction<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">590F<\/div>\n<div class=\"product-type-indicator flake-indicator\">Flake<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 590F<\/h3>\n<p class=\"product-tagline\">High Water Reduction PCE Flake<\/p>\n<p class=\"product-summary\">Superior flake formulation combining flexible storage capabilities with exceptional dissolution properties and high dispersion performance.<\/p>\n<div class=\"application-chips flake-chips\">\n                                <span class=\"chip\">Flexible Storage<\/span><br \/>\n                                <span class=\"chip\">Easy Dissolution<\/span><br \/>\n                                <span class=\"chip\">High Dispersion<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn flake-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/novastar-pce-flake-high-performance-solid-polycarboxylate-superplasticizer\/', '_blank'); return false;\">Explore 590F                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn flake-secondary\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Product 600F --><\/p>\n<div class=\"product-card flake-card\">\n<div class=\"card-header\">\n<div class=\"product-image-container\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-flake-600F-product.jpg\" alt=\"NOVASTAR 600F\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge slump-badge\">High Slump Retention<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-meta\">\n<div class=\"product-code\">600F<\/div>\n<div class=\"product-type-indicator flake-indicator\">Flake<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"product-title\">NOVASTAR\u2122 600F<\/h3>\n<p class=\"product-tagline\">High Slump Retention PCE Flake<\/p>\n<p class=\"product-summary\">Advanced flake technology engineered for extended workability time, ideal for applications demanding prolonged concrete workability.<\/p>\n<div class=\"application-chips flake-chips\">\n                                <span class=\"chip\">Slump Retention<\/span><br \/>\n                                <span class=\"chip\">Utvida arbeidstid<\/span><br \/>\n                                <span class=\"chip\">Easy Storage<\/span>\n                            <\/div>\n<div class=\"card-actions\">\n                                <button class=\"action-btn primary-btn flake-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/novastar-pce-flake-high-performance-solid-polycarboxylate-superplasticizer\/', '_blank'); return false;\">Explore 600F                                    \u2192<\/button><br \/>\n                                <button class=\"action-btn secondary-btn flake-secondary\"><br \/>\n                                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Technical Specifications Footer --><\/p>\n<div class=\"tech-footer\">\n<div class=\"tech-grid\">\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Bulkdensitet<\/div>\n<div class=\"tech-value\">400\u2013500 kg\/m\u00b3<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Fuktinnhald<\/div>\n<div class=\"tech-value\">\u22643%<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Manufacturing<\/div>\n<div class=\"tech-value\">LANDU Ingeni\u00f8rvitskap<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tech-item\">\n<div class=\"tech-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2705\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2705.svg\"><\/div>\n<div class=\"tech-content\">\n<div class=\"tech-label\">Quality Standards<\/div>\n<div class=\"tech-value\">ISO Certified<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.product-showcase {\n    position: relative;\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    min-height: 100vh;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>\/* Dynamic Background *\/\n.showcase-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}<\/p>\n<p>.bg-wave {\n    position: absolute;\n    background: linear-gradient(45deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    border-radius: 50%;\n    animation: float 20s ease-in-out infinite;\n}<\/p>\n<p>.wave-1 {\n    width: 400px;\n    height: 400px;\n    top: -100px;\n    right: -100px;\n    animation-delay: 0s;\n}<\/p>\n<p>.wave-2 {\n    width: 300px;\n    height: 300px;\n    bottom: -80px;\n    left: -80px;\n    animation-delay: -7s;\n}<\/p>\n<p>.wave-3 {\n    width: 200px;\n    height: 200px;\n    top: 50%;\n    left: 70%;\n    animation-delay: -14s;\n}<\/p>\n<p>@keyframes float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    33% { transform: translateY(-20px) rotate(120deg); }\n    66% { transform: translateY(10px) rotate(240deg); }\n}<\/p>\n<p>.floating-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.float-circle {\n    position: absolute;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(59, 130, 246, 0.2) 100%);\n    animation: pulse 4s ease-in-out infinite;\n}<\/p>\n<p>.circle-1 {\n    width: 60px;\n    height: 60px;\n    top: 20%;\n    left: 15%;\n    animation-delay: 0s;\n}<\/p>\n<p>.circle-2 {\n    width: 40px;\n    height: 40px;\n    bottom: 30%;\n    right: 20%;\n    animation-delay: -2s;\n}<\/p>\n<p>.float-hexagon {\n    position: absolute;\n    width: 30px;\n    height: 30px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    clip-path: polygon(30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%, 0% 50%);\n    animation: rotate 8s linear infinite;\n    opacity: 0.3;\n}<\/p>\n<p>.hex-1 {\n    top: 40%;\n    left: 10%;\n}<\/p>\n<p>.hex-2 {\n    bottom: 20%;\n    right: 15%;\n    animation-delay: -4s;\n}<\/p>\n<p>.molecular-chain {\n    position: absolute;\n    width: 2px;\n    height: 60px;\n    background: linear-gradient(to bottom, rgba(34, 197, 94, 0.3) 0%, rgba(59, 130, 246, 0.3) 100%);\n    animation: sway 6s ease-in-out infinite;\n}<\/p>\n<p>.chain-1 {\n    top: 30%;\n    right: 25%;\n    transform: rotate(15deg);\n}<\/p>\n<p>.chain-2 {\n    bottom: 40%;\n    left: 25%;\n    transform: rotate(-20deg);\n    animation-delay: -3s;\n}<\/p>\n<p>@keyframes pulse {\n    0%, 100% { transform: scale(1); opacity: 0.6; }\n    50% { transform: scale(1.2); opacity: 0.3; }\n}<\/p>\n<p>@keyframes rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>@keyframes sway {\n    0%, 100% { transform: rotate(15deg); }\n    50% { transform: rotate(-15deg); }\n}<\/p>\n<p>\/* Main Container *\/\n.showcase-container {\n    position: relative;\n    z-index: 10;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 60px 40px;\n}<\/p>\n<p>\/* Hero Overview *\/\n.hero-overview {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 80px;\n    margin-bottom: 80px;\n    align-items: center;\n}<\/p>\n<p>.hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: #166534;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.hero-title {\n    margin-bottom: 24px;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 3.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.5rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>.hero-description {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin-bottom: 40px;\n    max-width: 600px;\n}<\/p>\n<p>.hero-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}<\/p>\n<p>.stat-item {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 20px;\n    text-align: center;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.stat-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.stat-icon {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.4rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>\/* Molecular Structure *\/\n.hero-visual {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}<\/p>\n<p>.molecular-structure {\n    position: relative;\n    width: 300px;\n    height: 300px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 50%;\n    border: 2px solid rgba(34, 197, 94, 0.2);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n    animation: molecularRotate 20s linear infinite;\n}<\/p>\n<p>@keyframes molecularRotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.molecule-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 24px rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>.core-center {\n    color: white;\n    font-weight: 700;\n    font-size: 1rem;\n}<\/p>\n<p>.orbital {\n    position: absolute;\n    border: 2px dashed rgba(34, 197, 94, 0.3);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.orbital-1 {\n    width: 120px;\n    height: 120px;\n    animation: orbitRotate 10s linear infinite;\n}<\/p>\n<p>.orbital-2 {\n    width: 160px;\n    height: 160px;\n    animation: orbitRotate 15s linear infinite reverse;\n}<\/p>\n<p>.orbital-3 {\n    width: 200px;\n    height: 200px;\n    animation: orbitRotate 20s linear infinite;\n}<\/p>\n<p>@keyframes orbitRotate {\n    from { transform: translate(-50%, -50%) rotate(0deg); }\n    to { transform: translate(-50%, -50%) rotate(360deg); }\n}<\/p>\n<p>.molecule-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.9);\n    padding: 4px 8px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: #22c55e;\n    border: 1px solid rgba(34, 197, 94, 0.3);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.bond-1 {\n    top: 20px;\n    left: 20px;\n}<\/p>\n<p>.bond-2 {\n    top: 20px;\n    right: 20px;\n}<\/p>\n<p>.bond-3 {\n    bottom: 20px;\n    left: 20px;\n}<\/p>\n<p>.bond-4 {\n    bottom: 20px;\n    right: 20px;\n}<\/p>\n<p>\/* Product Categories *\/\n.product-categories {\n    margin-bottom: 60px;\n}<\/p>\n<p>.category-section {\n    margin-bottom: 60px;\n    position: relative;\n}<\/p>\n<p>.powder-category::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -40px;\n    right: -40px;\n    bottom: -20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.03) 0%, rgba(59, 130, 246, 0.03) 100%);\n    border-radius: 24px;\n    z-index: -1;\n}<\/p>\n<p>.flake-category::before {\n    content: '';\n    position: absolute;\n    top: -20px;\n    left: -40px;\n    right: -40px;\n    bottom: -20px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, rgba(34, 197, 94, 0.03) 100%);\n    border-radius: 24px;\n    z-index: -1;\n}<\/p>\n<p>.category-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 40px;\n    padding: 24px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.category-info {\n    flex: 1;\n}<\/p>\n<p>.category-title {\n    font-size: 2rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n}<\/p>\n<p>.category-subtitle {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>.category-count {\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>\/* Products Carousel *\/\n.products-carousel {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 24px;\n}<\/p>\n<p>.flake-carousel {\n    grid-template-columns: repeat(2, 1fr);\n}<\/p>\n<p>\/* Product Cards *\/\n.product-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.product-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.powder-card {\n    border-left: 4px solid #22c55e;\n}<\/p>\n<p>.flake-card {\n    border-left: 4px solid #3b82f6;\n}<\/p>\n<p>.card-header {\n    position: relative;\n}<\/p>\n<p>.product-image-container {\n    position: relative;\n    height: 200px;\n    overflow: hidden;\n    background: linear-gradient(135deg, #f0fdf4 0%, #f0f9ff 100%);\n}<\/p>\n<p>.product-image-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-card:hover .product-image-container img {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n    display: flex;\n    align-items: flex-end;\n    padding: 16px;\n}<\/p>\n<p>.overlay-badge {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    padding: 6px 12px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>.economical-badge {\n    color: #059669;\n    border: 1px solid rgba(5, 150, 105, 0.3);\n}<\/p>\n<p>.fast-badge {\n    color: #dc2626;\n    border: 1px solid rgba(220, 38, 38, 0.3);\n}<\/p>\n<p>.gypsum-badge {\n    color: #7c3aed;\n    border: 1px solid rgba(124, 58, 237, 0.3);\n}<\/p>\n<p>.premium-badge {\n    color: #ea580c;\n    border: 1px solid rgba(234, 88, 12, 0.3);\n}<\/p>\n<p>.water-reduction-badge {\n    color: #3b82f6;\n    border: 1px solid rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.slump-badge {\n    color: #22c55e;\n    border: 1px solid rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>.product-meta {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}<\/p>\n<p>.product-code {\n    background: rgba(0, 0, 0, 0.7);\n    color: white;\n    padding: 4px 8px;\n    border-radius: 8px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    font-family: 'Courier New', monospace;\n}<\/p>\n<p>.product-type-indicator {\n    padding: 4px 8px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    backdrop-filter: blur(10px);\n}<\/p>\n<p>.powder-indicator {\n    background: rgba(34, 197, 94, 0.9);\n    color: white;\n}<\/p>\n<p>.flake-indicator {\n    background: rgba(59, 130, 246, 0.9);\n    color: white;\n}<\/p>\n<p>.card-content {\n    padding: 24px;\n}<\/p>\n<p>.product-title {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.product-tagline {\n    font-size: 0.95rem;\n    color: #22c55e;\n    font-weight: 600;\n    margin-bottom: 12px;\n}<\/p>\n<p>.flake-card .product-tagline {\n    color: #3b82f6;\n}<\/p>\n<p>.product-summary {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 16px;\n}<\/p>\n<p>.application-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.chip {\n    background: rgba(34, 197, 94, 0.1);\n    color: #166534;\n    padding: 4px 10px;\n    border-radius: 12px;\n    font-size: 0.75rem;\n    font-weight: 500;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.flake-chips .chip {\n    background: rgba(59, 130, 246, 0.1);\n    color: #1e40af;\n    border-color: rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.card-actions {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}<\/p>\n<p>.action-btn {\n    border: none;\n    border-radius: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}<\/p>\n<p>.primary-btn {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    padding: 12px 20px;\n    flex: 1;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);\n}<\/p>\n<p>.primary-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.4);\n}<\/p>\n<p>.flake-btn {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.flake-btn:hover {\n    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n}<\/p>\n<p>.secondary-btn {\n    background: rgba(255, 255, 255, 0.8);\n    border: 1px solid rgba(34, 197, 94, 0.3);\n    color: #22c55e;\n    padding: 12px;\n    width: 44px;\n    height: 44px;\n    justify-content: center;\n}<\/p>\n<p>.secondary-btn:hover {\n    background: rgba(34, 197, 94, 0.1);\n}<\/p>\n<p>.flake-secondary {\n    border-color: rgba(59, 130, 246, 0.3);\n    color: #3b82f6;\n}<\/p>\n<p>.flake-secondary:hover {\n    background: rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.btn-arrow {\n    font-size: 1.2rem;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.primary-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Technical Footer *\/\n.tech-footer {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.tech-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 32px;\n}<\/p>\n<p>.tech-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    text-align: left;\n}<\/p>\n<p>.tech-icon {\n    font-size: 1.5rem;\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.tech-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n    margin-bottom: 4px;\n}<\/p>\n<p>.tech-value {\n    font-size: 1rem;\n    color: #1e293b;\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .showcase-container {\n        padding: 40px 30px;\n    }<\/p>\n<p>    .hero-overview {\n        gap: 60px;\n    }<\/p>\n<p>    .hero-stats {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .showcase-container {\n        padding: 30px 20px;\n    }<\/p>\n<p>    .hero-overview {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        text-align: center;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .hero-stats {\n        grid-template-columns: 1fr 1fr;\n    }<\/p>\n<p>    .molecular-structure {\n        width: 250px;\n        height: 250px;\n    }<\/p>\n<p>    .category-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 16px;\n    }<\/p>\n<p>    .products-carousel {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .flake-carousel {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .tech-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .showcase-container {\n        padding: 20px 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1rem;\n    }<\/p>\n<p>    .hero-stats {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }<\/p>\n<p>    .molecular-structure {\n        width: 200px;\n        height: 200px;\n    }<\/p>\n<p>    .category-title {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .tech-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .floating-elements {\n        opacity: 0.3;\n    }\n}\n<\/style>\n<p><!-- Key Advantages Section --><\/p>\n<div class=\"advantages-showcase\">\n<div class=\"advantages-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/span><br \/>\n                <span>Key Advantages<\/span>\n            <\/div>\n<h2 class=\"section-title\">NOVASTAR\u2122 PCE Benefits<\/h2>\n<\/p><\/div>\n<p>        <!-- Advantages Grid --><\/p>\n<div class=\"advantages-grid\">\n            <!-- Advantage 1 --><\/p>\n<div class=\"advantage-card yield-card\">\n<div class=\"card-number\">01<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Outstanding Yield Efficiency<\/h3>\n<p class=\"card-description\">Just 1 ton transforms into 9 tons of finished solution, dramatically reducing transportation and packaging costs.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">1:9<\/span><br \/>\n                        <span class=\"metric-label\">Yield Ratio<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Advantage 2 --><\/p>\n<div class=\"advantage-card flexibility-card\">\n<div class=\"card-number\">02<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Maximum Flexibility<\/h3>\n<p class=\"card-description\">High solid content enables versatile storage, transport, and formulation for any project scale.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">High<\/span><br \/>\n                        <span class=\"metric-label\">Solid Content<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Advantage 3 --><\/p>\n<div class=\"advantage-card precision-card\">\n<div class=\"card-number\">03<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">Precision Control<\/h3>\n<p class=\"card-description\">Easily adjustable concentration ensures precise dosage control and optimal performance for every application.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">100%<\/span><br \/>\n                        <span class=\"metric-label\">Customizable<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Advantage 4 --><\/p>\n<div class=\"advantage-card operations-card\">\n<div class=\"card-number\">04<\/div>\n<div class=\"card-content\">\n<h3 class=\"card-title\">cURL Too many subrequests.<\/h3>\n<p class=\"card-description\">cURL Too many subrequests.<\/p>\n<div class=\"card-metric\">\n                        <span class=\"metric-value\">Zero<\/span><br \/>\n                        <span class=\"metric-label\">cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.advantages-showcase {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 60px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.advantages-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.advantages-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    font-size: 2rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0;\n    line-height: 1.2;\n}<\/p>\n<p>\/* Advantages Grid *\/\n.advantages-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n}<\/p>\n<p>\/* Advantage Cards *\/\n.advantage-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n}<\/p>\n<p>.advantage-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.yield-card {\n    border-left: 4px solid #22c55e;\n}<\/p>\n<p>.flexibility-card {\n    border-left: 4px solid #3b82f6;\n}<\/p>\n<p>.precision-card {\n    border-left: 4px solid #8b5cf6;\n}<\/p>\n<p>.operations-card {\n    border-left: 4px solid #f59e0b;\n}<\/p>\n<p>.card-number {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #e2e8f0;\n    line-height: 1;\n    flex-shrink: 0;\n    width: 60px;\n    text-align: center;\n}<\/p>\n<p>.yield-card .card-number {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.flexibility-card .card-number {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.precision-card .card-number {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.operations-card .card-number {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.card-content {\n    flex: 1;\n}<\/p>\n<p>.card-title {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}<\/p>\n<p>.card-description {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 16px;\n}<\/p>\n<p>.card-metric {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(34, 197, 94, 0.1);\n    border: 1px solid rgba(34, 197, 94, 0.2);\n    padding: 6px 12px;\n    border-radius: 12px;\n}<\/p>\n<p>.flexibility-card .card-metric {\n    background: rgba(59, 130, 246, 0.1);\n    border-color: rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.precision-card .card-metric {\n    background: rgba(139, 92, 246, 0.1);\n    border-color: rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>.operations-card .card-metric {\n    background: rgba(245, 158, 11, 0.1);\n    border-color: rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.metric-value {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #22c55e;\n}<\/p>\n<p>.flexibility-card .metric-value {\n    color: #3b82f6;\n}<\/p>\n<p>.precision-card .metric-value {\n    color: #8b5cf6;\n}<\/p>\n<p>.operations-card .metric-value {\n    color: #f59e0b;\n}<\/p>\n<p>.metric-label {\n    font-size: 0.75rem;\n    color: #64748b;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .advantages-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .advantages-grid {\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .advantages-showcase {\n        padding: 40px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }<\/p>\n<p>    .advantage-card {\n        padding: 20px;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .card-number {\n        width: auto;\n        text-align: left;\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .card-description {\n        font-size: 0.85rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .advantages-showcase {\n        padding: 32px 0;\n    }<\/p>\n<p>    .advantages-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .advantage-card {\n        padding: 16px;\n    }<\/p>\n<p>    .card-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .card-description {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n<p><!-- Free Sample Section --><\/p>\n<div class=\"sample-section\">\n<div class=\"sample-container\">\n        <!-- Clean Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf81\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f381.svg\"><\/span><br \/>\n                <span>cURL Too many subrequests.<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">cURL Too many subrequests.<\/span><br \/>\n                <span class=\"title-sub\">cURL Too many subrequests.<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Main Content Grid --><\/p>\n<div class=\"content-grid\">\n            <!-- Left: Product Display --><\/p>\n<div class=\"product-column\">\n<div class=\"image-container\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/landu-Polycarboxylate-Superplasticizer-PCE-flake-free-sample.jpg\" alt=\"NOVASTAR PCE Sample\" class=\"product-image\"><br \/>\n                    <span class=\"free-tag\">cURL Too many subrequests.<\/span>\n                <\/div>\n<div class=\"product-details\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"quick-info\">\n<div class=\"info-item\">\n                            <span class=\"info-label\">cURL Too many subrequests.<\/span><br \/>\n                            <span class=\"info-value\">cURL Too many subrequests.<\/span>\n                        <\/div>\n<div class=\"info-item\">\n                            <span class=\"info-label\">Delivery<\/span><br \/>\n                            <span class=\"info-value\">cURL Too many subrequests.<\/span>\n                        <\/div>\n<div class=\"info-item\">\n                            <span class=\"info-label\">cURL Too many subrequests.<\/span><br \/>\n                            <span class=\"info-value\">cURL Too many subrequests.<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right: Benefits --><\/p>\n<div class=\"benefits-column\">\n                <!-- Introduction --><\/p>\n<div class=\"intro-block\">\n<p>cURL Too many subrequests. <strong>cURL Too many subrequests.<\/strong> cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<p>                <!-- Core Benefits --><\/p>\n<div class=\"benefits-block\">\n<h3 class=\"block-title-gradient\">cURL Too many subrequests.<\/h3>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"benefit-info\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<p>                            <span class=\"benefit-stat\">+85% Flow Rate<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcaa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4aa.svg\"><\/div>\n<div class=\"benefit-info\">\n<h4>Increased Strength<\/h4>\n<p>Greater structural integrity and durability for long-lasting concrete structures<\/p>\n<p>                            <span class=\"benefit-stat\">+30% Strength<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<div class=\"benefit-info\">\n<h4>Optimized Mix Design<\/h4>\n<p>Reduced water usage with maximum performance and cost efficiency<\/p>\n<p>                            <span class=\"benefit-stat\">-40% Water<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom CTA Section --><\/p>\n<div class=\"cta-section\">\n<div class=\"cta-wrapper\">\n                <!-- Left Text Content --><\/p>\n<div class=\"cta-text-content\">\n<h3 class=\"cta-title-gradient\">Start Testing Today<\/h3>\n<p class=\"cta-description\">\n                        Whether you\u2019re seeking better workability, superior durability, or more efficient production,<br \/>\n                        NOVASTAR\u2122 PCE delivers measurable results.\n                    <\/p>\n<div class=\"trust-points\">\n                        <span class=\"trust-item\"><br \/>\n                            <svg viewbox=\"0 0 16 16\" fill=\"currentColor\">\n                                <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"><\/path>\n                            <\/svg><br \/>\n                            No payment required<br \/>\n                        <\/span><br \/>\n                        <span class=\"trust-item\"><br \/>\n                            <svg viewbox=\"0 0 16 16\" fill=\"currentColor\">\n                                <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"><\/path>\n                            <\/svg><br \/>\n                            Professional support<br \/>\n                        <\/span><br \/>\n                        <span class=\"trust-item\"><br \/>\n                            <svg viewbox=\"0 0 16 16\" fill=\"currentColor\">\n                                <path d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"><\/path>\n                            <\/svg><br \/>\n                            Lab test results<br \/>\n                        <\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Right Buttons --><\/p>\n<div class=\"cta-buttons\">\n                    <button class=\"btn-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Get Free Sample<\/button><br \/>\n                    <button class=\"btn-secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Download Specs<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.sample-section {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.sample-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.sample-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header - Matching Original Style *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* Content Grid - Equal Height Columns *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 40px;\n    align-items: stretch;\n}<\/p>\n<p>\/* Product Column *\/\n.product-column {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    background: white;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.product-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.free-tag {\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    padding: 10px 20px;\n    border-radius: 24px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.product-details {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.product-details h3 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.product-details p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0 0 20px 0;\n}<\/p>\n<p>.quick-info {\n    display: grid;\n    gap: 16px;\n}<\/p>\n<p>.info-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.info-item:last-child {\n    padding-bottom: 0;\n    border-bottom: none;\n}<\/p>\n<p>.info-label {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.info-value {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Benefits Column *\/\n.benefits-column {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n}<\/p>\n<p>\/* Intro Block *\/\n.intro-block {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-left: 4px solid #22c55e;\n    padding: 20px 24px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.intro-block p {\n    margin: 0;\n    font-size: 0.9rem;\n    line-height: 1.6;\n    color: #64748b;\n}<\/p>\n<p>.intro-block strong {\n    color: #1e293b;\n    font-weight: 600;\n}<\/p>\n<p>\/* Benefits Block *\/\n.benefits-block {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.block-title-gradient {\n    font-size: 1.3rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>.benefit-row {\n    display: flex;\n    gap: 20px;\n    align-items: start;\n    padding: 20px 0;\n    border-bottom: 1px solid rgba(241, 245, 249, 0.5);\n    flex: 1;\n}<\/p>\n<p>.benefit-row:first-of-type {\n    padding-top: 0;\n}<\/p>\n<p>.benefit-row:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}<\/p>\n<p>.benefit-icon {\n    font-size: 1.8rem;\n    line-height: 1;\n    width: 40px;\n    text-align: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-info {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}<\/p>\n<p>.benefit-info h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.benefit-info p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>.benefit-stat {\n    display: inline-block;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #22c55e;\n    background: rgba(240, 253, 244, 0.8);\n    padding: 4px 10px;\n    border-radius: 6px;\n    align-self: flex-start;\n}<\/p>\n<p>\/* CTA Section *\/\n.cta-section {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 40px;\n    margin-top: 40px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.8);\n}<\/p>\n<p>.cta-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 48px;\n}<\/p>\n<p>\/* CTA Text Content *\/\n.cta-text-content {\n    flex: 1;\n}<\/p>\n<p>.cta-title-gradient {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.cta-description {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 20px 0;\n}<\/p>\n<p>.trust-points {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n}<\/p>\n<p>.trust-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.85rem;\n    color: #64748b;\n}<\/p>\n<p>.trust-item svg {\n    width: 14px;\n    height: 14px;\n    color: #22c55e;\n    flex-shrink: 0;\n}<\/p>\n<p>\/* CTA Buttons *\/\n.cta-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex-shrink: 0;\n}<\/p>\n<p>.btn-primary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    padding: 16px 32px;\n    border: none;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    box-shadow: 0 8px 32px rgba(34, 197, 94, 0.25);\n    white-space: nowrap;\n}<\/p>\n<p>.btn-primary:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 48px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.btn-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    padding: 16px 32px;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    white-space: nowrap;\n}<\/p>\n<p>.btn-secondary:hover {\n    background: rgba(255, 255, 255, 1);\n    border-color: #cbd5e1;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.btn-primary svg,\n.btn-secondary svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .sample-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .content-grid {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .content-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .image-container {\n        min-height: 350px;\n    }<\/p>\n<p>    .cta-wrapper {\n        flex-direction: column;\n        gap: 32px;\n        text-align: center;\n    }<\/p>\n<p>    .trust-points {\n        justify-content: center;\n    }<\/p>\n<p>    .cta-buttons {\n        width: 100%;\n        max-width: 400px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .sample-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .sample-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .image-container {\n        min-height: 300px;\n    }<\/p>\n<p>    .cta-section {\n        padding: 28px 24px;\n    }<\/p>\n<p>    .cta-title-gradient {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .trust-points {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }<\/p>\n<p>    .cta-buttons {\n        flex-direction: column;\n        width: 100%;\n    }<\/p>\n<p>    .btn-primary,\n    .btn-secondary {\n        width: 100%;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .sample-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .sample-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .product-details,\n    .benefits-block {\n        padding: 20px;\n    }<\/p>\n<p>    .image-container {\n        min-height: 250px;\n    }<\/p>\n<p>    .benefit-row {\n        gap: 16px;\n    }<\/p>\n<p>    .benefit-icon {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .benefit-info h4 {\n        font-size: 1rem;\n    }<\/p>\n<p>    .cta-section {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .cta-wrapper {\n        gap: 24px;\n    }<\/p>\n<p>    .cta-title-gradient {\n        font-size: 1.3rem;\n    }\n}\n<\/style>\n<p><!-- Performance Properties Section --><\/p>\n<div class=\"performance-showcase\">\n<div class=\"performance-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/span><br \/>\n                <span>Ytelseksellens<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Key Performance Properties<\/span><br \/>\n                <span class=\"title-sub\">cURL Too many subrequests.<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Content Grid --><\/p>\n<div class=\"performance-content-grid\">\n            <!-- Left Image Section --><\/p>\n<div class=\"image-section\">\n<div class=\"image-container\">\n                    <img loading=\"lazy\" height=\"1920\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/concrete-foundation-2024-12-01-21-18-22-utc-scaled.jpg\" alt=\"Concrete Foundation Performance\" class=\"performance-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-content\">\n<div class=\"performance-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-value\">40%<\/div>\n<div class=\"stat-label\">Water Reduction<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-value\">+30%<\/div>\n<div class=\"stat-label\">Strength Gain<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-value\">Low<\/div>\n<div class=\"stat-label\">Dosage Rate<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"performance-highlights\">\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/div>\n<div class=\"highlight-text\">\n<div class=\"highlight-title\">Water Efficiency<\/div>\n<div class=\"highlight-desc\">Maximum reduction with maintained flow<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<div class=\"highlight-text\">\n<div class=\"highlight-title\">Fast Acting<\/div>\n<div class=\"highlight-desc\">Immediate dispersion and performance<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-item\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/div>\n<div class=\"highlight-text\">\n<div class=\"highlight-title\">Long-term Stability<\/div>\n<div class=\"highlight-desc\">Consistent performance over time<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Properties List --><\/p>\n<div class=\"properties-section\">\n<div class=\"properties-list\">\n                    <!-- Property 1 --><\/p>\n<div class=\"property-card water-reduction\">\n<div class=\"property-header\">\n<div class=\"property-number\">01<\/div>\n<h3 class=\"property-title\">Superior Water Reduction<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Significantly lowers water demand in both concrete and mortar formulations while preserving exceptional workability\u2014ideal for high-performance, low-water ratio mixes.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 2 --><\/p>\n<div class=\"property-card cement-compatibility\">\n<div class=\"property-header\">\n<div class=\"property-number\">02<\/div>\n<h3 class=\"property-title\">Outstanding Cement Compatibility<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Performs reliably across a wide range of cement types, ensuring stable results and uniform performance for different mix designs.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 3 --><\/p>\n<div class=\"property-card high-efficiency\">\n<div class=\"property-header\">\n<div class=\"property-number\">03<\/div>\n<h3 class=\"property-title\">High Efficiency at Low Dosage<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Delivers excellent water-reducing capability even at minimal dosage rates, maximizing cost savings and formulation efficiency.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 4 --><\/p>\n<div class=\"property-card workability-retention\">\n<div class=\"property-header\">\n<div class=\"property-number\">04<\/div>\n<h3 class=\"property-title\">Stable Workability Retention<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Maintains consistent slump and flow over time, enabling easy placement, compaction, and finishing without premature stiffening.\n                        <\/p>\n<\/p><\/div>\n<p>                    <!-- Property 5 --><\/p>\n<div class=\"property-card shrinkage-mitigation\">\n<div class=\"property-header\">\n<div class=\"property-number\">05<\/div>\n<h3 class=\"property-title\">Shrinkage Mitigation<\/h3>\n<\/p><\/div>\n<p class=\"property-description\">\n                            Contributes to reduced shrinkage during curing, enhancing structural strength, durability, and long-term crack resistance.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.performance-showcase {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.performance-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.performance-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* Content Grid *\/\n.performance-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n}<\/p>\n<p>\/* Properties Section *\/\n.properties-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.property-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.property-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.property-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.property-number {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: white;\n    flex-shrink: 0;\n}<\/p>\n<p>.water-reduction .property-number {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.cement-compatibility .property-number {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.high-efficiency .property-number {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.workability-retention .property-number {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.shrinkage-mitigation .property-number {\n    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\n}<\/p>\n<p>.property-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n    line-height: 1.3;\n}<\/p>\n<p>.property-description {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.property-indicator {\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    border-radius: 2px 0 0 2px;\n}<\/p>\n<p>.water-indicator {\n    background: linear-gradient(to bottom, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.compatibility-indicator {\n    background: linear-gradient(to bottom, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.efficiency-indicator {\n    background: linear-gradient(to bottom, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.workability-indicator {\n    background: linear-gradient(to bottom, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.shrinkage-indicator {\n    background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%);\n}<\/p>\n<p>\/* Image Section *\/\n.image-section {\n    position: sticky;\n    top: 80px;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    margin-bottom: 24px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.performance-image {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.image-container:hover .performance-image {\n    transform: scale(1.02);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);\n    padding: 24px;\n}<\/p>\n<p>.performance-stats {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n    color: white;\n}<\/p>\n<p>.stat-value {\n    font-size: 1.5rem;\n    font-weight: 800;\n    margin-bottom: 4px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    opacity: 0.9;\n}<\/p>\n<p>\/* Performance Highlights *\/\n.performance-highlights {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.highlight-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    padding: 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.highlight-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.highlight-text {\n    flex: 1;\n}<\/p>\n<p>.highlight-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 2px;\n}<\/p>\n<p>.highlight-desc {\n    font-size: 0.8rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .performance-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .performance-content-grid {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 900px) {\n    .performance-content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .image-section {\n        position: static;\n        order: 1;\n    }<\/p>\n<p>    .properties-section {\n        order: 2;\n    }<\/p>\n<p>    .performance-stats {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .stat-item {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        text-align: left;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .performance-showcase {\n        padding: 60px 0;\n    }<\/p>\n<p>    .performance-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .property-card {\n        padding: 20px;\n    }<\/p>\n<p>    .property-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }<\/p>\n<p>    .property-number {\n        align-self: flex-start;\n    }<\/p>\n<p>    .performance-image {\n        height: 300px;\n    }<\/p>\n<p>    .performance-highlights {\n        gap: 12px;\n    }<\/p>\n<p>    .highlight-item {\n        padding: 12px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .performance-showcase {\n        padding: 50px 0;\n    }<\/p>\n<p>    .performance-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .properties-list {\n        gap: 16px;\n    }<\/p>\n<p>    .property-card {\n        padding: 16px;\n    }<\/p>\n<p>    .property-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .property-description {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .performance-image {\n        height: 250px;\n    }<\/p>\n<p>    .image-overlay {\n        padding: 16px;\n    }\n}\n<\/style>\n<p><!-- Manufacturer Trust Section --><\/p>\n<div class=\"manufacturer-showcase\">\n<div class=\"manufacturer-container\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/span><br \/>\n                <span>Manufacturing Excellence<\/span>\n            <\/div>\n<h2 class=\"section-title\">NOVASTAR\u2122 by LANDU<\/h2>\n<p class=\"section-subtitle\">Leading Polycarboxylate Superplasticizer Manufacturer<\/p>\n<\/p><\/div>\n<p>        <!-- Main Content Layout --><\/p>\n<div class=\"main-content-layout\">\n            <!-- Left Content --><\/p>\n<div class=\"content-section\">\n<div class=\"intro-card\">\n<div class=\"intro-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/div>\n<div class=\"intro-content\">\n<h3>Sustainable Manufacturing Leader<\/h3>\n<p>LANDU stands among China's foremost producers of Polycarboxylate Superplasticizers (PCE), dedicated to green, sustainable manufacturing of high-performance construction admixtures.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-grid\">\n<div class=\"feature-item\">\n<div class=\"feature-icon iso-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e1.svg\"><\/div>\n<h4>ISO Certified<\/h4>\n<p>Rigorous quality control and consistent excellence<\/p>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon global-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<h4>Global Reach<\/h4>\n<p>Trusted in 60+ countries worldwide<\/p>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon experience-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b50\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b50.svg\"><\/div>\n<h4>10+ Years<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon capacity-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfd7\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3d7.svg\"><\/div>\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"partnership-card\">\n<div class=\"partnership-header\">\n<div class=\"partnership-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\udd1d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f91d.svg\"><\/div>\n<h3>cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"partnership-benefits\">\n                        <span class=\"benefit-tag\">cURL Too many subrequests.<\/span><br \/>\n                        <span class=\"benefit-tag\">Teknisk st\u00f8tte<\/span><br \/>\n                        <span class=\"benefit-tag\">cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Image Section --><\/p>\n<div class=\"image-section\">\n<div class=\"image-container\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-sales-consultant-in-meeting-room.jpg\" alt=\"LANDU Manufacturing Excellence\" class=\"main-image\"><\/p><\/div>\n<p>                <!-- Stats Cards --><\/p>\n<div class=\"stats-container\">\n<div class=\"stats-card\">\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c8.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">75,000<\/div>\n<div class=\"stat-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">60+<\/div>\n<div class=\"stat-label\">Land som vert dekt<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u23f1\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/23f1.svg\"><\/div>\n<div class=\"stat-content\">\n<div class=\"stat-number\">10+<\/div>\n<div class=\"stat-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"recognition-card\">\n<div class=\"recognition-content\">\n<div class=\"recognition-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/div>\n<div class=\"recognition-text\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom CTA --><\/p>\n<div class=\"bottom-cta\">\n<div class=\"cta-wrapper\">\n<div class=\"cta-text-area\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons-area\">\n                    <button class=\"cta-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">cURL Too many subrequests.<\/button><br \/>\n                    <button class=\"cta-secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">cURL Too many subrequests.<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.manufacturer-showcase {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.manufacturer-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.04) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.manufacturer-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 20px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 12px 0;\n    line-height: 1.2;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>\/* Main Content Layout *\/\n.main-content-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n    margin-bottom: 60px;\n}<\/p>\n<p>\/* Content Section *\/\n.content-section {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.intro-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n}<\/p>\n<p>.intro-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 15px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.intro-content h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.intro-content p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Feature Grid *\/\n.feature-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n}<\/p>\n<p>.feature-item {\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(15px);\n    border-radius: 16px;\n    padding: 20px;\n    text-align: center;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.feature-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n    margin: 0 auto 12px;\n}<\/p>\n<p>.iso-icon {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.global-icon {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.experience-icon {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.capacity-icon {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.feature-item h4 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 6px 0;\n}<\/p>\n<p>.feature-item p {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* Partnership Card *\/\n.partnership-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    border-left: 5px solid #8b5cf6;\n}<\/p>\n<p>.partnership-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.partnership-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n}<\/p>\n<p>.partnership-card h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.partnership-card p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.partnership-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}<\/p>\n<p>.benefit-tag {\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.1) 100%);\n    color: #7c3aed;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    border: 1px solid rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>\/* Image Section *\/\n.image-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.main-image {\n    width: 100%;\n    height: 320px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.image-container:hover .main-image {\n    transform: scale(1.02);\n}<\/p>\n<p>.image-frame {\n    position: absolute;\n    inset: 0;\n    border-radius: 20px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    pointer-events: none;\n}<\/p>\n<p>\/* Stats Container *\/\n.stats-container {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.stats-card {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 12px 0;\n}<\/p>\n<p>.stat-item:not(:last-child) {\n    border-bottom: 1px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.stat-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.stat-number {\n    font-size: 1.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    line-height: 1;\n    margin-bottom: 4px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.3;\n}<\/p>\n<p>\/* Recognition Card *\/\n.recognition-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n    border-left: 5px solid #f59e0b;\n}<\/p>\n<p>.recognition-content {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.recognition-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.recognition-text h4 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.recognition-text p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Bottom CTA - Updated Layout *\/\n.bottom-cta {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.cta-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 48px;\n}<\/p>\n<p>.cta-text-area {\n    flex: 1;\n}<\/p>\n<p>.cta-text-area h3 {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.cta-text-area p {\n    font-size: 0.95rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.cta-buttons-area {\n    display: flex;\n    gap: 16px;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-primary,\n.cta-secondary {\n    padding: 16px 28px;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    border: none;\n    white-space: nowrap;\n}<\/p>\n<p>.cta-primary {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.cta-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.cta-primary svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.cta-primary:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-secondary {\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.cta-secondary:hover {\n    background: white;\n    border-color: #cbd5e1;\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .manufacturer-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .main-content-layout {\n        gap: 40px;\n    }<\/p>\n<p>    .cta-wrapper {\n        gap: 32px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .main-content-layout {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .cta-wrapper {\n        flex-direction: column;\n        text-align: center;\n        gap: 24px;\n    }<\/p>\n<p>    .cta-buttons-area {\n        justify-content: center;\n        width: 100%;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .manufacturer-showcase {\n        padding: 60px 0;\n    }<\/p>\n<p>    .manufacturer-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .section-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .feature-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }<\/p>\n<p>    .cta-buttons-area {\n        flex-direction: column;\n        gap: 12px;\n    }<\/p>\n<p>    .cta-primary,\n    .cta-secondary {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .manufacturer-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .intro-card {\n        flex-direction: column;\n        text-align: center;\n        gap: 16px;\n        padding: 20px;\n    }<\/p>\n<p>    .bottom-cta {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .cta-text-area h3 {\n        font-size: 1.4rem;\n    }\n}\n<\/style>\n<p><!-- Global Manufacturing & Distribution Section --><\/p>\n<div class=\"global-excellence\">\n<div class=\"excellence-wrapper\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf10\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f310.svg\"><\/span><br \/>\n                <span>cURL Too many subrequests.<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">cURL Too many subrequests.<\/span><br \/>\n                <span class=\"title-sub\">NOVASTAR\u2122 by LANDU<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- Introduction Section --><\/p>\n<div class=\"intro-section\">\n<div class=\"intro-badge\">cURL Too many subrequests.<\/div>\n<h3>cURL Too many subrequests.<\/h3>\n<p>\n                LANDU ranks among China's most respected producers and international suppliers of Polycarboxylate Ether (PCE) Superplasticizers, combining decades of expertise in manufacturing, formulation engineering, and worldwide distribution.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Main Content: Images + Features Side by Side --><\/p>\n<div class=\"content-grid\">\n            <!-- Images Side --><\/p>\n<div class=\"images-side\">\n<div class=\"image-primary\">\n                    <img loading=\"lazy\" height=\"1140\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-PCE-powder-repository.jpg\" alt=\"PCE Repository\" class=\"main-img\"><\/p>\n<div class=\"image-caption\">\n<div class=\"caption-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/div>\n<div class=\"caption-content\">\n<h4>Advanced PCE Repository<\/h4>\n<p>State-of-the-art storage facilities<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-secondary\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factories.jpg\" alt=\"Manufacturing Facility\" class=\"secondary-img\"><\/p>\n<div class=\"quality-badge\">\n<div class=\"badge-icon\">\u2713<\/div>\n<div class=\"badge-text\">\n                            <span class=\"badge-title\">cURL Too many subrequests.<\/span><br \/>\n                            <span class=\"badge-subtitle\">Certified Quality<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Features Side --><\/p>\n<div class=\"features-side\">\n<div class=\"features-container\">\n<h3 class=\"features-title\">Why Choose NOVASTAR\u2122 PCE<\/h3>\n<div class=\"features-wrapper\">\n<div class=\"feature-box\">\n<div class=\"feature-icon-box\">\n                                <span class=\"f-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfaf\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3af.svg\"><\/span>\n                            <\/div>\n<div class=\"feature-details\">\n<h4>Engineering Excellence<\/h4>\n<p>The NOVASTAR\u2122 series is engineered to deliver exceptional reliability, strength, and fluidity for today\u2019s demanding concrete applications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-box\">\n<div class=\"feature-icon-box\">\n                                <span class=\"f-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfd7\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3d7.svg\"><\/span>\n                            <\/div>\n<div class=\"feature-details\">\n<h4>Infrastructure Applications<\/h4>\n<p>PCE-based admixtures excel in large-scale infrastructure\u2014from bridges and tunnels to highways and precast elements\u2014where durability and precise workability are critical.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-box\">\n<div class=\"feature-icon-box\">\n                                <span class=\"f-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                            <\/div>\n<div class=\"feature-details\">\n<h4>Global Trust &amp; Recognition<\/h4>\n<p>Consistent product quality and responsive technical support has earned NOVASTAR\u2122 enduring trust and highly positive feedback from industry professionals worldwide.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Stats Grid --><\/p>\n<div class=\"stats-grid\">\n<div class=\"stat-box\">\n<div class=\"stat-value\">20+<\/div>\n<div class=\"stat-label\">\u00c5rs erfaring<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-value\">60+<\/div>\n<div class=\"stat-label\">Land som vert dekt<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-value\">1000+<\/div>\n<div class=\"stat-label\">Global Projects<\/div>\n<\/p><\/div>\n<div class=\"stat-box\">\n<div class=\"stat-value\">99.8%<\/div>\n<div class=\"stat-label\">Quality Rate<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- CTA Section Inside Card --><\/p>\n<div class=\"card-cta\">\n<div class=\"cta-text\">\n<h4>Choose LANDU NOVASTAR\u2122<\/h4>\n<p>Admixture solutions engineered for high performance, proven in the field, and trusted by experts worldwide.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n                            <button class=\"act-btn primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Get Product Information<\/button><br \/>\n                            <button class=\"act-btn secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Download Catalog<\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.global-excellence {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.global-excellence::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.excellence-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 48px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* Introduction Section *\/\n.intro-section {\n    max-width: 900px;\n    margin: 0 auto 48px;\n    text-align: center;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px 40px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.intro-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #f0fdf4 0%, #eff6ff 100%);\n    color: #16a34a;\n    padding: 6px 14px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.intro-section h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 16px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.intro-section p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0;\n}<\/p>\n<p>\/* Main Content Grid - Equal Height *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n}<\/p>\n<p>\/* Images Side *\/\n.images-side {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.image-primary {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    height: 420px;\n}<\/p>\n<p>.main-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.image-primary:hover .main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 70%, transparent 100%);\n    padding: 28px;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.caption-icon {\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(10px);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.caption-content h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: white;\n    margin: 0 0 4px 0;\n}<\/p>\n<p>.caption-content p {\n    font-size: 0.85rem;\n    color: rgba(255, 255, 255, 0.8);\n    margin: 0;\n}<\/p>\n<p>.image-secondary {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n    height: 280px;\n}<\/p>\n<p>.secondary-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.image-secondary:hover .secondary-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.quality-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 16px 20px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.quality-badge .badge-icon {\n    width: 36px;\n    height: 36px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    font-weight: 700;\n}<\/p>\n<p>.badge-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.badge-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.badge-subtitle {\n    font-size: 0.75rem;\n    color: #64748b;\n}<\/p>\n<p>\/* Features Side *\/\n.features-side {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.features-container {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}<\/p>\n<p>.features-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>.features-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.feature-box {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.feature-icon-box {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.f-icon {\n    font-size: 1.5rem;\n}<\/p>\n<p>.feature-details h4 {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.feature-details p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>\/* Stats Grid *\/\n.stats-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    padding: 24px 0;\n    border-top: 2px solid rgba(226, 232, 240, 0.5);\n    border-bottom: 2px solid rgba(226, 232, 240, 0.5);\n    margin-bottom: 24px;\n}<\/p>\n<p>.stat-box {\n    text-align: center;\n}<\/p>\n<p>.stat-value {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n    display: block;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.75rem;\n    color: #64748b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* CTA Inside Card *\/\n.card-cta {\n    margin-top: auto;\n}<\/p>\n<p>.cta-text {\n    margin-bottom: 20px;\n}<\/p>\n<p>.cta-text h4 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.cta-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.cta-buttons {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}<\/p>\n<p>.act-btn {\n    padding: 14px 20px;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    border: none;\n    white-space: nowrap;\n}<\/p>\n<p>.act-btn.primary {\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.act-btn.primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.act-btn.primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.act-btn.primary:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>.act-btn.secondary {\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.act-btn.secondary:hover {\n    background: white;\n    border-color: #cbd5e1;\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .excellence-wrapper {\n        padding: 0 30px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .image-primary {\n        height: 360px;\n    }<\/p>\n<p>    .image-secondary {\n        height: 240px;\n    }<\/p>\n<p>    .cta-buttons {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .global-excellence {\n        padding: 60px 0;\n    }<\/p>\n<p>    .excellence-wrapper {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .intro-section {\n        padding: 28px;\n    }<\/p>\n<p>    .stats-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .global-excellence {\n        padding: 50px 0;\n    }<\/p>\n<p>    .excellence-wrapper {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .intro-section {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .intro-section h3 {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .image-primary {\n        height: 300px;\n    }<\/p>\n<p>    .image-secondary {\n        height: 200px;\n    }<\/p>\n<p>    .features-container {\n        padding: 24px;\n    }\n}\n<\/style>\n<p><!-- One-Stop Solution Section --><\/p>\n<div class=\"solution-section\">\n<div class=\"solution-wrapper\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b50\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b50.svg\"><\/span><br \/>\n                <span>Complete Solution<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Your One-Stop Polycarboxylate Superplasticizer Solution<\/span><br \/>\n            <\/h2>\n<p class=\"section-intro\">\n                At LANDU, we deliver excellence through our <strong>cURL Too many subrequests.<\/strong> series \u2014 a trusted choice for concrete and mortar applications worldwide. Certified, innovative, and reliable, NOVASTAR\u2122 is your all-in-one solution for high-performance water reduction.\n            <\/p>\n<\/p><\/div>\n<p>        <!-- Images Gallery --><\/p>\n<div class=\"images-gallery\">\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Factory Production\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfed\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3ed.svg\"><\/span><br \/>\n                    <span>Avansert produksjon<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Certifications\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/span><br \/>\n                    <span>ISO Certified<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-rigorous-test-labs.jpg\" alt=\"Test Labs\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span><br \/>\n                    <span>Kvalitetstesting<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"gallery-item\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-raw-material.webp\" alt=\"Raw Materials\" class=\"gallery-img\"><\/p>\n<div class=\"gallery-label\">\n                    <span class=\"label-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc8e\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f48e.svg\"><\/span><br \/>\n                    <span>Premium Materials<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Features Cards --><\/p>\n<div class=\"features-row\">\n            <!-- Feature 1 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon cert\">\n                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfc6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3c6.svg\"><\/span>\n                <\/div>\n<h3>ISO 9001 Certified Quality<\/h3>\n<p>\n                    All NOVASTAR\u2122 products are manufactured under strict ISO 9001 and CNAS-certified quality systems. Every batch undergoes comprehensive testing to guarantee consistency, performance, and compliance with international standards.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">ISO 9001<\/span><br \/>\n                    <span class=\"tag\">cURL Too many subrequests.<\/span><br \/>\n                    <span class=\"tag\">Batch Testing<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Feature 2 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon innovation\">\n                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                <\/div>\n<h3>Forskings- og innovasjonsavdeling<\/h3>\n<p>\n                    We continuously invest in research and development to advance our PCE formulations. Our technical team tailors solutions to meet specific project needs \u2014 from standard mixes to UHPC and self-leveling systems.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">Custom Solutions<\/span><br \/>\n                    <span class=\"tag\">UHPC Ready<\/span><br \/>\n                    <span class=\"tag\">Teknisk st\u00f8tte<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Feature 3 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon quality\">\n                    <span>\u2713<\/span>\n                <\/div>\n<h3>Quality You Can Trust<\/h3>\n<p>\n                    Using only premium raw materials, LANDU ensures precise control and rigorous testing at every production stage. The result: stable, high-performing superplasticizers that deliver lasting value in your concrete applications.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">Premium Materials<\/span><br \/>\n                    <span class=\"tag\">Rigorous Testing<\/span><br \/>\n                    <span class=\"tag\">Stable Performance<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Feature 4 --><\/p>\n<div class=\"feature-card\">\n<div class=\"card-icon supply\">\n                    <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                <\/div>\n<h3>Swift Global Supply Chain<\/h3>\n<p>\n                    With an efficient global logistics network, LANDU guarantees fast and reliable delivery to clients worldwide. From manufacturing to your job site, our streamlined process ensures every order arrives on time and in perfect condition.\n                <\/p>\n<div class=\"card-tags\">\n                    <span class=\"tag\">Global Network<\/span><br \/>\n                    <span class=\"tag\">Rask levering<\/span><br \/>\n                    <span class=\"tag\">On-Time Guarantee<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom CTA --><\/p>\n<div class=\"bottom-cta\">\n<div class=\"cta-wrapper\">\n<div class=\"cta-left\">\n<div class=\"cta-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2b50\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2b50.svg\"><\/div>\n<div class=\"cta-text\">\n<h3>LANDU NOVASTAR\u2122<\/h3>\n<p>Your trusted partner for advanced, sustainable, and high-efficiency concrete admixture solutions.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-right\">\n                    <button class=\"cta-btn primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Contact Our Team<\/button><br \/>\n                    <button class=\"cta-btn secondary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Request Quote<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.solution-section {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.solution-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.solution-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 48px;\n    max-width: 1000px;\n    margin-left: auto;\n    margin-right: auto;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0 0 20px 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.2;\n}<\/p>\n<p>.section-intro {\n    font-size: 1.05rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0;\n}<\/p>\n<p>.section-intro strong {\n    color: #1e293b;\n    font-weight: 700;\n}<\/p>\n<p>\/* Images Gallery *\/\n.images-gallery {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-bottom: 48px;\n}<\/p>\n<p>.gallery-item {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    height: 240px;\n}<\/p>\n<p>.gallery-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.gallery-item:hover .gallery-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.gallery-label {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 10px 14px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.label-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.gallery-label span:last-child {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Features Row *\/\n.features-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-bottom: 48px;\n}<\/p>\n<p>.feature-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.feature-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.card-icon {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    margin-bottom: 20px;\n}<\/p>\n<p>.card-icon.cert {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.card-icon.innovation {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>.card-icon.quality {\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n}<\/p>\n<p>.card-icon.supply {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n}<\/p>\n<p>.feature-card h3 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.feature-card p {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 16px 0;\n    flex: 1;\n}<\/p>\n<p>.card-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}<\/p>\n<p>.tag {\n    padding: 5px 10px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);\n    border: 1px solid rgba(34, 197, 94, 0.2);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Bottom CTA *\/\n.bottom-cta {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 36px 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.cta-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n}<\/p>\n<p>.cta-left {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    flex: 1;\n}<\/p>\n<p>.cta-icon {\n    width: 56px;\n    height: 56px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-text h3 {\n    font-size: 1.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 6px 0;\n}<\/p>\n<p>.cta-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.cta-right {\n    display: flex;\n    gap: 12px;\n    flex-shrink: 0;\n}<\/p>\n<p>.cta-btn {\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.4s ease;\n    border: none;\n    white-space: nowrap;\n}<\/p>\n<p>.cta-btn.primary {\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.cta-btn.primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.cta-btn.primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.cta-btn.primary:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-btn.secondary {\n    background: rgba(255, 255, 255, 0.9);\n    color: #475569;\n    border: 2px solid rgba(226, 232, 240, 0.5);\n}<\/p>\n<p>.cta-btn.secondary:hover {\n    background: white;\n    border-color: #cbd5e1;\n    transform: translateY(-1px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .solution-wrapper {\n        padding: 0 30px;\n    }<\/p>\n<p>    .features-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .images-gallery {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .features-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .cta-wrapper {\n        flex-direction: column;\n        text-align: center;\n    }<\/p>\n<p>    .cta-left {\n        flex-direction: column;\n    }<\/p>\n<p>    .cta-right {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .solution-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .solution-wrapper {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .section-intro {\n        font-size: 1rem;\n    }<\/p>\n<p>    .images-gallery {\n        gap: 16px;\n    }<\/p>\n<p>    .gallery-item {\n        height: 200px;\n    }<\/p>\n<p>    .features-row {\n        gap: 20px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 24px;\n    }<\/p>\n<p>    .bottom-cta {\n        padding: 28px 24px;\n    }<\/p>\n<p>    .cta-right {\n        flex-direction: column;\n    }<\/p>\n<p>    .cta-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .solution-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .solution-wrapper {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .images-gallery {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .gallery-item {\n        height: 240px;\n    }<\/p>\n<p>    .feature-card {\n        padding: 20px;\n    }<\/p>\n<p>    .bottom-cta {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .cta-text h3 {\n        font-size: 1.3rem;\n    }\n}\n<\/style>\n<p><!-- FAQ Section --><\/p>\n<div class=\"faq-section\">\n<div class=\"faq-wrapper\">\n        <!-- Section Header --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n                <span class=\"badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2753\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2753.svg\"><\/span><br \/>\n                <span>Vanlege sp\u00f8rsm\u00e5l<\/span>\n            <\/div>\n<h2 class=\"section-title\">\n                <span class=\"title-main\">Alt du treng \u00e5 vite<\/span><br \/>\n                <span class=\"title-sub\">About NOVASTAR\u2122 Polycarboxylate Superplasticizer<\/span><br \/>\n            <\/h2>\n<\/p><\/div>\n<p>        <!-- FAQ Content --><\/p>\n<div class=\"faq-content\">\n            <!-- Left Column: FAQ Items --><\/p>\n<div class=\"faq-column\">\n                <!-- FAQ 1: How It Works --><\/p>\n<div class=\"faq-item active\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                        <\/div>\n<h3>How does the Polycarboxylate Superplasticizer work?<\/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 PCE functions through a dual action mechanism combining <strong>cURL Too many subrequests.<\/strong> and <strong>cURL Too many subrequests.<\/strong>.\n                        <\/p>\n<p>\n                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"answer-highlight\">\n<div class=\"highlight-icon\">\u2713<\/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 2: PCE vs Traditional --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2696\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2696.svg\"><\/span>\n                        <\/div>\n<h3>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                            cURL Too many subrequests.\n                        <\/p>\n<div class=\"comparison-table\">\n<div class=\"table-header\">\n<div class=\"header-cell\">cURL Too many subrequests.<\/div>\n<div class=\"header-cell\">cURL Too many subrequests.<\/div>\n<div class=\"header-cell highlight\">Polykarboksylat superplastis\u00f8r (PCE)<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">cURL Too many subrequests.<\/div>\n<div class=\"row-cell\">cURL Too many subrequests.<\/div>\n<div class=\"row-cell highlight\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Water Reduction Rate<\/div>\n<div class=\"row-cell\">cURL Too many subrequests.<\/div>\n<div class=\"row-cell highlight\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Slump Retention<\/div>\n<div class=\"row-cell\">cURL Too many subrequests.<\/div>\n<div class=\"row-cell highlight\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">cURL Too many subrequests.<\/div>\n<div class=\"row-cell\">cURL Too many subrequests.<\/div>\n<div class=\"row-cell highlight\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"table-row\">\n<div class=\"row-label\">Kompatibilitet<\/div>\n<div class=\"row-cell\">May cause incompatibility with other additives<\/div>\n<div class=\"row-cell highlight\">Highly compatible with various cements &amp; admixtures<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 3: Free Sample Program --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf81\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f381.svg\"><\/span>\n                        <\/div>\n<h3>Does LANDU NOVASTAR\u2122 offer free product samples?<\/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                            Yes. We have a <strong>cURL Too many subrequests.<\/strong> to allow customers to test our product risk-free:\n                        <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\">\u2713<\/div>\n<div class=\"benefit-content\">\n<h4>Zero-Cost Testing<\/h4>\n<p>Receive samples fully subsidized, with free worldwide shipping.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\">\u2713<\/div>\n<div class=\"benefit-content\">\n<h4>Transparency<\/h4>\n<p>Get detailed technical reports (viscosity, curing time, pH, etc.) for accurate mix design.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-row\">\n<div class=\"benefit-icon\">\u2713<\/div>\n<div class=\"benefit-content\">\n<h4>Customization Guarantee<\/h4>\n<p>If the sample doesn\u2019t meet your requirements, our R&amp;D team will reformulate at no extra cost until it fits your exact specifications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-box\">\n                            <button class=\"sample-btn\" type=\"button\"><br \/>\n                                <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc49\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f449.svg\"> Bestill din gratis pr\u00f8ve i dag<\/span><br \/>\n                                <svg viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                                    <path d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\"><\/path>\n                                <\/svg><br \/>\n                            <\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- FAQ 4: Sustainability --><\/p>\n<div class=\"faq-item\">\n<div class=\"faq-question\">\n<div class=\"question-icon\">\n                            <span><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span>\n                        <\/div>\n<h3>Is Polycarboxylate Superplasticizer sustainable?<\/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                            Yes. NOVASTAR\u2122 PCE is designed with sustainability and efficiency in mind.\n                        <\/p>\n<p>\n                            By reducing the water-to-cement ratio, it increases concrete strength while helping to lower CO\u2082 emissions during production.\n                        <\/p>\n<div class=\"sustainability-grid\">\n<div class=\"sustain-card\">\n<div class=\"sustain-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcaa\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4aa.svg\"><\/div>\n<h4>Stronger Structures<\/h4>\n<p>Longer-lasting concrete with superior durability<\/p>\n<\/p><\/div>\n<div class=\"sustain-card\">\n<div class=\"sustain-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/div>\n<h4>Smaller Footprint<\/h4>\n<p>Reduced environmental impact and CO\u2082 emissions<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"answer-highlight green\">\n<div class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/div>\n<div class=\"highlight-text\">\n                                This means stronger, longer-lasting structures combined with a smaller environmental footprint \u2014 enabling you to build a greener future without compromising on performance.\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right Column: Quick Contact --><\/p>\n<div class=\"contact-column\">\n<div class=\"contact-card\">\n<div class=\"contact-header\">\n<div class=\"contact-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/div>\n<h3>Har du framleis sp\u00f8rsm\u00e5l?<\/h3>\n<\/p><\/div>\n<p>Our technical team is ready to help you find the perfect solution for your project.<\/p>\n<div class=\"contact-methods\">\n<div class=\"method-item\">\n<div class=\"method-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e7.svg\"><\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Send oss ein e-post<\/span><br \/>\n                                <span class=\"method-value\">sales@landu-china.com<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"method-item\">\n<div class=\"method-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4de.svg\"><\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Ring oss<\/span><br \/>\n                                <span class=\"method-value\">+86 150 693 53616<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"method-item\">\n<div class=\"method-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/div>\n<div class=\"method-text\">\n                                <span class=\"method-label\">Direktechat<\/span><br \/>\n                                <span class=\"method-value\">Tilgjengeleg 24\/7<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <button class=\"contact-btn\" type=\"button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Kontakt teknisk support<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.faq-section {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n}<\/p>\n<p>.faq-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 25% 25%, rgba(34, 197, 94, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.faq-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 56px;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #166534;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    margin-bottom: 24px;\n    border: 1px solid rgba(34, 197, 94, 0.2);\n}<\/p>\n<p>.badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.section-title {\n    margin: 0;\n}<\/p>\n<p>.title-main {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.1;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 8px;\n}<\/p>\n<p>\/* FAQ Content *\/\n.faq-content {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 40px;\n}<\/p>\n<p>\/* FAQ Column *\/\n.faq-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.faq-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.faq-item:hover {\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.faq-question {\n    padding: 24px 28px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n}<\/p>\n<p>.question-icon {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n    pointer-events: none;\n}<\/p>\n<p>.faq-question h3 {\n    flex: 1;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n    pointer-events: none;\n}<\/p>\n<p>.toggle-btn {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    border: none;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n    pointer-events: none;\n}<\/p>\n<p>.toggle-btn svg {\n    width: 18px;\n    height: 18px;\n    color: white;\n}<\/p>\n<p>.icon-minus {\n    display: none;\n}<\/p>\n<p>.faq-item.active .icon-plus {\n    display: none;\n}<\/p>\n<p>.faq-item.active .icon-minus {\n    display: block;\n}<\/p>\n<p>.faq-item.active .toggle-btn {\n    transform: rotate(180deg);\n}<\/p>\n<p>.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    padding: 0 28px;\n    transition: max-height 0.4s ease, padding 0.4s ease;\n}<\/p>\n<p>.faq-item.active .faq-answer {\n    max-height: 2000px;\n    padding: 0 28px 28px;\n}<\/p>\n<p>.faq-answer p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.faq-answer p:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.faq-answer strong {\n    color: #1e293b;\n    font-weight: 600;\n}<\/p>\n<p>\/* Answer Highlight *\/\n.answer-highlight {\n    display: flex;\n    gap: 16px;\n    padding: 16px 20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);\n    border-left: 3px solid #22c55e;\n    border-radius: 8px;\n    margin-top: 16px;\n}<\/p>\n<p>.answer-highlight.green {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);\n    border-left-color: #10b981;\n}<\/p>\n<p>.highlight-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    font-weight: 700;\n    flex-shrink: 0;\n}<\/p>\n<p>.highlight-text {\n    flex: 1;\n    font-size: 0.9rem;\n    color: #1e293b;\n    line-height: 1.6;\n}<\/p>\n<p>\/* Comparison Table *\/\n.comparison-table {\n    margin: 20px 0;\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.table-header {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}<\/p>\n<p>.header-cell {\n    padding: 14px 16px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #1e293b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.header-cell.highlight {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\n    color: #16a34a;\n}<\/p>\n<p>.table-row {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr;\n    border-top: 1px solid #e2e8f0;\n}<\/p>\n<p>.row-label {\n    padding: 14px 16px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #475569;\n    background: #fafbfc;\n}<\/p>\n<p>.row-cell {\n    padding: 14px 16px;\n    font-size: 0.85rem;\n    color: #64748b;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.row-cell.highlight {\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.03) 0%, rgba(59, 130, 246, 0.03) 100%);\n    color: #16a34a;\n    font-weight: 600;\n}<\/p>\n<p>\/* Benefits List *\/\n.benefits-list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 20px 0;\n}<\/p>\n<p>.benefit-row {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}<\/p>\n<p>.benefit-icon {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    color: white;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1rem;\n    font-weight: 700;\n    flex-shrink: 0;\n}<\/p>\n<p>.benefit-content h4 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 6px 0;\n}<\/p>\n<p>.benefit-content p {\n    font-size: 0.85rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* CTA Box *\/\n.cta-box {\n    margin-top: 20px;\n}<\/p>\n<p>.sample-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 16px 24px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.sample-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.sample-btn svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.sample-btn:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Sustainability Grid *\/\n.sustainability-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin: 20px 0;\n}<\/p>\n<p>.sustain-card {\n    padding: 20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);\n    border-radius: 12px;\n    text-align: center;\n}<\/p>\n<p>.sustain-icon {\n    font-size: 2rem;\n    margin-bottom: 12px;\n}<\/p>\n<p>.sustain-card h4 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.sustain-card p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Contact Column *\/\n.contact-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.contact-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    position: sticky;\n    top: 32px;\n}<\/p>\n<p>.contact-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.contact-icon {\n    font-size: 2rem;\n}<\/p>\n<p>.contact-card h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.contact-card > p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>.contact-methods {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.method-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n    border-radius: 10px;\n}<\/p>\n<p>.method-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.method-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.method-label {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.method-value {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.contact-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 20px;\n    background: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.25);\n}<\/p>\n<p>.contact-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);\n}<\/p>\n<p>.contact-btn svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.contact-btn:hover svg {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .faq-wrapper {\n        padding: 0 30px;\n    }\n}<\/p>\n<p>@media (max-width: 968px) {\n    .faq-content {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .contact-column {\n        order: -1;\n    }<\/p>\n<p>    .contact-card {\n        position: static;\n    }<\/p>\n<p>    .sustainability-grid {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .faq-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .faq-wrapper {\n        padding: 0 20px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .section-header {\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .faq-question {\n        padding: 20px;\n    }<\/p>\n<p>    .faq-question h3 {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .comparison-table {\n        font-size: 0.8rem;\n    }<\/p>\n<p>    .table-header,\n    .table-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .header-cell,\n    .row-label,\n    .row-cell {\n        padding: 10px 12px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .faq-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .faq-wrapper {\n        padding: 0 15px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .faq-question h3 {\n        font-size: 1rem;\n    }<\/p>\n<p>    .contact-card {\n        padding: 20px;\n    }\n}\n<\/style>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.faq-item');<\/p>\n<p>    faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');<\/p>\n<p>        question.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();<\/p>\n<p>            const isActive = item.classList.contains('active');<\/p>\n<p>            \/\/ Close all items\n            faqItems.forEach(i => {\n                i.classList.remove('active');\n            });<\/p>\n<p>            \/\/ Open clicked item if it wasn't active\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\n});\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>NOVASTAR PCE Superplasticizer Engineered by LANDU, NOVASTAR delivers high-range water-reducing performance for superior concrete strength, durability, and flowability. Advanced PCE Technology Polycarboxylate Ether innovation System Compatible Cement, Mortar &amp; Gypsum systems Custom OEM Solutions Formulation &amp; Technical Support ISO Certified CNAS Approved LANDU Engineering COO\u207b SO\u2083\u207b CH\u2082 OCH\u2083 PCE High-Performance Concrete Precast Elements Ready-Mix Concrete [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5364,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/comments?post=5145"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5145\/revisions"}],"predecessor-version":[{"id":5147,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5145\/revisions\/5147"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5364"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/media?parent=5145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}