{"id":5321,"date":"2025-12-06T08:25:11","date_gmt":"2025-12-06T08:25:11","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5321"},"modified":"2025-12-11T08:05:58","modified_gmt":"2025-12-11T08:05:58","slug":"hydroxpropyl-methylcellulose-hpmc","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/el\/cellulose-ether-hpmc\/landercoll-cellulose-ether\/hydroxpropyl-methylcellulose-hpmc\/","title":{"rendered":"cURL Too many subrequests."},"content":{"rendered":"<div class=\"banner\">\n    <!-- \u80cc\u666f\u5c42\u6b21 --><\/p>\n<div class=\"background-layers\">\n<div class=\"layer layer-1\"><\/div>\n<div class=\"layer layer-2\"><\/div>\n<div class=\"layer layer-3\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u51e0\u4f55\u88c5\u9970\u5143\u7d20 --><\/p>\n<div class=\"geometric-elements\">\n<div class=\"shape circle-1\"><\/div>\n<div class=\"shape circle-2\"><\/div>\n<div class=\"shape triangle-1\"><\/div>\n<div class=\"shape square-1\"><\/div>\n<div class=\"line-element line-1\"><\/div>\n<div class=\"line-element line-2\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9 --><\/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\">Premium HPMC<\/span><br \/>\n                    <span class=\"title-line-2\">Manufacturer<\/span><br \/>\n                <\/h1>\n<div class=\"subtitle\">\n                    High-performance Hydroxypropyl Methylcellulose solutions for construction and industrial applications\n                <\/div>\n<\/p><\/div>\n<div class=\"features-grid\">\n<div class=\"feature-card water\">\n<div class=\"feature-icon\">\n<div class=\"icon-water\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h3>\u0394\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/h3>\n<p>Superior moisture control<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card workability\">\n<div class=\"feature-icon\">\n<div class=\"icon-gear\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h3>\u0395\u03c5\u03c7\u03c1\u03b7\u03c3\u03c4\u03af\u03b1<\/h3>\n<p>Enhanced application properties<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-card stability\">\n<div class=\"feature-icon\">\n<div class=\"icon-chart\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h3>Stability<\/h3>\n<p>Consistent performance<\/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 9001<\/div>\n<div class=\"badge\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03a0\u03c1\u03ce\u03c4\u03b7\u03c2 \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\n<div class=\"badge\">\u03a0\u03b1\u03b3\u03ba\u03cc\u03c3\u03bc\u03b9\u03b1 \u03a0\u03c1\u03bf\u03bc\u03ae\u03b8\u03b5\u03b9\u03b1<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-right\">\n<div class=\"visual-section\">\n                <!-- \u5206\u5b50\u7ed3\u6784\u56fe --><\/p>\n<div class=\"molecule-diagram\">\n<div class=\"molecule-center\">\n<div class=\"atom-core\"><\/div>\n<\/p><\/div>\n<div class=\"molecule-bonds\">\n<div class=\"bond bond-1\"><\/div>\n<div class=\"bond bond-2\"><\/div>\n<div class=\"bond bond-3\"><\/div>\n<div class=\"bond bond-4\"><\/div>\n<\/p><\/div>\n<div class=\"molecule-groups\">\n<div class=\"group group-1\">OCH\u2083<\/div>\n<div class=\"group group-2\">OH<\/div>\n<div class=\"group group-3\">CH\u2082<\/div>\n<div class=\"group group-4\">CHOH<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u5e94\u7528\u9886\u57df --><\/p>\n<div class=\"applications\">\n<div class=\"app-item construction\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>\u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae<\/span>\n                    <\/div>\n<div class=\"app-item adhesives\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>Adhesives<\/span>\n                    <\/div>\n<div class=\"app-item coatings\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>Coatings<\/span>\n                    <\/div>\n<div class=\"app-item ceramics\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>Ceramics<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- \u6027\u80fd\u6307\u6807 --><\/p>\n<div class=\"performance-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">95%<\/div>\n<div class=\"stat-label\">\u0394\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">99%<\/div>\n<div class=\"stat-label\">Purity<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">24h<\/div>\n<div class=\"stat-label\">Open Time<\/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    height: 70vh;\n    min-height: 500px;\n    background: linear-gradient(135deg, #f8fafc 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}<\/p>\n<p>\/* \u80cc\u666f\u5c42\u6b21 *\/\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, #ecfdf5 0%, #d1fae5 100%);\n    bottom: 20%;\n    left: 10%;\n}<\/p>\n<p>.layer-3 {\n    width: 150px;\n    height: 150px;\n    background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);\n    top: 30%;\n    left: 70%;\n}<\/p>\n<p>\/* \u51e0\u4f55\u88c5\u9970 *\/\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: #3b82f6;\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: #10b981;\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 #f59e0b;\n    opacity: 0.2;\n    top: 60%;\n    left: 25%;\n}<\/p>\n<p>.square-1 {\n    width: 35px;\n    height: 35px;\n    background: #8b5cf6;\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>\/* \u4e3b\u8981\u5185\u5bb9 *\/\n.main-content {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 80px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\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}<\/p>\n<p>.title-section {\n    margin-bottom: 40px;\n}<\/p>\n<p>.main-title {\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 20px;\n    color: #1e293b;\n}<\/p>\n<p>.title-line-1 {\n    display: block;\n    color: #3b82f6;\n    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 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.6;\n    max-width: 500px;\n    font-weight: 400;\n}<\/p>\n<p>\/* \u7279\u6027\u7f51\u683c *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\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>.water .feature-icon {\n    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\n}<\/p>\n<p>.workability .feature-icon {\n    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n}<\/p>\n<p>.stability .feature-icon {\n    background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);\n}<\/p>\n<p>.icon-water {\n    width: 24px;\n    height: 24px;\n    background: #3b82f6;\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n}<\/p>\n<p>.icon-gear {\n    width: 24px;\n    height: 24px;\n    background: #10b981;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.icon-gear::before,\n.icon-gear::after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: #10b981;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.icon-gear::before {\n    border-radius: 2px;\n}<\/p>\n<p>.icon-chart {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(to top, #f59e0b 0%, #f59e0b 60%, #fbbf24 60%, #fbbf24 100%);\n    border-radius: 2px;\n}<\/p>\n<p>.feature-text h3 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.4;\n}<\/p>\n<p>\/* CTA \u90e8\u5206 *\/\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: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\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>\/* \u53f3\u4fa7\u89c6\u89c9\u90e8\u5206 *\/\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: 400px;\n}<\/p>\n<p>\/* \u5206\u5b50\u56fe *\/\n.molecule-diagram {\n    position: relative;\n    width: 200px;\n    height: 200px;\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, #3b82f6 0%, #1d4ed8 100%);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 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: 60px;\n    top: 50%;\n    left: 20px;\n    transform: translateY(-50%) rotate(45deg);\n}<\/p>\n<p>.bond-2 {\n    width: 60px;\n    top: 50%;\n    right: 20px;\n    transform: translateY(-50%) rotate(-45deg);\n}<\/p>\n<p>.bond-3 {\n    width: 60px;\n    top: 30px;\n    left: 50%;\n    transform: translateX(-50%) rotate(90deg);\n}<\/p>\n<p>.bond-4 {\n    width: 60px;\n    bottom: 30px;\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: 4px 8px;\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: 10px;\n    left: 10px;\n}<\/p>\n<p>.group-2 {\n    top: 10px;\n    right: 10px;\n}<\/p>\n<p>.group-3 {\n    bottom: 10px;\n    left: 10px;\n}<\/p>\n<p>.group-4 {\n    bottom: 10px;\n    right: 10px;\n}<\/p>\n<p>\/* \u5e94\u7528\u9886\u57df *\/\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: 12px 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: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, #64748b 0%, #94a3b8 100%);\n    border-radius: 4px;\n}<\/p>\n<p>.construction .app-icon-simple {\n    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n}<\/p>\n<p>.adhesives .app-icon-simple {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n}<\/p>\n<p>.coatings .app-icon-simple {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n}<\/p>\n<p>.ceramics .app-icon-simple {\n    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n}<\/p>\n<p>\/* \u6027\u80fd\u7edf\u8ba1 *\/\n.performance-stats {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\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: 16px 12px;\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.5rem;\n    font-weight: 700;\n    color: #3b82f6;\n    margin-bottom: 4px;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\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    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .banner {\n        height: auto;\n        min-height: 600px;\n        padding: 60px 0;\n    }<\/p>\n<p>    .main-content {\n        padding: 0 20px;\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: 180px;\n        height: 180px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .main-content {\n        padding: 0 15px;\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>    .molecule-diagram {\n        width: 160px;\n        height: 160px;\n    }<\/p>\n<p>    .geometric-elements {\n        opacity: 0.3;\n    }\n}\n<\/style>\n<div class=\"hpmc-content\">\n    <!-- \u516c\u53f8\u4ecb\u7ecd\u90e8\u5206 --><\/p>\n<section class=\"hpmc-intro\">\n<div class=\"hpmc-container\">\n<div class=\"hpmc-intro-header\">\n<h1 class=\"hpmc-section-title\">China\u2019s Trusted HPMC Manufacturer &amp; Supplier<\/h1>\n<div class=\"hpmc-title-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-intro-layout\">\n<div class=\"hpmc-intro-text\">\n<div class=\"hpmc-highlight-box\">\n<p class=\"hpmc-lead-text\">\n                            For more than <span class=\"hpmc-emphasis\">two decades<\/span>, LANDU has been a leading name in hydroxypropyl methylcellulose (HPMC) manufacturing in China. Operating under our reputable <span class=\"hpmc-brand-name\">Landercoll\u00ae<\/span> brand, we specialize in delivering premium cellulose ethers designed to meet the highest industry standards.\n                        <\/p>\n<\/p><\/div>\n<div class=\"hpmc-stats-grid\">\n<div class=\"hpmc-stat-card\">\n<div class=\"hpmc-stat-number\">20,000<\/div>\n<div class=\"hpmc-stat-label\">Metric Tons Annual Capacity<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-card\">\n<div class=\"hpmc-stat-number\">60+<\/div>\n<div class=\"hpmc-stat-label\">\u03a7\u03ce\u03c1\u03b5\u03c2 \u03c3\u03b5 \u03cc\u03bb\u03bf \u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-card\">\n<div class=\"hpmc-stat-number\">20+<\/div>\n<div class=\"hpmc-stat-label\">\u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-intro-visual\">\n<div class=\"hpmc-facility-image\">\n                        <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/DSC2519.jpg\" alt=\"LANDU Production Facility\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-overlay\">\n<h3>State-of-the-art Facilities<\/h3>\n<p>Advanced production and R&amp;D laboratories in Shandong Province<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-description-card\">\n<p class=\"hpmc-description-text\">\n                    Equipped with state-of-the-art production facilities and dedicated R&amp;D laboratories in Shandong Province, our annual manufacturing capacity reaches 20,000 metric tons. Today, we proudly supply HPMC to customers in over 60 countries, serving a broad spectrum of industries from construction materials to daily chemical applications.\n                <\/p>\n<p class=\"hpmc-commitment-text\">\n                    As a top-tier China HPMC supplier, we are committed to consistent product quality, reliable supply chains, and tailor-made OEM solutions that adapt to your specific project needs.\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- \u5236\u9020\u80fd\u529b\u5c55\u793a --><\/p>\n<section class=\"hpmc-manufacturing\">\n<div class=\"hpmc-container\">\n<div class=\"hpmc-manufacturing-grid\">\n<div class=\"hpmc-manufacturing-card\">\n<div class=\"hpmc-manufacturing-image\">\n                        <img height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Hydroxypropyl-Methyl-Cellulose-hpmc-Manufacturer.jpg\" alt=\"HPMC Manufacturing Process\" loading=\"lazy\">\n                    <\/div>\n<div class=\"hpmc-manufacturing-content\">\n<h3>\u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03af\u03b1 \u03c3\u03c4\u03b7\u03bd \u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae<\/h3>\n<p>Advanced production lines ensuring consistent quality and efficiency<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-manufacturing-card\">\n<div class=\"hpmc-manufacturing-image\">\n                        <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-professional-technical.jpg\" alt=\"Professional Technical Team\" loading=\"lazy\">\n                    <\/div>\n<div class=\"hpmc-manufacturing-content\">\n<h3>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u0395\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7<\/h3>\n<p>Dedicated R&amp;D team with decades of industry experience<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-availability-section\">\n<div class=\"hpmc-availability-card\">\n<div class=\"hpmc-availability-item\">\n<div class=\"hpmc-price-indicator\"><\/div>\n<div>\n<h4>Competitive Pricing<\/h4>\n<p>Negotiable rates based on volume and specifications<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-availability-item\">\n<div class=\"hpmc-stock-indicator\"><\/div>\n<div>\n<h4>Ready to Ship<\/h4>\n<p>Comprehensive inventory with fast delivery worldwide<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- \u4ea7\u54c1\u4f18\u52bf --><\/p>\n<section class=\"hpmc-advantages\">\n<div class=\"hpmc-container\">\n<h2 class=\"hpmc-section-title\">Why Choose Landercoll\u00ae HPMC?<\/h2>\n<div class=\"hpmc-title-accent\"><\/div>\n<div class=\"hpmc-advantages-grid\">\n<div class=\"hpmc-advantage-card\">\n<div class=\"hpmc-advantage-header\">\n<div class=\"hpmc-advantage-icon water\"><\/div>\n<h3>Exceptional Water Retention<\/h3>\n<\/p><\/div>\n<p>Superior moisture control technology for enhanced application performance and extended working time<\/p>\n<\/p><\/div>\n<div class=\"hpmc-advantage-card\">\n<div class=\"hpmc-advantage-header\">\n<div class=\"hpmc-advantage-icon speed\"><\/div>\n<h3>Rapid Cold Water Dissolution<\/h3>\n<\/p><\/div>\n<p>Quick mixing capabilities that save time and improve formulation efficiency<\/p>\n<\/p><\/div>\n<div class=\"hpmc-advantage-card\">\n<div class=\"hpmc-advantage-header\">\n<div class=\"hpmc-advantage-icon durability\"><\/div>\n<h3>Enhanced Crack Resistance<\/h3>\n<\/p><\/div>\n<p>Superior bonding strength ensuring long-term durability and structural integrity<\/p>\n<\/p><\/div>\n<div class=\"hpmc-advantage-card\">\n<div class=\"hpmc-advantage-header\">\n<div class=\"hpmc-advantage-icon performance\"><\/div>\n<h3>\u0391\u03bd\u03ce\u03c4\u03b5\u03c1\u03b7 \u0395\u03c1\u03b3\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1<\/h3>\n<\/p><\/div>\n<p>Improved handling characteristics for smoother application and professional finish<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- \u4ea7\u54c1\u7ec4\u5408 --><\/p>\n<section class=\"hpmc-products\">\n<div class=\"hpmc-container\">\n<h2 class=\"hpmc-section-title\">Our HPMC Product Portfolio<\/h2>\n<div class=\"hpmc-title-accent\"><\/div>\n<p>            <!-- \u5efa\u7b51\u7ea7HPMC --><\/p>\n<div class=\"hpmc-product-section construction\">\n<div class=\"hpmc-product-header\">\n<div class=\"hpmc-product-title-area\">\n<h3 class=\"hpmc-product-title\">Construction Grade HPMC<\/h3>\n<p>                        <span class=\"hpmc-product-badge popular\">Most Popular<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-content\">\n<div class=\"hpmc-product-images\">\n<div class=\"hpmc-main-product-image\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxypropyl-Methyl-Cellulose.jpg\" alt=\"Construction Grade HPMC\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">\u0395\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2<\/div>\n<\/p><\/div>\n<div class=\"hpmc-application-image\">\n                            <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/C0008.MP4_20250916_103559.467-1.jpg\" alt=\"HPMC Application\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">Application Process<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-info\">\n<div class=\"hpmc-specifications\">\n<h4>cURL Too many subrequests.<\/h4>\n<div class=\"hpmc-spec-list\">\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">Product Name:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03c0\u03c1\u03bf\u03c0\u03c5\u03bb\u03bf \u039c\u03b5\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7 (HPMC)<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">Viscosity Range:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">400 \u2013 75,000 mPa\u00b7s<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-details\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"hpmc-service-note\">\n                                <strong>cURL Too many subrequests.<\/strong> cURL Too many subrequests.\n                            <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-cta\">\n                            <button class=\"hpmc-cta-button primary\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\">Request Quote<\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u65e5\u5316\u7ea7HPMC --><\/p>\n<div class=\"hpmc-product-section daily-chemical\">\n<div class=\"hpmc-product-header\">\n<div class=\"hpmc-product-title-area\">\n<h3 class=\"hpmc-product-title\">cURL Too many subrequests.<\/h3>\n<p>                        <span class=\"hpmc-product-badge specialty\">cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-content\">\n<div class=\"hpmc-product-images\">\n<div class=\"hpmc-main-product-image\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxypropyl-Methyl-Cellulose-K200D.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">\u0395\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2<\/div>\n<\/p><\/div>\n<div class=\"hpmc-application-image\">\n                            <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/C0047.MP4_000244.668.jpg\" alt=\"Daily Chemical Applications\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-info\">\n<div class=\"hpmc-specifications\">\n<h4>cURL Too many subrequests.<\/h4>\n<div class=\"hpmc-spec-list\">\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-applications\">\n<h4>cURL Too many subrequests.<\/h4>\n<div class=\"hpmc-app-tags\">\n                                <span class=\"hpmc-app-tag\">Detergents<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">Skincare Products<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">\u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-details\">\n<h4>Role &amp; Benefits<\/h4>\n<p>Provides thickening, stabilization, and precise viscosity control\u2014enhancing texture, product stability, and overall consumer satisfaction across personal care formulations.<\/p>\n<\/p><\/div>\n<div class=\"hpmc-product-cta\">\n                            <button class=\"hpmc-cta-button secondary\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\">\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u5316\u5986\u54c1\u7ea7HPMC --><\/p>\n<div class=\"hpmc-product-section cosmetic\">\n<div class=\"hpmc-product-header\">\n<div class=\"hpmc-product-title-area\">\n<h3 class=\"hpmc-product-title\">Cosmetic &amp; Skincare HPMC<\/h3>\n<p>                        <span class=\"hpmc-product-badge premium\">\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03a0\u03c1\u03ce\u03c4\u03b7\u03c2 \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-content\">\n<div class=\"hpmc-product-images single\">\n<div class=\"hpmc-main-product-image\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxypropyl-Methyl-Cellulose-K100-hpmc.jpg\" alt=\"Cosmetic Grade HPMC\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">Premium Cosmetic Grade<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-info\">\n<div class=\"hpmc-product-details\">\n<p>Premium-grade HPMC powder specifically formulated for cosmetics and skincare applications. Our solutions are tailored to help brands create stable, high-performance products that meet the most stringent quality standards.<\/p>\n<div class=\"hpmc-service-note specialty\">\n                                <strong>Additional Specialty Grades:<\/strong> We also offer specialized formulations for paints, ceramics, EIFS, industrial coatings, and other specialized applications.\n                            <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-cta\">\n                            <button class=\"hpmc-cta-button accent\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\">Request Samples<\/button>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<style>\n\/* \u57fa\u7840\u5bb9\u5668\u6837\u5f0f - \u4ec5\u5bf9\u5f53\u524d\u5185\u5bb9\u751f\u6548 *\/\n.hpmc-content {\n    background: #f8fafc;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    line-height: 1.6;\n    color: #334155;\n}<\/p>\n<p>.hpmc-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n}<\/p>\n<p>\/* \u901a\u7528\u6807\u9898\u6837\u5f0f *\/\n.hpmc-section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    text-align: center;\n    margin: 0 0 16px 0;\n    line-height: 1.2;\n}<\/p>\n<p>.hpmc-title-accent {\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    margin: 0 auto 48px;\n    border-radius: 2px;\n}<\/p>\n<p>\/* \u516c\u53f8\u4ecb\u7ecd\u90e8\u5206 *\/\n.hpmc-intro {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);\n}<\/p>\n<p>.hpmc-intro-header {\n    margin-bottom: 64px;\n}<\/p>\n<p>.hpmc-intro-layout {\n    display: grid;\n    grid-template-columns: 1.4fr 1fr;\n    gap: 56px;\n    align-items: start;\n    margin-bottom: 56px;\n}<\/p>\n<p>.hpmc-highlight-box {\n    background: white;\n    border-radius: 16px;\n    padding: 32px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    margin-bottom: 32px;\n    position: relative;\n}<\/p>\n<p>.hpmc-highlight-box::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    border-radius: 16px 16px 0 0;\n}<\/p>\n<p>.hpmc-lead-text {\n    font-size: 1.2rem;\n    line-height: 1.7;\n    margin: 0;\n    color: #475569;\n}<\/p>\n<p>.hpmc-emphasis {\n    color: #3b82f6;\n    font-weight: 600;\n}<\/p>\n<p>.hpmc-brand-name {\n    color: #10b981;\n    font-weight: 700;\n}<\/p>\n<p>.hpmc-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}<\/p>\n<p>.hpmc-stat-card {\n    background: white;\n    border-radius: 12px;\n    padding: 24px;\n    text-align: center;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\n    border: 1px solid #e2e8f0;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n}<\/p>\n<p>.hpmc-stat-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.hpmc-stat-number {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #3b82f6;\n    margin-bottom: 8px;\n    line-height: 1;\n}<\/p>\n<p>.hpmc-stat-label {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 500;\n    line-height: 1.3;\n}<\/p>\n<p>.hpmc-facility-image {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.hpmc-facility-image img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.hpmc-image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\n    color: white;\n    padding: 32px 24px 24px;\n}<\/p>\n<p>.hpmc-image-overlay h3 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.hpmc-image-overlay p {\n    font-size: 0.95rem;\n    margin: 0;\n    opacity: 0.9;\n}<\/p>\n<p>.hpmc-description-card {\n    background: white;\n    border-radius: 16px;\n    padding: 40px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.hpmc-description-text {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin-bottom: 20px;\n}<\/p>\n<p>.hpmc-commitment-text {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #334155;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>\/* \u5236\u9020\u80fd\u529b\u5c55\u793a *\/\n.hpmc-manufacturing {\n    padding: 80px 0;\n    background: white;\n}<\/p>\n<p>.hpmc-manufacturing-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    margin-bottom: 48px;\n}<\/p>\n<p>.hpmc-manufacturing-card {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n}<\/p>\n<p>.hpmc-manufacturing-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.hpmc-manufacturing-image {\n    height: 200px;\n    overflow: hidden;\n}<\/p>\n<p>.hpmc-manufacturing-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.hpmc-manufacturing-card:hover .hpmc-manufacturing-image img {\n    transform: scale(1.05);\n}<\/p>\n<p>.hpmc-manufacturing-content {\n    padding: 24px;\n}<\/p>\n<p>.hpmc-manufacturing-content h3 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.hpmc-manufacturing-content p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.hpmc-availability-section {\n    display: flex;\n    justify-content: center;\n}<\/p>\n<p>.hpmc-availability-card {\n    background: white;\n    border-radius: 16px;\n    padding: 32px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    display: flex;\n    gap: 48px;\n    align-items: center;\n}<\/p>\n<p>.hpmc-availability-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}<\/p>\n<p>.hpmc-price-indicator,\n.hpmc-stock-indicator {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>.hpmc-price-indicator {\n    background: #f59e0b;\n    box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);\n}<\/p>\n<p>.hpmc-stock-indicator {\n    background: #10b981;\n    box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);\n}<\/p>\n<p>.hpmc-availability-item h4 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 4px 0;\n}<\/p>\n<p>.hpmc-availability-item p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u4f18\u52bf *\/\n.hpmc-advantages {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n}<\/p>\n<p>.hpmc-advantages-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n}<\/p>\n<p>.hpmc-advantage-card {\n    background: white;\n    border-radius: 16px;\n    padding: 32px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n    border: 1px solid #e2e8f0;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n}<\/p>\n<p>.hpmc-advantage-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.hpmc-advantage-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.hpmc-advantage-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    flex-shrink: 0;\n    position: relative;\n}<\/p>\n<p>.hpmc-advantage-icon.water {\n    background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n}<\/p>\n<p>.hpmc-advantage-icon.speed {\n    background: linear-gradient(135deg, #ecfdf5, #d1fae5);\n}<\/p>\n<p>.hpmc-advantage-icon.durability {\n    background: linear-gradient(135deg, #fef3c7, #fed7aa);\n}<\/p>\n<p>.hpmc-advantage-icon.performance {\n    background: linear-gradient(135deg, #f3e8ff, #e9d5ff);\n}<\/p>\n<p>.hpmc-advantage-icon::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.8);\n}<\/p>\n<p>.hpmc-advantage-header h3 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.hpmc-advantage-card p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.6;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7ec4\u5408 *\/\n.hpmc-products {\n    padding: 80px 0;\n    background: white;\n}<\/p>\n<p>.hpmc-product-section {\n    margin-bottom: 64px;\n    background: #f8fafc;\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.hpmc-product-header {\n    margin-bottom: 32px;\n    padding-bottom: 24px;\n    border-bottom: 2px solid #e2e8f0;\n}<\/p>\n<p>.hpmc-product-title-area {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.hpmc-product-title {\n    font-size: 1.8rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.hpmc-product-badge {\n    padding: 6px 16px;\n    border-radius: 16px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: white;\n}<\/p>\n<p>.hpmc-product-badge.popular {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n}<\/p>\n<p>.hpmc-product-badge.specialty {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.hpmc-product-badge.premium {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.hpmc-product-content {\n    display: grid;\n    grid-template-columns: 380px 1fr;\n    gap: 40px;\n    align-items: start;\n}<\/p>\n<p>.hpmc-product-images {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.hpmc-product-images.single {\n    gap: 0;\n}<\/p>\n<p>.hpmc-main-product-image,\n.hpmc-application-image {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n}<\/p>\n<p>.hpmc-main-product-image:hover,\n.hpmc-application-image:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.hpmc-main-product-image img {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.hpmc-application-image img {\n    width: 100%;\n    height: 160px;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.hpmc-product-images.single .hpmc-main-product-image img {\n    height: 280px;\n}<\/p>\n<p>.hpmc-image-label {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(8px);\n    color: #1e293b;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.hpmc-product-info {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.hpmc-specifications {\n    background: white;\n    border-radius: 12px;\n    padding: 24px;\n    border: 1px solid #e2e8f0;\n}<\/p>\n<p>.hpmc-specifications h4 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.hpmc-spec-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.hpmc-spec-item {\n    display: flex;\n    gap: 12px;\n    padding: 8px 0;\n    border-bottom: 1px solid #f1f5f9;\n}<\/p>\n<p>.hpmc-spec-item:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.hpmc-spec-label {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #64748b;\n    min-width: 120px;\n    flex-shrink: 0;\n}<\/p>\n<p>.hpmc-spec-value {\n    font-size: 0.9rem;\n    color: #1e293b;\n    flex: 1;\n}<\/p>\n<p>.hpmc-product-details h4 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>.hpmc-product-details p {\n    font-size: 1rem;\n    line-height: 1.6;\n    color: #475569;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.hpmc-service-note {\n    background: #f0f9ff;\n    border: 1px solid #e0f2fe;\n    border-left: 4px solid #3b82f6;\n    border-radius: 8px;\n    padding: 16px;\n    font-size: 0.9rem;\n    color: #1e293b;\n    margin-top: 16px;\n}<\/p>\n<p>.hpmc-service-note.specialty {\n    background: #fef7cd;\n    border-color: #fed7aa;\n    border-left-color: #f59e0b;\n}<\/p>\n<p>.hpmc-applications h4 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.hpmc-app-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.hpmc-app-tag {\n    background: #f1f5f9;\n    color: #475569;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.8rem;\n    font-weight: 500;\n    border: 1px solid #e2e8f0;\n    transition: all 0.2s ease;\n}<\/p>\n<p>.hpmc-app-tag:hover {\n    background: #dbeafe;\n    color: #1d4ed8;\n    border-color: #bfdbfe;\n}<\/p>\n<p>.hpmc-product-cta {\n    margin-top: 8px;\n}<\/p>\n<p>.hpmc-cta-button {\n    padding: 12px 24px;\n    border-radius: 24px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    border: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: white;\n    min-width: 140px;\n}<\/p>\n<p>.hpmc-cta-button.primary {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.hpmc-cta-button.primary:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4);\n}<\/p>\n<p>.hpmc-cta-button.secondary {\n    background: linear-gradient(135deg, #10b981, #059669);\n    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.hpmc-cta-button.secondary:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);\n}<\/p>\n<p>.hpmc-cta-button.accent {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>.hpmc-cta-button.accent:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4);\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .hpmc-intro-layout {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .hpmc-manufacturing-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }<\/p>\n<p>    .hpmc-advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .hpmc-product-content {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .hpmc-availability-card {\n        flex-direction: column;\n        gap: 24px;\n        text-align: center;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .hpmc-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .hpmc-section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .hpmc-intro,\n    .hpmc-manufacturing,\n    .hpmc-advantages,\n    .hpmc-products {\n        padding: 60px 0;\n    }<\/p>\n<p>    .hpmc-stats-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }<\/p>\n<p>    .hpmc-product-section {\n        padding: 24px;\n    }<\/p>\n<p>    .hpmc-product-title-area {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }<\/p>\n<p>    .hpmc-spec-item {\n        flex-direction: column;\n        gap: 4px;\n    }<\/p>\n<p>    .hpmc-spec-label {\n        min-width: auto;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .hpmc-section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .hpmc-highlight-box,\n    .hpmc-description-card {\n        padding: 24px;\n    }<\/p>\n<p>    .hpmc-facility-image img,\n    .hpmc-manufacturing-image img {\n        height: 180px;\n    }<\/p>\n<p>    .hpmc-main-product-image img {\n        height: 180px;\n    }<\/p>\n<p>    .hpmc-application-image img {\n        height: 120px;\n    }<\/p>\n<p>    .hpmc-product-images.single .hpmc-main-product-image img {\n        height: 200px;\n    }<\/p>\n<p>    .hpmc-advantage-card {\n        padding: 24px;\n    }<\/p>\n<p>    .hpmc-advantage-header {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        gap: 12px;\n    }\n}\n<\/style>\n<div class=\"benefits-section\">\n<div class=\"benefits-container\">\n        <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"benefits-header\">\n<div class=\"header-decoration\">\n<div class=\"molecular-chain\">\n<div class=\"molecule\"><\/div>\n<div class=\"molecule\"><\/div>\n<div class=\"molecule\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2 class=\"benefits-title\">\n                Unlock the Key Benefits of<br \/>\n                <span class=\"brand-highlight\">LANDERCOLL\u00ae<\/span><br \/>\n                <span class=\"product-name\">HPMC<\/span><br \/>\n            <\/h2>\n<div class=\"title-underline\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u6838\u5fc3\u4f18\u52bf\u7f51\u683c --><\/p>\n<div class=\"benefits-grid\">\n            <!-- \u4fdd\u6c34\u6027 --><\/p>\n<div class=\"benefit-card water-retention\">\n<div class=\"benefit-visual\">\n<div class=\"water-container\">\n<div class=\"water-level\"><\/div>\n<div class=\"water-drops\">\n<div class=\"drop drop-1\"><\/div>\n<div class=\"drop drop-2\"><\/div>\n<div class=\"drop drop-3\"><\/div>\n<\/p><\/div>\n<div class=\"retention-barrier\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-content\">\n<h3>Superior Water Retention<\/h3>\n<p>Effectively slows moisture loss, ensuring extended working time and improved application performance.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">95%<\/span><br \/>\n                        <span class=\"metric-label\">Retention Rate<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u589e\u7a20\u80fd\u529b --><\/p>\n<div class=\"benefit-card thickening-power\">\n<div class=\"benefit-visual\">\n<div class=\"viscosity-container\">\n<div class=\"liquid-base\"><\/div>\n<div class=\"thickening-process\">\n<div class=\"viscosity-bar bar-1\"><\/div>\n<div class=\"viscosity-bar bar-2\"><\/div>\n<div class=\"viscosity-bar bar-3\"><\/div>\n<div class=\"viscosity-bar bar-4\"><\/div>\n<\/p><\/div>\n<div class=\"texture-indicator\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-content\">\n<h3>Remarkable Thickening Power<\/h3>\n<p>Boosts viscosity for a uniform texture, delivering enhanced cohesion and stronger structural integrity.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">10x<\/span><br \/>\n                        <span class=\"metric-label\">Viscosity Boost<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u9632\u6ed1\u63a7\u5236 --><\/p>\n<div class=\"benefit-card anti-slip\">\n<div class=\"benefit-visual\">\n<div class=\"slip-control-demo\">\n<div class=\"surface-angle\"><\/div>\n<div class=\"material-layer\">\n<div class=\"adhesion-points\">\n<div class=\"point point-1\"><\/div>\n<div class=\"point point-2\"><\/div>\n<div class=\"point point-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stability-indicator\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-content\">\n<h3>Reliable Anti-Slip Control<\/h3>\n<p>Minimizes sliding and sagging, allowing materials to stay precisely where they are applied.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">Zero<\/span><br \/>\n                        <span class=\"metric-label\">Sagging<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u7c98\u5408\u5f3a\u5ea6 --><\/p>\n<div class=\"benefit-card adhesive-strength\">\n<div class=\"benefit-visual\">\n<div class=\"bonding-demo\">\n<div class=\"substrate-1\"><\/div>\n<div class=\"adhesive-layer\">\n<div class=\"bond-links\">\n<div class=\"link link-1\"><\/div>\n<div class=\"link link-2\"><\/div>\n<div class=\"link link-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"substrate-2\"><\/div>\n<div class=\"strength-waves\">\n<div class=\"wave wave-1\"><\/div>\n<div class=\"wave wave-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-content\">\n<h3>Improved Adhesive Strength<\/h3>\n<p>Functions as a dependable binder, reinforcing durability and long-term stability.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">+40%<\/span><br \/>\n                        <span class=\"metric-label\">Bond Strength<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u60ac\u6d6e\u7a33\u5b9a\u6027 --><\/p>\n<div class=\"benefit-card suspension-stability\">\n<div class=\"benefit-visual\">\n<div class=\"suspension-container\">\n<div class=\"liquid-medium\"><\/div>\n<div class=\"suspended-particles\">\n<div class=\"particle particle-1\"><\/div>\n<div class=\"particle particle-2\"><\/div>\n<div class=\"particle particle-3\"><\/div>\n<div class=\"particle particle-4\"><\/div>\n<div class=\"particle particle-5\"><\/div>\n<\/p><\/div>\n<div class=\"stability-grid\">\n<div class=\"grid-line horizontal-1\"><\/div>\n<div class=\"grid-line horizontal-2\"><\/div>\n<div class=\"grid-line vertical-1\"><\/div>\n<div class=\"grid-line vertical-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-content\">\n<h3>Consistent Suspension Stability<\/h3>\n<p>Maintains even distribution in suspensions and emulsions, preventing unwanted separation.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">24h+<\/span><br \/>\n                        <span class=\"metric-label\">Stability<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u6210\u819c\u6027 --><\/p>\n<div class=\"benefit-card film-formation\">\n<div class=\"benefit-visual\">\n<div class=\"film-demo\">\n<div class=\"base-surface\"><\/div>\n<div class=\"film-layer\">\n<div class=\"film-molecules\">\n<div class=\"molecule-chain chain-1\"><\/div>\n<div class=\"molecule-chain chain-2\"><\/div>\n<div class=\"molecule-chain chain-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"film-shine\"><\/div>\n<div class=\"quality-indicator\">\n<div class=\"quality-ring\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-content\">\n<h3>Exceptional Film Formation<\/h3>\n<p>Produces a seamless, continuous layer that elevates both functionality and overall product aesthetics.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">100%<\/span><br \/>\n                        <span class=\"metric-label\">Coverage<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- \u5e95\u90e8\u88c5\u9970 --><\/p>\n<div class=\"benefits-footer\">\n<div class=\"performance-summary\">\n<div class=\"summary-item\">\n<div class=\"summary-icon excellence\"><\/div>\n<p>                    <span>Proven Excellence<\/span>\n                <\/div>\n<div class=\"summary-item\">\n<div class=\"summary-icon innovation\"><\/div>\n<p>                    <span>\u03a0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b7 \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1<\/span>\n                <\/div>\n<div class=\"summary-item\">\n<div class=\"summary-icon reliability\"><\/div>\n<p>                    <span>Consistent Results<\/span>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* \u57fa\u7840\u5bb9\u5668 *\/\n.benefits-section {\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.benefits-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: \n        radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 40% 40%, rgba(139, 92, 246, 0.03) 0%, transparent 50%);\n}<\/p>\n<p>.benefits-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* \u6807\u9898\u533a\u57df *\/\n.benefits-header {\n    text-align: center;\n    margin-bottom: 80px;\n    position: relative;\n}<\/p>\n<p>.header-decoration {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 32px;\n}<\/p>\n<p>.molecular-chain {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px 24px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 50px;\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>.molecule {\n    width: 16px;\n    height: 16px;\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    border-radius: 50%;\n    position: relative;\n    animation: moleculeFloat 3s ease-in-out infinite;\n}<\/p>\n<p>.molecule:nth-child(1) { animation-delay: 0s; }\n.molecule:nth-child(2) { animation-delay: 1s; }\n.molecule:nth-child(3) { animation-delay: 2s; }<\/p>\n<p>.molecule::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    right: -12px;\n    width: 8px;\n    height: 2px;\n    background: linear-gradient(90deg, #3b82f6, transparent);\n    transform: translateY(-50%);\n}<\/p>\n<p>.molecule:last-child::after {\n    display: none;\n}<\/p>\n<p>@keyframes moleculeFloat {\n    0%, 100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-4px) scale(1.1); }\n}<\/p>\n<p>.benefits-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    line-height: 1.2;\n    margin-bottom: 24px;\n    color: #1e293b;\n}<\/p>\n<p>.brand-highlight {\n    background: linear-gradient(135deg, #10b981, #059669);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    position: relative;\n}<\/p>\n<p>.product-name {\n    color: #3b82f6;\n    font-weight: 900;\n    letter-spacing: 2px;\n}<\/p>\n<p>.title-underline {\n    width: 120px;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    margin: 0 auto;\n    border-radius: 2px;\n    position: relative;\n}<\/p>\n<p>.title-underline::after {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 8px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    opacity: 0.3;\n    border-radius: 4px;\n    animation: underlineGlow 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes underlineGlow {\n    0%, 100% { opacity: 0.3; width: 60px; }\n    50% { opacity: 0.6; width: 80px; }\n}<\/p>\n<p>\/* \u4f18\u52bf\u7f51\u683c *\/\n.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 80px;\n}<\/p>\n<p>.benefit-card {\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, var(--card-gradient));\n    opacity: 0.8;\n}<\/p>\n<p>.benefit-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15);\n    border-color: rgba(255, 255, 255, 0.5);\n}<\/p>\n<p>\/* \u5361\u7247\u4e3b\u9898\u8272\u5f69 *\/\n.water-retention {\n    --card-gradient: #3b82f6, #1d4ed8;\n}<\/p>\n<p>.thickening-power {\n    --card-gradient: #10b981, #059669;\n}<\/p>\n<p>.anti-slip {\n    --card-gradient: #f59e0b, #d97706;\n}<\/p>\n<p>.adhesive-strength {\n    --card-gradient: #8b5cf6, #7c3aed;\n}<\/p>\n<p>.suspension-stability {\n    --card-gradient: #ef4444, #dc2626;\n}<\/p>\n<p>.film-formation {\n    --card-gradient: #06b6d4, #0891b2;\n}<\/p>\n<p>\/* \u89c6\u89c9\u6548\u679c\u533a\u57df *\/\n.benefit-visual {\n    height: 120px;\n    margin-bottom: 32px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>\/* \u4fdd\u6c34\u6027\u89c6\u89c9\u6548\u679c *\/\n.water-container {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    border: 3px solid #3b82f6;\n    border-radius: 16px;\n    background: linear-gradient(180deg, transparent 30%, rgba(59, 130, 246, 0.2) 100%);\n}<\/p>\n<p>.water-level {\n    position: absolute;\n    bottom: 4px;\n    left: 4px;\n    right: 4px;\n    height: 50%;\n    background: linear-gradient(180deg, rgba(59, 130, 246, 0.6), rgba(59, 130, 246, 0.8));\n    border-radius: 8px;\n    animation: waterLevelFloat 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes waterLevelFloat {\n    0%, 100% { height: 50%; }\n    50% { height: 60%; }\n}<\/p>\n<p>.water-drops {\n    position: absolute;\n    top: -20px;\n    left: 50%;\n    transform: translateX(-50%);\n}<\/p>\n<p>.drop {\n    position: absolute;\n    width: 8px;\n    height: 10px;\n    background: #3b82f6;\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    animation: dropFall 2s ease-in-out infinite;\n}<\/p>\n<p>.drop-1 { left: -8px; animation-delay: 0s; }\n.drop-2 { left: 0; animation-delay: 0.7s; }\n.drop-3 { left: 8px; animation-delay: 1.4s; }<\/p>\n<p>@keyframes dropFall {\n    0% { transform: translateY(-10px); opacity: 1; }\n    100% { transform: translateY(20px); opacity: 0; }\n}<\/p>\n<p>.retention-barrier {\n    position: absolute;\n    bottom: -4px;\n    left: -4px;\n    right: -4px;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    border-radius: 2px;\n}<\/p>\n<p>\/* \u589e\u7a20\u80fd\u529b\u89c6\u89c9\u6548\u679c *\/\n.viscosity-container {\n    position: relative;\n    width: 100px;\n    height: 80px;\n    display: flex;\n    align-items: end;\n    justify-content: center;\n    gap: 4px;\n}<\/p>\n<p>.viscosity-bar {\n    width: 8px;\n    background: linear-gradient(180deg, #10b981, #059669);\n    border-radius: 4px 4px 0 0;\n    animation: viscosityGrow 2s ease-in-out infinite;\n}<\/p>\n<p>.bar-1 { height: 20px; animation-delay: 0s; }\n.bar-2 { height: 35px; animation-delay: 0.3s; }\n.bar-3 { height: 50px; animation-delay: 0.6s; }\n.bar-4 { height: 40px; animation-delay: 0.9s; }<\/p>\n<p>@keyframes viscosityGrow {\n    0%, 100% { transform: scaleY(1); }\n    50% { transform: scaleY(1.2); }\n}<\/p>\n<p>.liquid-base {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 8px;\n    background: linear-gradient(90deg, rgba(16, 185, 129, 0.3), rgba(5, 150, 105, 0.3));\n    border-radius: 4px;\n}<\/p>\n<p>.texture-indicator {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    width: 20px;\n    height: 20px;\n    border: 2px solid #10b981;\n    border-radius: 50%;\n    animation: textureIndicator 1.5s ease-in-out infinite;\n}<\/p>\n<p>@keyframes textureIndicator {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.3); opacity: 0.7; }\n}<\/p>\n<p>\/* \u9632\u6ed1\u63a7\u5236\u89c6\u89c9\u6548\u679c *\/\n.slip-control-demo {\n    position: relative;\n    width: 100px;\n    height: 80px;\n}<\/p>\n<p>.surface-angle {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 80px;\n    height: 40px;\n    background: linear-gradient(135deg, rgba(245, 158, 11, 0.3), rgba(217, 119, 6, 0.3));\n    clip-path: polygon(0 100%, 100% 60%, 100% 100%);\n}<\/p>\n<p>.material-layer {\n    position: absolute;\n    bottom: 20px;\n    left: 10px;\n    width: 60px;\n    height: 20px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    border-radius: 4px;\n    transform: rotate(-10deg);\n}<\/p>\n<p>.adhesion-points {\n    position: absolute;\n    bottom: -4px;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: space-between;\n    padding: 0 8px;\n}<\/p>\n<p>.point {\n    width: 4px;\n    height: 4px;\n    background: #f59e0b;\n    border-radius: 50%;\n    animation: adhesionPulse 1s ease-in-out infinite;\n}<\/p>\n<p>.point-1 { animation-delay: 0s; }\n.point-2 { animation-delay: 0.3s; }\n.point-3 { animation-delay: 0.6s; }<\/p>\n<p>@keyframes adhesionPulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.5); opacity: 0.7; }\n}<\/p>\n<p>.stability-indicator {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 16px;\n    height: 16px;\n    background: #10b981;\n    border-radius: 50%;\n    animation: stabilityBlink 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes stabilityBlink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.3; }\n}<\/p>\n<p>\/* \u7c98\u5408\u5f3a\u5ea6\u89c6\u89c9\u6548\u679c *\/\n.bonding-demo {\n    position: relative;\n    width: 100px;\n    height: 80px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.substrate-1,\n.substrate-2 {\n    width: 80px;\n    height: 16px;\n    background: linear-gradient(90deg, rgba(139, 92, 246, 0.6), rgba(124, 58, 237, 0.6));\n    border-radius: 4px;\n}<\/p>\n<p>.adhesive-layer {\n    width: 60px;\n    height: 8px;\n    background: linear-gradient(90deg, #8b5cf6, #7c3aed);\n    border-radius: 2px;\n    position: relative;\n    margin: 4px 0;\n}<\/p>\n<p>.bond-links {\n    position: absolute;\n    top: -6px;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: space-between;\n    padding: 0 8px;\n}<\/p>\n<p>.link {\n    width: 2px;\n    height: 16px;\n    background: #8b5cf6;\n    border-radius: 1px;\n    animation: bondStrength 1.5s ease-in-out infinite;\n}<\/p>\n<p>.link-1 { animation-delay: 0s; }\n.link-2 { animation-delay: 0.5s; }\n.link-3 { animation-delay: 1s; }<\/p>\n<p>@keyframes bondStrength {\n    0%, 100% { transform: scaleY(1); opacity: 0.8; }\n    50% { transform: scaleY(1.3); opacity: 1; }\n}<\/p>\n<p>.strength-waves {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.wave {\n    position: absolute;\n    width: 40px;\n    height: 40px;\n    border: 2px solid rgba(139, 92, 246, 0.4);\n    border-radius: 50%;\n    animation: strengthWave 2s ease-out infinite;\n}<\/p>\n<p>.wave-1 { animation-delay: 0s; }\n.wave-2 { animation-delay: 1s; }<\/p>\n<p>@keyframes strengthWave {\n    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }\n    100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }\n}<\/p>\n<p>\/* \u60ac\u6d6e\u7a33\u5b9a\u6027\u89c6\u89c9\u6548\u679c *\/\n.suspension-container {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(180deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.2));\n    border: 2px solid #ef4444;\n    border-radius: 12px;\n}<\/p>\n<p>.suspended-particles {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    right: 8px;\n    bottom: 8px;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: #ef4444;\n    border-radius: 50%;\n    animation: particleSuspension 3s ease-in-out infinite;\n}<\/p>\n<p>.particle-1 { top: 20%; left: 30%; animation-delay: 0s; }\n.particle-2 { top: 40%; right: 25%; animation-delay: 0.6s; }\n.particle-3 { bottom: 30%; left: 20%; animation-delay: 1.2s; }\n.particle-4 { bottom: 50%; right: 30%; animation-delay: 1.8s; }\n.particle-5 { top: 60%; left: 50%; animation-delay: 2.4s; }<\/p>\n<p>@keyframes particleSuspension {\n    0%, 100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-4px) scale(1.2); }\n}<\/p>\n<p>.stability-grid {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.grid-line {\n    position: absolute;\n    background: rgba(239, 68, 68, 0.2);\n}<\/p>\n<p>.horizontal-1,\n.horizontal-2 {\n    left: 0;\n    right: 0;\n    height: 1px;\n}<\/p>\n<p>.horizontal-1 { top: 33%; }\n.horizontal-2 { bottom: 33%; }<\/p>\n<p>.vertical-1,\n.vertical-2 {\n    top: 0;\n    bottom: 0;\n    width: 1px;\n}<\/p>\n<p>.vertical-1 { left: 33%; }\n.vertical-2 { right: 33%; }<\/p>\n<p>\/* \u6210\u819c\u6027\u89c6\u89c9\u6548\u679c *\/\n.film-demo {\n    position: relative;\n    width: 100px;\n    height: 80px;\n}<\/p>\n<p>.base-surface {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 16px;\n    background: linear-gradient(90deg, rgba(6, 182, 212, 0.3), rgba(8, 145, 178, 0.3));\n    border-radius: 8px;\n}<\/p>\n<p>.film-layer {\n    position: absolute;\n    bottom: 16px;\n    left: 8px;\n    right: 8px;\n    height: 24px;\n    background: linear-gradient(180deg, rgba(6, 182, 212, 0.8), rgba(8, 145, 178, 0.9));\n    border-radius: 8px 8px 0 0;\n    overflow: hidden;\n}<\/p>\n<p>.film-molecules {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 4px;\n}<\/p>\n<p>.molecule-chain {\n    width: 2px;\n    height: 16px;\n    background: linear-gradient(180deg, #06b6d4, #0891b2);\n    border-radius: 1px;\n    animation: moleculeChain 2s ease-in-out infinite;\n}<\/p>\n<p>.chain-1 { animation-delay: 0s; }\n.chain-2 { animation-delay: 0.7s; }\n.chain-3 { animation-delay: 1.4s; }<\/p>\n<p>@keyframes moleculeChain {\n    0%, 100% { transform: scaleY(1); }\n    50% { transform: scaleY(1.3); }\n}<\/p>\n<p>.film-shine {\n    position: absolute;\n    top: 0;\n    left: -20px;\n    width: 20px;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\n    animation: filmShine 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes filmShine {\n    0% { left: -20px; }\n    100% { left: 100px; }\n}<\/p>\n<p>.quality-indicator {\n    position: absolute;\n    top: -8px;\n    right: -8px;\n    width: 20px;\n    height: 20px;\n}<\/p>\n<p>.quality-ring {\n    width: 100%;\n    height: 100%;\n    border: 2px solid #10b981;\n    border-radius: 50%;\n    animation: qualityRing 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes qualityRing {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.2); opacity: 0.7; }\n}<\/p>\n<p>\/* \u5185\u5bb9\u533a\u57df *\/\n.benefit-content h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}<\/p>\n<p>.benefit-content p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.benefit-metric {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 16px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(248, 250, 252, 0.8));\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n}<\/p>\n<p>.metric-value {\n    font-size: 2rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, var(--card-gradient));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.metric-label {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u5e95\u90e8\u88c5\u9970 *\/\n.benefits-footer {\n    text-align: center;\n    padding-top: 48px;\n    border-top: 2px solid rgba(255, 255, 255, 0.3);\n}<\/p>\n<p>.performance-summary {\n    display: flex;\n    justify-content: center;\n    gap: 48px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.summary-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    padding: 24px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(15px);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.summary-item:hover {\n    transform: translateY(-4px);\n}<\/p>\n<p>.summary-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    position: relative;\n}<\/p>\n<p>.summary-icon.excellence {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.summary-icon.innovation {\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n}<\/p>\n<p>.summary-icon.reliability {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.summary-icon::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 20px;\n    height: 20px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n}<\/p>\n<p>.summary-item span {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1200px) {\n    .benefits-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .benefits-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .benefits-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .benefits-title {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .benefit-card {\n        padding: 32px;\n    }<\/p>\n<p>    .performance-summary {\n        gap: 24px;\n    }<\/p>\n<p>    .summary-item {\n        padding: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .benefits-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .benefit-card {\n        padding: 24px;\n    }<\/p>\n<p>    .benefit-visual {\n        height: 100px;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .benefit-content h3 {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .metric-value {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .performance-summary {\n        flex-direction: column;\n        align-items: center;\n        gap: 16px;\n    }\n}\n<\/style>\n<div class=\"product-info-section\">\n<div class=\"product-container\">\n        <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"product-header\">\n<div class=\"header-visual\">\n<div class=\"chemical-structure\">\n<div class=\"polymer-backbone\">\n<div class=\"unit unit-1\">C<\/div>\n<div class=\"unit unit-2\">H<\/div>\n<div class=\"unit unit-3\">O<\/div>\n<\/p><\/div>\n<div class=\"molecular-bonds\">\n<div class=\"bond bond-1\"><\/div>\n<div class=\"bond bond-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"header-content\">\n<h2 class=\"product-title\">\n                    Product Information \u2014<br \/>\n                    <span class=\"chemical-name\">\u03a5\u03b4\u03c1\u03bf\u03be\u03c5\u03c0\u03c1\u03bf\u03c0\u03c5\u03bb\u03bf\u03bc\u03b5\u03b8\u03c5\u03bb\u03bf\u03ba\u03c5\u03c4\u03c4\u03b1\u03bb\u03cc\u03b6\u03b7<\/span><br \/>\n                    <span class=\"abbreviation\">(HPMC)<\/span><br \/>\n                <\/h2>\n<div class=\"brand-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"product-main\">\n            <!-- \u4ea7\u54c1\u4ecb\u7ecd --><\/p>\n<div class=\"product-intro\">\n<div class=\"intro-content\">\n<div class=\"company-highlight\">\n                        <span class=\"company-name\">LANDU<\/span> is a leading HPMC manufacturer and supplier in China, providing high-quality hydroxypropyl methylcellulose (HPMC) under the <span class=\"brand-mark\">Landercoll\u00ae<\/span> brand.\n                    <\/div>\n<p class=\"intro-description\">\n                        Our cellulose ether products are widely used in construction materials, daily chemicals, coatings, and industrial applications.\n                    <\/p>\n<p>                    <!-- \u5e94\u7528\u9886\u57df\u56fe\u6807 --><\/p>\n<div class=\"application-areas\">\n<div class=\"area-item construction-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>\u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae<\/span>\n                        <\/div>\n<div class=\"area-item chemical-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>Daily Chemicals<\/span>\n                        <\/div>\n<div class=\"area-item coating-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>Coatings<\/span>\n                        <\/div>\n<div class=\"area-item industrial-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>Industrial<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-image-container\">\n<div class=\"image-frame\">\n                        <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-Cellulose-Ethers.jpg\" alt=\"LANDU \u03a0\u03b7\u03ba\u03c4\u03ad\u03c2 \u039a\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2\" loading=\"lazy\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">\n<div class=\"badge-icon\"><\/div>\n<p>                                <span>\u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03a0\u03c1\u03ce\u03c4\u03b7\u03c2 \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-caption\">\n<h4>LANDU \u03a0\u03b7\u03ba\u03c4\u03ad\u03c2 \u039a\u03c5\u03c4\u03c4\u03b1\u03c1\u03af\u03bd\u03b7\u03c2<\/h4>\n<p>High-quality HPMC products for diverse applications<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u57fa\u672c\u4fe1\u606f\u5361\u7247 --><\/p>\n<div class=\"basic-info-grid\">\n<div class=\"info-card appearance\">\n<div class=\"card-header\">\n<div class=\"card-icon powder-icon\"><\/div>\n<h3>\u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7<\/h3>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"appearance-sample\">\n<div class=\"powder-texture\"><\/div>\n<\/p><\/div>\n<p>White to off-white powder<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"info-card formula\">\n<div class=\"card-header\">\n<div class=\"card-icon formula-icon\"><\/div>\n<h3>Formula Modification<\/h3>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"customization-indicator\">\n<div class=\"custom-bars\">\n<div class=\"bar bar-1\"><\/div>\n<div class=\"bar bar-2\"><\/div>\n<div class=\"bar bar-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>Customized grades available<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"info-card codes\">\n<div class=\"card-header\">\n<div class=\"card-icon code-icon\"><\/div>\n<h3>Classification Codes<\/h3>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"code-list\">\n<div class=\"code-item\">\n                                <span class=\"code-label\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"code-value\">3912390000 \/ 3912900000<\/span>\n                            <\/div>\n<div class=\"code-item\">\n                                <span class=\"code-label\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"code-value\">9004-65-3<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u6280\u672f\u89c4\u683c\u8868 --><\/p>\n<div class=\"specifications-section\">\n<div class=\"spec-header\">\n<div class=\"spec-title-area\">\n<h3>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03a0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ad\u03c2<\/h3>\n<div class=\"spec-decoration\">\n<div class=\"spec-line\"><\/div>\n<div class=\"spec-dot\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"spec-table-container\">\n<div class=\"spec-table\">\n<div class=\"table-header\">\n<div class=\"header-cell item-header\">\n<div class=\"header-icon\"><\/div>\n<p>                                <span>\u0391\u03bd\u03c4\u03b9\u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf<\/span>\n                            <\/div>\n<div class=\"header-cell range-header\">\n<div class=\"header-icon\"><\/div>\n<p>                                <span>Specification Range<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"table-body\">\n<div class=\"table-row viscosity-row\">\n<div class=\"cell item-cell\">\n<div class=\"item-indicator viscosity-indicator\"><\/div>\n<p>                                    <span>\u0399\u03be\u03c9\u03c3\u03c5\u03bc\u03af\u03b1<\/span>\n                                <\/div>\n<div class=\"cell spec-cell\">\n                                    <span class=\"spec-value\">400 \u2013 75,000 mPa\u00b7s<\/span><\/p>\n<div class=\"range-visual\">\n<div class=\"range-bar\">\n<div class=\"range-fill\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"table-row particle-row\">\n<div class=\"cell item-cell\">\n<div class=\"item-indicator particle-indicator\"><\/div>\n<p>                                    <span>\u039c\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03a3\u03c9\u03bc\u03b1\u03c4\u03b9\u03b4\u03af\u03c9\u03bd<\/span>\n                                <\/div>\n<div class=\"cell spec-cell\">\n                                    <span class=\"spec-value\">cURL Too many subrequests.<\/span><\/p>\n<div class=\"particle-visual\">\n<div class=\"mesh-grid\">\n<div class=\"particle-dot\"><\/div>\n<div class=\"particle-dot\"><\/div>\n<div class=\"particle-dot\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"table-row ph-row\">\n<div class=\"cell item-cell\">\n<div class=\"item-indicator ph-indicator\"><\/div>\n<p>                                    <span>\u03a4\u03b9\u03bc\u03ae pH<\/span>\n                                <\/div>\n<div class=\"cell spec-cell\">\n                                    <span class=\"spec-value\">6 \u2013 8<\/span><\/p>\n<div class=\"ph-visual\">\n<div class=\"ph-scale\">\n<div class=\"ph-range\"><\/div>\n<div class=\"ph-marker start\">6<\/div>\n<div class=\"ph-marker end\">8<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"table-row moisture-row\">\n<div class=\"cell item-cell\">\n<div class=\"item-indicator moisture-indicator\"><\/div>\n<p>                                    <span>cURL Too many subrequests.<\/span>\n                                <\/div>\n<div class=\"cell spec-cell\">\n                                    <span class=\"spec-value\">\u22645%<\/span><\/p>\n<div class=\"moisture-visual\">\n<div class=\"moisture-meter\">\n<div class=\"meter-fill\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"table-row water-row\">\n<div class=\"cell item-cell\">\n<div class=\"item-indicator water-indicator\"><\/div>\n<p>                                    <span>\u03a0\u03b5\u03c1\u03b9\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03b5 \u039d\u03b5\u03c1\u03cc<\/span>\n                                <\/div>\n<div class=\"cell spec-cell\">\n                                    <span class=\"spec-value\">\u22645%<\/span><\/p>\n<div class=\"water-visual\">\n<div class=\"water-drops\">\n<div class=\"drop drop-1\"><\/div>\n<div class=\"drop drop-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u8d28\u91cf\u4fdd\u8bc1\u6807\u8bc6 --><\/p>\n<div class=\"quality-assurance\">\n<div class=\"qa-item\">\n<div class=\"qa-icon certified\"><\/div>\n<p>                        <span>\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf ISO<\/span>\n                    <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon tested\"><\/div>\n<p>                        <span>\u0395\u03c1\u03b3\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03b1\u03ba\u03ac \u0394\u03bf\u03ba\u03b9\u03bc\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf<\/span>\n                    <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon consistent\"><\/div>\n<p>                        <span>\u03a3\u03c5\u03bd\u03b5\u03c0\u03ae\u03c2 \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* \u57fa\u7840\u5bb9\u5668 *\/\n.product-info-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);\n    padding: 100px 0;\n    position: relative;\n}<\/p>\n<p>.product-info-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: \n        radial-gradient(circle at 15% 25%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 85% 75%, rgba(16, 185, 129, 0.03) 0%, transparent 50%);\n}<\/p>\n<p>.product-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* \u6807\u9898\u533a\u57df *\/\n.product-header {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    margin-bottom: 80px;\n    padding: 40px;\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(15px);\n    border-radius: 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>.header-visual {\n    flex-shrink: 0;\n}<\/p>\n<p>.chemical-structure {\n    width: 100px;\n    height: 100px;\n    position: relative;\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: 16px;\n    position: relative;\n}<\/p>\n<p>.unit {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.8rem;\n    font-weight: 700;\n    animation: unitFloat 3s ease-in-out infinite;\n}<\/p>\n<p>.unit-1 { animation-delay: 0s; }\n.unit-2 { animation-delay: 1s; }\n.unit-3 { animation-delay: 2s; }<\/p>\n<p>@keyframes unitFloat {\n    0%, 100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-4px) scale(1.1); }\n}<\/p>\n<p>.molecular-bonds {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.bond {\n    position: absolute;\n    height: 2px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    border-radius: 1px;\n    animation: bondPulse 2s ease-in-out infinite;\n}<\/p>\n<p>.bond-1 {\n    top: 50%;\n    left: 20%;\n    width: 20px;\n    transform: translateY(-50%);\n}<\/p>\n<p>.bond-2 {\n    top: 50%;\n    right: 20%;\n    width: 20px;\n    transform: translateY(-50%);\n    animation-delay: 1s;\n}<\/p>\n<p>@keyframes bondPulse {\n    0%, 100% { opacity: 0.6; }\n    50% { opacity: 1; }\n}<\/p>\n<p>.header-content {\n    flex: 1;\n}<\/p>\n<p>.product-title {\n    font-size: 2.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    line-height: 1.2;\n    margin-bottom: 16px;\n}<\/p>\n<p>.chemical-name {\n    color: #3b82f6;\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.abbreviation {\n    color: #10b981;\n    font-weight: 800;\n    font-size: 3.2rem;\n}<\/p>\n<p>.brand-line {\n    width: 150px;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    border-radius: 2px;\n    position: relative;\n}<\/p>\n<p>.brand-line::after {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: 0;\n    width: 80px;\n    height: 8px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    opacity: 0.3;\n    border-radius: 4px;\n    animation: lineGlow 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes lineGlow {\n    0%, 100% { opacity: 0.3; width: 80px; }\n    50% { opacity: 0.6; width: 120px; }\n}<\/p>\n<p>\/* \u4e3b\u8981\u5185\u5bb9\u533a\u57df *\/\n.product-main {\n    display: flex;\n    flex-direction: column;\n    gap: 60px;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u4ecb\u7ecd *\/\n.product-intro {\n    display: grid;\n    grid-template-columns: 1.4fr 1fr;\n    gap: 50px;\n    align-items: start;\n}<\/p>\n<p>.intro-content {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(15px);\n    border-radius: 20px;\n    padding: 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>.company-highlight {\n    font-size: 1.3rem;\n    line-height: 1.6;\n    color: #334155;\n    margin-bottom: 20px;\n    font-weight: 500;\n}<\/p>\n<p>.company-name {\n    color: #3b82f6;\n    font-weight: 700;\n    font-size: 1.4rem;\n}<\/p>\n<p>.brand-mark {\n    color: #10b981;\n    font-weight: 700;\n    background: linear-gradient(135deg, #10b981, #059669);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.intro-description {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.7;\n    margin-bottom: 32px;\n}<\/p>\n<p>.application-areas {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n}<\/p>\n<p>.area-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(248, 250, 252, 0.8));\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.area-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.area-icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n    position: relative;\n}<\/p>\n<p>.construction-area .area-icon {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n}<\/p>\n<p>.chemical-area .area-icon {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.coating-area .area-icon {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.industrial-area .area-icon {\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n}<\/p>\n<p>.area-icon::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 16px;\n    height: 16px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n}<\/p>\n<p>.area-item span {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.product-image-container {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.image-frame {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.image-frame:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 64px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>.image-frame img {\n    width: 100%;\n    height: 320px;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n}<\/p>\n<p>.overlay-badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 12px 16px;\n    border-radius: 20px;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.badge-icon {\n    width: 16px;\n    height: 16px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.badge-icon::after {\n    content: '\u2605';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 10px;\n}<\/p>\n<p>.overlay-badge span {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.image-caption {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(15px);\n    border-radius: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    text-align: center;\n}<\/p>\n<p>.image-caption h4 {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 8px;\n}<\/p>\n<p>.image-caption p {\n    font-size: 1rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* \u57fa\u672c\u4fe1\u606f\u5361\u7247 *\/\n.basic-info-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}<\/p>\n<p>.info-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(15px);\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    transition: all 0.3s ease;\n}<\/p>\n<p>.info-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.card-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}<\/p>\n<p>.powder-icon {\n    background: linear-gradient(135deg, #64748b, #475569);\n}<\/p>\n<p>.formula-icon {\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n}<\/p>\n<p>.code-icon {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.card-icon::after {\n    content: '';\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n}<\/p>\n<p>.card-header h3 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.card-content {\n    text-align: center;\n}<\/p>\n<p>.appearance-sample {\n    width: 60px;\n    height: 40px;\n    margin: 0 auto 16px;\n    border-radius: 8px;\n    background: linear-gradient(135deg, #f8fafc, #e2e8f0);\n    border: 2px solid #cbd5e1;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.powder-texture {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: \n        radial-gradient(circle at 20% 30%, rgba(148, 163, 184, 0.3) 1px, transparent 1px),\n        radial-gradient(circle at 70% 60%, rgba(148, 163, 184, 0.3) 1px, transparent 1px),\n        radial-gradient(circle at 40% 80%, rgba(148, 163, 184, 0.3) 1px, transparent 1px);\n    background-size: 8px 8px, 12px 12px, 6px 6px;\n}<\/p>\n<p>.customization-indicator {\n    margin: 0 auto 16px;\n    display: flex;\n    justify-content: center;\n}<\/p>\n<p>.custom-bars {\n    display: flex;\n    align-items: end;\n    gap: 4px;\n}<\/p>\n<p>.bar {\n    width: 8px;\n    background: linear-gradient(180deg, #8b5cf6, #7c3aed);\n    border-radius: 4px 4px 0 0;\n    animation: barGrow 2s ease-in-out infinite;\n}<\/p>\n<p>.bar-1 { height: 20px; animation-delay: 0s; }\n.bar-2 { height: 32px; animation-delay: 0.5s; }\n.bar-3 { height: 24px; animation-delay: 1s; }<\/p>\n<p>@keyframes barGrow {\n    0%, 100% { transform: scaleY(1); }\n    50% { transform: scaleY(1.2); }\n}<\/p>\n<p>.code-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.code-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 12px;\n    background: rgba(248, 250, 252, 0.8);\n    border-radius: 8px;\n    border: 1px solid rgba(226, 232, 240, 0.8);\n}<\/p>\n<p>.code-label {\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: #64748b;\n}<\/p>\n<p>.code-value {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n    font-family: 'Courier New', monospace;\n}<\/p>\n<p>.card-content p {\n    font-size: 1rem;\n    color: #475569;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>\/* \u6280\u672f\u89c4\u683c\u8868 *\/\n.specifications-section {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(15px);\n    border-radius: 24px;\n    padding: 48px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.spec-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.spec-title-area {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n}<\/p>\n<p>.spec-title-area h3 {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.spec-decoration {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n}<\/p>\n<p>.spec-line {\n    height: 2px;\n    background: linear-gradient(90deg, #3b82f6, transparent);\n    flex: 1;\n    max-width: 100px;\n}<\/p>\n<p>.spec-dot {\n    width: 8px;\n    height: 8px;\n    background: #10b981;\n    border-radius: 50%;\n    animation: dotPulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes dotPulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.3); opacity: 0.7; }\n}<\/p>\n<p>.spec-table-container {\n    margin-bottom: 40px;\n}<\/p>\n<p>.spec-table {\n    background: rgba(248, 250, 252, 0.5);\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid rgba(226, 232, 240, 0.8);\n}<\/p>\n<p>.table-header {\n    display: grid;\n    grid-template-columns: 1fr 1.5fr;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));\n    border-bottom: 2px solid rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.header-cell {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 24px;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.header-icon {\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n}<\/p>\n<p>.table-body {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.table-row {\n    display: grid;\n    grid-template-columns: 1fr 1.5fr;\n    border-bottom: 1px solid rgba(226, 232, 240, 0.6);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.table-row:hover {\n    background: rgba(255, 255, 255, 0.8);\n}<\/p>\n<p>.table-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.cell {\n    padding: 20px 24px;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.item-cell {\n    gap: 16px;\n    font-weight: 600;\n    color: #334155;\n}<\/p>\n<p>.item-indicator {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}<\/p>\n<p>.viscosity-indicator {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n}<\/p>\n<p>.particle-indicator {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.ph-indicator {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.moisture-indicator {\n    background: linear-gradient(135deg, #06b6d4, #0891b2);\n}<\/p>\n<p>.water-indicator {\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n}<\/p>\n<p>.spec-cell {\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.spec-value {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* \u53ef\u89c6\u5316\u5143\u7d20 *\/\n.range-visual {\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.range-bar {\n    width: 80px;\n    height: 6px;\n    background: rgba(59, 130, 246, 0.2);\n    border-radius: 3px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.range-fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 70%;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    border-radius: 3px;\n    animation: rangeFill 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes rangeFill {\n    0%, 100% { width: 70%; }\n    50% { width: 85%; }\n}<\/p>\n<p>.particle-visual {\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.mesh-grid {\n    width: 40px;\n    height: 24px;\n    border: 1px solid #10b981;\n    border-radius: 4px;\n    position: relative;\n    background: linear-gradient(\n        90deg, \n        transparent 0%, \n        rgba(16, 185, 129, 0.1) 50%, \n        transparent 100%\n    );\n}<\/p>\n<p>.particle-dot {\n    position: absolute;\n    width: 3px;\n    height: 3px;\n    background: #10b981;\n    border-radius: 50%;\n    animation: particleMove 2s ease-in-out infinite;\n}<\/p>\n<p>.particle-dot:nth-child(1) { \n    top: 20%; \n    left: 15%; \n    animation-delay: 0s; \n}\n.particle-dot:nth-child(2) { \n    top: 60%; \n    left: 45%; \n    animation-delay: 0.7s; \n}\n.particle-dot:nth-child(3) { \n    top: 40%; \n    right: 20%; \n    animation-delay: 1.4s; \n}<\/p>\n<p>@keyframes particleMove {\n    0%, 100% { transform: scale(1); opacity: 0.8; }\n    50% { transform: scale(1.3); opacity: 1; }\n}<\/p>\n<p>.ph-visual {\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.ph-scale {\n    position: relative;\n    width: 60px;\n    height: 8px;\n    background: linear-gradient(\n        90deg, \n        #ef4444 0%, \n        #f59e0b 30%, \n        #10b981 50%, \n        #3b82f6 70%, \n        #8b5cf6 100%\n    );\n    border-radius: 4px;\n}<\/p>\n<p>.ph-range {\n    position: absolute;\n    left: 25%;\n    width: 50%;\n    height: 100%;\n    border: 2px solid #10b981;\n    border-radius: 4px;\n    background: rgba(16, 185, 129, 0.2);\n}<\/p>\n<p>.ph-marker {\n    position: absolute;\n    top: -20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: #10b981;\n}<\/p>\n<p>.ph-marker.start { left: 25%; }\n.ph-marker.end { right: 25%; }<\/p>\n<p>.moisture-visual,\n.water-visual {\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>.moisture-meter {\n    width: 50px;\n    height: 8px;\n    background: rgba(6, 182, 212, 0.2);\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.meter-fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 30%;\n    background: linear-gradient(90deg, #06b6d4, #0891b2);\n    border-radius: 4px;\n    animation: meterFill 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes meterFill {\n    0%, 100% { width: 30%; }\n    50% { width: 35%; }\n}<\/p>\n<p>.water-drops {\n    display: flex;\n    gap: 4px;\n}<\/p>\n<p>.drop {\n    width: 8px;\n    height: 10px;\n    background: #8b5cf6;\n    border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\n    animation: dropFloat 2s ease-in-out infinite;\n}<\/p>\n<p>.drop-1 { animation-delay: 0s; }\n.drop-2 { animation-delay: 1s; }<\/p>\n<p>@keyframes dropFloat {\n    0%, 100% { transform: translateY(0); opacity: 0.8; }\n    50% { transform: translateY(-4px); opacity: 1; }\n}<\/p>\n<p>\/* \u8d28\u91cf\u4fdd\u8bc1\u6807\u8bc6 *\/\n.quality-assurance {\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    padding-top: 32px;\n    border-top: 2px solid rgba(226, 232, 240, 0.6);\n}<\/p>\n<p>.qa-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.qa-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.qa-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    position: relative;\n}<\/p>\n<p>.qa-icon.certified {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.qa-icon.tested {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n}<\/p>\n<p>.qa-icon.consistent {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.qa-icon::after {\n    content: '\u2713';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white;\n    font-size: 16px;\n    font-weight: bold;\n}<\/p>\n<p>.qa-item span {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n    text-align: center;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .product-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 24px;\n    }<\/p>\n<p>    .product-intro {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .basic-info-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .table-header,\n    .table-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .spec-cell {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .product-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .product-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .abbreviation {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .specifications-section {\n        padding: 32px 24px;\n    }<\/p>\n<p>    .spec-title-area {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n    }<\/p>\n<p>    .spec-title-area h3 {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .application-areas {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .quality-assurance {\n        flex-direction: column;\n        gap: 16px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .product-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .abbreviation {\n        font-size: 2rem;\n    }<\/p>\n<p>    .product-header {\n        padding: 24px;\n    }<\/p>\n<p>    .intro-content {\n        padding: 24px;\n    }<\/p>\n<p>    .info-card {\n        padding: 24px;\n    }<\/p>\n<p>    .specifications-section {\n        padding: 24px 16px;\n    }<\/p>\n<p>    .header-cell,\n    .cell {\n        padding: 16px;\n    }<\/p>\n<p>    .spec-title-area h3 {\n        font-size: 1.4rem;\n    }\n}\n<\/style>\n<p><!-- Top 6 Uses Section --><\/p>\n<div class=\"hpmc-uses-section\">\n<div class=\"hpmc-uses-container\">\n        <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"hpmc-uses-header\">\n<div class=\"hpmc-header-decoration\">\n<div class=\"hpmc-number-badge\">\n                    <span class=\"hpmc-number\">6<\/span><\/p>\n<div class=\"hpmc-badge-glow\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-title-content\">\n<h2 class=\"hpmc-uses-title\">cURL Too many subrequests.<\/h2>\n<div class=\"hpmc-uses-subtitle\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-header-visual\">\n<div class=\"hpmc-application-orbit\">\n<div class=\"hpmc-orbit-center\"><\/div>\n<div class=\"hpmc-orbit-ring hpmc-ring-1\"><\/div>\n<div class=\"hpmc-orbit-ring hpmc-ring-2\"><\/div>\n<div class=\"hpmc-orbit-point hpmc-point-1\"><\/div>\n<div class=\"hpmc-orbit-point hpmc-point-2\"><\/div>\n<div class=\"hpmc-orbit-point hpmc-point-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- \u5e94\u7528\u6848\u4f8b\u7f51\u683c --><\/p>\n<div class=\"hpmc-uses-grid\">\n            <!-- Use Case 1: Tile Adhesives --><\/p>\n<div class=\"hpmc-use-card hpmc-tile-adhesives\">\n<div class=\"hpmc-card-number\">\n                    <span>01<\/span><\/p>\n<div class=\"hpmc-number-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-image\">\n                    <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/C0036.MP4_20250916_105000.973.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-gradient\"><\/div>\n<div class=\"hpmc-performance-indicator\">\n<div class=\"hpmc-indicator-icon hpmc-bonding-icon\"><\/div>\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">cURL Too many subrequests.<\/h3>\n<p class=\"hpmc-use-description\">\n                        cURL Too many subrequests.\n                    <\/p>\n<div class=\"hpmc-card-footer\">\n<div class=\"hpmc-benefits-preview\">\n<div class=\"hpmc-benefit-dot hpmc-enhanced-bonding\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-anti-lumping\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-durability\"><\/div>\n<\/p><\/div>\n<p>                        <button class=\"hpmc-inquiry-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span>\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span><\/p>\n<div class=\"hpmc-btn-arrow\">\u2192<\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Use Case 2: Gypsum Plaster --><\/p>\n<div class=\"hpmc-use-card hpmc-gypsum-plaster\">\n<div class=\"hpmc-card-number\">\n                    <span>02<\/span><\/p>\n<div class=\"hpmc-number-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-image\">\n                    <img height=\"560\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/the-process-of-smearing-plaster-mortar-putty-with-2025-01-09-10-17-23-utc.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-gradient\"><\/div>\n<div class=\"hpmc-performance-indicator\">\n<div class=\"hpmc-indicator-icon hpmc-retention-icon\"><\/div>\n<p>                        <span>\u0394\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">cURL Too many subrequests.<\/h3>\n<p class=\"hpmc-use-description\">\n                        cURL Too many subrequests.\n                    <\/p>\n<div class=\"hpmc-card-footer\">\n<div class=\"hpmc-benefits-preview\">\n<div class=\"hpmc-benefit-dot hpmc-water-retention\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-crack-resistance\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-smooth-finish\"><\/div>\n<\/p><\/div>\n<p>                        <button class=\"hpmc-inquiry-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span>\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span><\/p>\n<div class=\"hpmc-btn-arrow\">\u2192<\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Use Case 3: Skim Coat & Wall Putty --><\/p>\n<div class=\"hpmc-use-card hpmc-skim-coat\">\n<div class=\"hpmc-card-number\">\n                    <span>03<\/span><\/p>\n<div class=\"hpmc-number-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-image\">\n                    <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/C0029.MP4_20250916_113219.712.jpg\" alt=\"HPMC in Skim Coat &amp; Wall Putty\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-gradient\"><\/div>\n<div class=\"hpmc-performance-indicator\">\n<div class=\"hpmc-indicator-icon hpmc-cohesion-icon\"><\/div>\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">cURL Too many subrequests.<\/h3>\n<p class=\"hpmc-use-description\">\n                        cURL Too many subrequests.\n                    <\/p>\n<div class=\"hpmc-card-footer\">\n<div class=\"hpmc-benefits-preview\">\n<div class=\"hpmc-benefit-dot hpmc-cohesiveness\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-abrasion-resistance\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-refined-finish\"><\/div>\n<\/p><\/div>\n<p>                        <button class=\"hpmc-inquiry-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span>\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span><\/p>\n<div class=\"hpmc-btn-arrow\">\u2192<\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Use Case 4: Cement Render --><\/p>\n<div class=\"hpmc-use-card hpmc-cement-render\">\n<div class=\"hpmc-card-number\">\n                    <span>04<\/span><\/p>\n<div class=\"hpmc-number-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-image\">\n                    <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/C0029.MP4_20250916_113219.712.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-gradient\"><\/div>\n<div class=\"hpmc-performance-indicator\">\n<div class=\"hpmc-indicator-icon hpmc-flexibility-icon\"><\/div>\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">cURL Too many subrequests.<\/h3>\n<p class=\"hpmc-use-description\">\n                        cURL Too many subrequests.\n                    <\/p>\n<div class=\"hpmc-card-footer\">\n<div class=\"hpmc-benefits-preview\">\n<div class=\"hpmc-benefit-dot hpmc-flexibility\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-extended-time\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-anti-sagging\"><\/div>\n<\/p><\/div>\n<p>                        <button class=\"hpmc-inquiry-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span>\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span><\/p>\n<div class=\"hpmc-btn-arrow\">\u2192<\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Use Case 5: Masonry Mortar --><\/p>\n<div class=\"hpmc-use-card hpmc-masonry-mortar\">\n<div class=\"hpmc-card-number\">\n                    <span>05<\/span><\/p>\n<div class=\"hpmc-number-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/wood-float-sitting-near-wet-cement-on-board-at-con-2024-09-11-19-03-11-utc.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-gradient\"><\/div>\n<div class=\"hpmc-performance-indicator\">\n<div class=\"hpmc-indicator-icon hpmc-workability-icon\"><\/div>\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">cURL Too many subrequests.<\/h3>\n<p class=\"hpmc-use-description\">\n                        In masonry construction, Landercoll\u00ae HPMC improves mixing workability, lubrication, and laying efficiency. It preserves strong bond strength even under heavy loads or horizontal pressure, helping maintain the integrity and reliability of built structures.\n                    <\/p>\n<div class=\"hpmc-card-footer\">\n<div class=\"hpmc-benefits-preview\">\n<div class=\"hpmc-benefit-dot hpmc-workability\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-bond-strength\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-structural-integrity\"><\/div>\n<\/p><\/div>\n<p>                        <button class=\"hpmc-inquiry-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span>\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span><\/p>\n<div class=\"hpmc-btn-arrow\">\u2192<\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Use Case 6: ETICS\/EIFS Systems --><\/p>\n<div class=\"hpmc-use-card hpmc-etics-systems\">\n<div class=\"hpmc-card-number\">\n                    <span>06<\/span><\/p>\n<div class=\"hpmc-number-accent\"><\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-image\">\n                    <img height=\"534\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/office-building-under-construction-facing-and-ins-2025-03-13-04-47-35-utc.jpg\" alt=\"HPMC in ETICS\/EIFS Systems\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-gradient\"><\/div>\n<div class=\"hpmc-performance-indicator\">\n<div class=\"hpmc-indicator-icon hpmc-consistency-icon\"><\/div>\n<p>                        <span>Consistent Viscosity<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC in ETICS \/ EIFS Systems<\/h3>\n<p class=\"hpmc-use-description\">\n                        For ETICS\/EIFS adhesive and embedding mortar formulas, Landercoll\u00ae HPMC delivers consistent viscosity, prevents sagging, and reduces unwanted stickiness. The result is a smooth and effortless application process, enabling clean lines and uniform textures across surfaces.\n                    <\/p>\n<div class=\"hpmc-card-footer\">\n<div class=\"hpmc-benefits-preview\">\n<div class=\"hpmc-benefit-dot hpmc-consistent-viscosity\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-sag-prevention\"><\/div>\n<div class=\"hpmc-benefit-dot hpmc-uniform-texture\"><\/div>\n<\/p><\/div>\n<p>                        <button class=\"hpmc-inquiry-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span>\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u0395\u03c1\u03c9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span><\/p>\n<div class=\"hpmc-btn-arrow\">\u2192<\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- \u5e95\u90e8\u603b\u7ed3\u533a\u57df --><\/p>\n<div class=\"hpmc-uses-summary\">\n<div class=\"hpmc-summary-content\">\n<div class=\"hpmc-summary-icon\">\n<div class=\"hpmc-icon-center\"><\/div>\n<div class=\"hpmc-icon-rings\">\n<div class=\"hpmc-ring hpmc-ring-1\"><\/div>\n<div class=\"hpmc-ring hpmc-ring-2\"><\/div>\n<div class=\"hpmc-ring hpmc-ring-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-summary-text\">\n<h3>Versatile Performance Across Applications<\/h3>\n<p>Landercoll\u00ae HPMC demonstrates exceptional versatility and reliability across diverse construction applications, delivering consistent quality and performance benefits that professionals trust.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-summary-stats\">\n<div class=\"hpmc-stat-item\">\n<div class=\"hpmc-stat-number\">6<\/div>\n<div class=\"hpmc-stat-label\">Major Applications<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-item\">\n<div class=\"hpmc-stat-number\">100%<\/div>\n<div class=\"hpmc-stat-label\">\u0394\u03b9\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-item\">\n<div class=\"hpmc-stat-number\">24\/7<\/div>\n<div class=\"hpmc-stat-label\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* HPMC Uses Section *\/\n.hpmc-uses-section {\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.hpmc-uses-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.04) 0%, transparent 60%),\n        radial-gradient(circle at 80% 70%, rgba(16, 185, 129, 0.04) 0%, transparent 60%),\n        radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.02) 0%, transparent 70%);\n}<\/p>\n<p>.hpmc-uses-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* \u6807\u9898\u533a\u57df *\/\n.hpmc-uses-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 80px;\n    padding: 48px;\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(20px);\n    border-radius: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.hpmc-header-decoration {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    flex: 1;\n}<\/p>\n<p>.hpmc-number-badge {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.hpmc-number-badge .hpmc-number {\n    font-size: 2rem;\n    font-weight: 800;\n    color: white;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.hpmc-badge-glow {\n    position: absolute;\n    top: -4px;\n    left: -4px;\n    right: -4px;\n    bottom: -4px;\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    border-radius: 24px;\n    opacity: 0.3;\n    animation: hpmcBadgeGlow 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes hpmcBadgeGlow {\n    0%, 100% { opacity: 0.3; transform: scale(1); }\n    50% { opacity: 0.6; transform: scale(1.05); }\n}<\/p>\n<p>.hpmc-title-content {\n    flex: 1;\n}<\/p>\n<p>.hpmc-uses-title {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 12px;\n    background: linear-gradient(135deg, #1e293b, #3b82f6);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.hpmc-uses-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    font-weight: 500;\n}<\/p>\n<p>.hpmc-header-visual {\n    flex-shrink: 0;\n}<\/p>\n<p>.hpmc-application-orbit {\n    width: 120px;\n    height: 120px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.hpmc-orbit-center {\n    width: 20px;\n    height: 20px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 50%;\n    position: relative;\n    z-index: 3;\n    animation: hpmcCenterPulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes hpmcCenterPulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.2); }\n}<\/p>\n<p>.hpmc-orbit-ring {\n    position: absolute;\n    border: 2px solid transparent;\n    border-radius: 50%;\n    animation: hpmcRingRotate 8s linear infinite;\n}<\/p>\n<p>.hpmc-ring-1 {\n    width: 60px;\n    height: 60px;\n    border-top-color: #3b82f6;\n    border-right-color: #3b82f6;\n}<\/p>\n<p>.hpmc-ring-2 {\n    width: 90px;\n    height: 90px;\n    border-bottom-color: #10b981;\n    border-left-color: #10b981;\n    animation-direction: reverse;\n    animation-duration: 12s;\n}<\/p>\n<p>@keyframes hpmcRingRotate {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}<\/p>\n<p>.hpmc-orbit-point {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    border-radius: 50%;\n    animation: hpmcPointOrbit 6s ease-in-out infinite;\n}<\/p>\n<p>.hpmc-point-1 {\n    top: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    animation-delay: 0s;\n}<\/p>\n<p>.hpmc-point-2 {\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    animation-delay: 2s;\n}<\/p>\n<p>.hpmc-point-3 {\n    top: 50%;\n    right: 10px;\n    transform: translateY(-50%);\n    animation-delay: 4s;\n}<\/p>\n<p>@keyframes hpmcPointOrbit {\n    0%, 100% { opacity: 0.6; transform: scale(1) translateX(-50%); }\n    50% { opacity: 1; transform: scale(1.4) translateX(-50%); }\n}<\/p>\n<p>\/* \u5e94\u7528\u6848\u4f8b\u7f51\u683c *\/\n.hpmc-uses-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));\n    gap: 32px;\n    margin-bottom: 80px;\n}<\/p>\n<p>.hpmc-use-card {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.hpmc-use-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.hpmc-card-number {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    z-index: 3;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.hpmc-number-accent {\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 14px;\n    z-index: -1;\n    opacity: 0.8;\n}<\/p>\n<p>.hpmc-card-image {\n    position: relative;\n    height: 240px;\n    overflow: hidden;\n}<\/p>\n<p>.hpmc-card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.hpmc-use-card:hover .hpmc-card-image img {\n    transform: scale(1.08);\n}<\/p>\n<p>.hpmc-image-gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 60%;\n    background: linear-gradient(\n        180deg,\n        transparent 0%,\n        rgba(0, 0, 0, 0.1) 30%,\n        rgba(0, 0, 0, 0.4) 100%\n    );\n}<\/p>\n<p>.hpmc-performance-indicator {\n    position: absolute;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 10px 16px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.hpmc-indicator-icon {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.hpmc-bonding-icon { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }\n.hpmc-retention-icon { background: linear-gradient(135deg, #10b981, #059669); }\n.hpmc-cohesion-icon { background: linear-gradient(135deg, #f59e0b, #d97706); }\n.hpmc-flexibility-icon { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }\n.hpmc-workability-icon { background: linear-gradient(135deg, #06b6d4, #0891b2); }\n.hpmc-consistency-icon { background: linear-gradient(135deg, #ef4444, #dc2626); }<\/p>\n<p>.hpmc-indicator-icon::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 6px;\n    height: 6px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n}<\/p>\n<p>.hpmc-card-content {\n    padding: 32px;\n}<\/p>\n<p>.hpmc-use-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}<\/p>\n<p>.hpmc-use-description {\n    font-size: 1rem;\n    color: #475569;\n    line-height: 1.7;\n    margin-bottom: 24px;\n}<\/p>\n<p>.hpmc-card-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}<\/p>\n<p>.hpmc-benefits-preview {\n    display: flex;\n    gap: 8px;\n}<\/p>\n<p>.hpmc-benefit-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    position: relative;\n    animation: hpmcDotFloat 3s ease-in-out infinite;\n}<\/p>\n<p>.hpmc-benefit-dot:nth-child(1) { animation-delay: 0s; }\n.hpmc-benefit-dot:nth-child(2) { animation-delay: 1s; }\n.hpmc-benefit-dot:nth-child(3) { animation-delay: 2s; }<\/p>\n<p>@keyframes hpmcDotFloat {\n    0%, 100% { transform: translateY(0); opacity: 0.8; }\n    50% { transform: translateY(-3px); opacity: 1; }\n}<\/p>\n<p>\/* Benefit dot colors for different use cases *\/\n.hpmc-enhanced-bonding, .hpmc-water-retention, .hpmc-cohesiveness, .hpmc-flexibility, .hpmc-workability, .hpmc-consistent-viscosity {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n}<\/p>\n<p>.hpmc-anti-lumping, .hpmc-crack-resistance, .hpmc-abrasion-resistance, .hpmc-extended-time, .hpmc-bond-strength, .hpmc-sag-prevention {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.hpmc-durability, .hpmc-smooth-finish, .hpmc-refined-finish, .hpmc-anti-sagging, .hpmc-structural-integrity, .hpmc-uniform-texture {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.hpmc-inquiry-btn {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    color: white;\n    border: none;\n    padding: 12px 20px;\n    border-radius: 12px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.hpmc-inquiry-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4);\n}<\/p>\n<p>.hpmc-btn-arrow {\n    font-size: 1rem;\n    font-weight: 700;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.hpmc-inquiry-btn:hover .hpmc-btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* \u5e95\u90e8\u603b\u7ed3\u533a\u57df *\/\n.hpmc-uses-summary {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 48px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    padding: 48px;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.08);\n    align-items: center;\n}<\/p>\n<p>.hpmc-summary-content {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n}<\/p>\n<p>.hpmc-summary-icon {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    flex-shrink: 0;\n}<\/p>\n<p>.hpmc-icon-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 50%;\n    z-index: 3;\n}<\/p>\n<p>.hpmc-icon-rings {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.hpmc-icon-rings .hpmc-ring {\n    position: absolute;\n    border: 2px solid transparent;\n    border-radius: 50%;\n    animation: hpmcRingExpand 4s ease-in-out infinite;\n}<\/p>\n<p>.hpmc-icon-rings .hpmc-ring-1 {\n    width: 40px;\n    height: 40px;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-top-color: #3b82f6;\n    animation-delay: 0s;\n}<\/p>\n<p>.hpmc-icon-rings .hpmc-ring-2 {\n    width: 60px;\n    height: 60px;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-right-color: #10b981;\n    animation-delay: 1.3s;\n}<\/p>\n<p>.hpmc-icon-rings .hpmc-ring-3 {\n    width: 80px;\n    height: 80px;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-bottom-color: #f59e0b;\n    animation-delay: 2.6s;\n}<\/p>\n<p>@keyframes hpmcRingExpand {\n    0%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }\n    50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.1); }\n}<\/p>\n<p>.hpmc-summary-text h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}<\/p>\n<p>.hpmc-summary-text p {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.7;\n    margin: 0;\n}<\/p>\n<p>.hpmc-summary-stats {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.hpmc-stat-item {\n    text-align: center;\n    padding: 20px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(16, 185, 129, 0.05));\n    border-radius: 16px;\n    border: 1px solid rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.hpmc-stat-number {\n    font-size: 2.4rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 8px;\n}<\/p>\n<p>.hpmc-stat-label {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #64748b;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1200px) {\n    .hpmc-uses-grid {\n        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n        gap: 24px;\n    }<\/p>\n<p>    .hpmc-uses-summary {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .hpmc-uses-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .hpmc-uses-header {\n        flex-direction: column;\n        gap: 32px;\n        padding: 32px 24px;\n        text-align: center;\n    }<\/p>\n<p>    .hpmc-header-decoration {\n        flex-direction: column;\n        gap: 24px;\n    }<\/p>\n<p>    .hpmc-uses-title {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .hpmc-uses-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .hpmc-card-content {\n        padding: 24px;\n    }<\/p>\n<p>    .hpmc-card-footer {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n    }<\/p>\n<p>    .hpmc-summary-content {\n        flex-direction: column;\n        text-align: center;\n        gap: 24px;\n    }<\/p>\n<p>    .hpmc-summary-stats {\n        flex-direction: row;\n        justify-content: space-around;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .hpmc-uses-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .hpmc-uses-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .hpmc-uses-subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .hpmc-number-badge {\n        width: 60px;\n        height: 60px;\n    }<\/p>\n<p>    .hpmc-number-badge .hpmc-number {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .hpmc-use-card {\n        border-radius: 16px;\n    }<\/p>\n<p>    .hpmc-card-image {\n        height: 200px;\n    }<\/p>\n<p>    .hpmc-card-content {\n        padding: 20px;\n    }<\/p>\n<p>    .hpmc-use-title {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .hpmc-use-description {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .hpmc-uses-summary {\n        padding: 32px 24px;\n        border-radius: 16px;\n    }<\/p>\n<p>    .hpmc-summary-text h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .hpmc-summary-text p {\n        font-size: 1rem;\n    }<\/p>\n<p>    .hpmc-stat-number {\n        font-size: 2rem;\n    }<\/p>\n<p>    .hpmc-summary-stats {\n        gap: 16px;\n    }<\/p>\n<p>    .hpmc-stat-item {\n        padding: 16px;\n    }\n}\n<\/style>\n<p><!-- LANDERCOLL Brand Story Section - Blue-Green Theme --><\/p>\n<div class=\"landercoll-light-story\">\n<div class=\"landercoll-light-container\">\n        <!-- Brand Header --><\/p>\n<div class=\"landercoll-brand-header\">\n<div class=\"landercoll-brand-mark\">\n                <span class=\"landercoll-brand-text\">LANDERCOLL\u00ae<\/span><\/p>\n<div class=\"landercoll-brand-line\"><\/div>\n<\/p><\/div>\n<h2 class=\"landercoll-main-title\">A Signature Brand by LANDU<\/h2>\n<p class=\"landercoll-main-subtitle\">Innovation \u2022 Quality \u2022 Excellence in Cellulose Ether Technology<\/p>\n<\/p><\/div>\n<p>        <!-- Glass Morphism Cards --><\/p>\n<div class=\"landercoll-intro-section\">\n<div class=\"landercoll-light-card landercoll-main-card\">\n<div class=\"landercoll-card-header\">\n<div class=\"landercoll-icon-wrapper\">\n<div class=\"landercoll-icon-dot\"><\/div>\n<div class=\"landercoll-icon-ring\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-card-title\">\n<h3>Decades of Expertise<\/h3>\n<div class=\"landercoll-title-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>With decades of expertise, <strong>LANDU<\/strong> has established itself as a prominent manufacturer in the field of cellulose ethers and their derivatives. Our product range has grown far beyond cellulose ethers, now encompassing <em>\u03a0\u03bf\u03cd\u03b4\u03c1\u03b1 \u03a0\u03bf\u03bb\u03c5\u03bc\u03b5\u03c1\u03bf\u03cd\u03c2 \u0391\u03bd\u03b1\u03b4\u03b9\u03b1\u03bd\u03ad\u03bc\u03c3\u03b9\u03bc\u03b7 (RDP)<\/em>, <em>\u03a0\u03bf\u03bb\u03c5\u03ba\u03b1\u03c1\u03b2\u03bf\u03be\u03c5\u03bb\u03b5\u03b9\u03ba\u03cc \u03a5\u03c0\u03b5\u03c1\u03c0\u03bb\u03b1\u03c3\u03c4\u03b9\u03ba\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03ae\u03c2 (PCE)<\/em>, <em>Retarder \u03b3\u03cd\u03c8\u03bf\u03c5<\/em>, \u03ba\u03b1\u03b9 <em>\u03a0\u03bf\u03cd\u03b4\u03c1\u03b1 \u0391\u03c6\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc<\/em>.<\/p>\n<\/p><\/div>\n<div class=\"landercoll-light-card landercoll-brand-card\">\n<div class=\"landercoll-card-header\">\n<div class=\"landercoll-icon-wrapper landercoll-secondary\">\n<div class=\"landercoll-icon-dot\"><\/div>\n<div class=\"landercoll-icon-ring\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-card-title\">\n<h3>Dedicated Innovation<\/h3>\n<div class=\"landercoll-title-line landercoll-secondary-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><strong class=\"landercoll-brand-name\">LANDERCOLL\u00ae<\/strong> was launched under the LANDU umbrella as a brand dedicated exclusively to cellulose ether innovation. Supported by a highly skilled technical team and a fully integrated supply chain, we deliver premium-grade cellulose ethers worldwide.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Modern Gallery --><\/p>\n<div class=\"landercoll-light-gallery\">\n<div class=\"landercoll-gallery-main\">\n                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-innovation-capabilities.jpg\" alt=\"Innovation Capabilities\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-content\">\n                        <span class=\"landercoll-image-tag\">Innovation Capabilities<\/span><\/p>\n<div class=\"landercoll-tag-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-gallery-grid\">\n<div class=\"landercoll-gallery-item\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438-\u043e\u0442\u0434\u0435\u043b\u0430-\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439-\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043e\u043a.jpg\" alt=\"R&amp;D Team\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-content\">\n                            <span class=\"landercoll-image-tag\">\u0391\u03c1\u03b9\u03c3\u03c4\u03b5\u03af\u03b1 \u03c3\u03c4\u03b7\u03bd \u0388\u03c1\u03b5\u03c5\u03bd\u03b1 \u03ba\u03b1\u03b9 \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7<\/span><\/p>\n<div class=\"landercoll-tag-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-gallery-item\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-\u0418\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0435-\u0440\u0435\u0448\u0435\u043d\u0438\u0435.jpg\" alt=\"\u039b\u03cd\u03c3\u03b5\u03b9\u03c2\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-content\">\n                            <span class=\"landercoll-image-tag\">Innovative Solutions<\/span><\/p>\n<div class=\"landercoll-tag-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-gallery-item\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Professional-sales-in-the-Office-meeting.jpg\" alt=\"Sales Team\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-content\">\n                            <span class=\"landercoll-image-tag\">Professional Sales<\/span><\/p>\n<div class=\"landercoll-tag-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-gallery-item\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen.jpg\" alt=\"Sales Excellence\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-content\">\n                            <span class=\"landercoll-image-tag\">Sales Excellence<\/span><\/p>\n<div class=\"landercoll-tag-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Innovation Section --><\/p>\n<div class=\"landercoll-innovation-section\">\n<div class=\"landercoll-section-header\">\n<div class=\"landercoll-atom-icon\">\n<div class=\"landercoll-nucleus\"><\/div>\n<div class=\"landercoll-orbit landercoll-orbit-1\"><\/div>\n<div class=\"landercoll-orbit landercoll-orbit-2\"><\/div>\n<div class=\"landercoll-electron landercoll-electron-1\"><\/div>\n<div class=\"landercoll-electron landercoll-electron-2\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-header-content\">\n<h3>Driving Innovation in Cellulose Ether Technology<\/h3>\n<p>As a trusted manufacturer of HPMC, LANDERCOLL\u00ae stands for innovation, quality, and continuous advancement.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-innovation-content\">\n<div class=\"landercoll-content-left\">\n<div class=\"landercoll-text-block\">\n<p>We sustain significant investment in state-of-the-art instrumentation and modern R&amp;D facilities to boost both the performance and consistency of our cellulose ether products. Our laboratories are fully equipped to analyze the physical and chemical properties of HPMC, ensuring each production batch is tailored to meet the precise technical standards of our customers.<\/p>\n<\/p><\/div>\n<div class=\"landercoll-image-showcase\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxypropyl-Methyl-Cellulose-Free-sample-1.jpg\" alt=\"HPMC Free Sample\"><\/p>\n<div class=\"landercoll-image-caption\">\n                            <span class=\"landercoll-caption-text\">HPMC Free Sample Analysis<\/span><\/p>\n<div class=\"landercoll-caption-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-content-right\">\n<div class=\"landercoll-feature-list\">\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-blue\">\n<div class=\"landercoll-icon-inner\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-text\">\n<h4>Advanced R&amp;D Investment<\/h4>\n<p>State-of-the-art instrumentation and modern facilities<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-cyan\">\n<div class=\"landercoll-icon-inner\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-text\">\n<h4>Fully Equipped Laboratories<\/h4>\n<p>Comprehensive analysis of physical and chemical properties<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-green\">\n<div class=\"landercoll-icon-inner\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-text\">\n<h4>Precision Manufacturing<\/h4>\n<p>Each batch tailored to precise technical standards<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Production Section --><\/p>\n<div class=\"landercoll-production-section\">\n<div class=\"landercoll-production-header\">\n<h3>Precision at Every Stage of Production<\/h3>\n<p>Manufacturing systems designed for accuracy, stability, and environmental sustainability<\/p>\n<div class=\"landercoll-header-accent\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-production-grid\">\n<div class=\"landercoll-production-features\">\n<div class=\"landercoll-prod-item\">\n<div class=\"landercoll-prod-icon\">\n<div class=\"landercoll-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-info\">\n<h4>Advanced Reactor Systems<\/h4>\n<p>Horizontal &amp; vertical reactor equipment<\/p>\n<\/p><\/div>\n<div class=\"landercoll-item-accent\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-item\">\n<div class=\"landercoll-prod-icon\">\n<div class=\"landercoll-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-info\">\n<h4>Precision Screening<\/h4>\n<p>High-precision dimensional vibrating screen systems<\/p>\n<\/p><\/div>\n<div class=\"landercoll-item-accent\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-item\">\n<div class=\"landercoll-prod-icon\">\n<div class=\"landercoll-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-info\">\n<h4>\u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c2 \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/h4>\n<p>Distributed Control System (DCS) for process management<\/p>\n<\/p><\/div>\n<div class=\"landercoll-item-accent\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-item\">\n<div class=\"landercoll-prod-icon\">\n<div class=\"landercoll-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-info\">\n<h4>Environmental Treatment<\/h4>\n<p>Complete wastewater and exhaust gas treatment technology<\/p>\n<\/p><\/div>\n<div class=\"landercoll-item-accent\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-item\">\n<div class=\"landercoll-prod-icon\">\n<div class=\"landercoll-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-info\">\n<h4>CE Certification<\/h4>\n<p>CE-certified production facilities ensuring quality standards<\/p>\n<\/p><\/div>\n<div class=\"landercoll-item-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-production-images\">\n<div class=\"landercoll-prod-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/monitoring-system-LANDU.jpg\" alt=\"Monitoring System\"><\/p>\n<div class=\"landercoll-image-label\">Advanced Monitoring<\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Hydroxypropyl-Methyl-Cellulose-Supplier-hpmc.jpg\" alt=\"Production\"><\/p>\n<div class=\"landercoll-image-label\">Quality Production<\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-DCS-Monitoring-systems.jpg\" alt=\"DCS Monitoring Systems\"><\/p>\n<div class=\"landercoll-image-label\">DCS Monitoring Systems<\/div>\n<\/p><\/div>\n<div class=\"landercoll-prod-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-LANDERCOLL-Hydroxypropyl-Methyl-Cellulose-HPMC-pallet.jpg\" alt=\"cURL Too many subrequests.\"><\/p>\n<div class=\"landercoll-image-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Global Section --><\/p>\n<div class=\"landercoll-global-section\">\n<div class=\"landercoll-global-content\">\n<div class=\"landercoll-global-text\">\n<div class=\"landercoll-global-header\">\n<div class=\"landercoll-globe-icon\">\n<div class=\"landercoll-globe-core\"><\/div>\n<div class=\"landercoll-connection landercoll-dot-1\"><\/div>\n<div class=\"landercoll-connection landercoll-dot-2\"><\/div>\n<div class=\"landercoll-connection landercoll-dot-3\"><\/div>\n<\/p><\/div>\n<h3>cURL Too many subrequests.<\/h3>\n<\/p><\/div>\n<p class=\"landercoll-global-desc\">cURL Too many subrequests. <strong>cURL Too many subrequests.<\/strong> cURL Too many subrequests. <strong>cURL Too many subrequests.<\/strong>.<\/p>\n<div class=\"landercoll-partnership-info\">\n<div class=\"landercoll-info-accent\"><\/div>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<div class=\"landercoll-partnership-showcase\">\n                        <img loading=\"lazy\" height=\"728\" width=\"2000\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-professional-Rigid-RDP-chemical-solutions.jpg\" alt=\"Professional Chemical Solutions\"><\/p>\n<div class=\"landercoll-showcase-overlay\">\n<div class=\"landercoll-showcase-content\">\n                                <span class=\"landercoll-showcase-tag\">cURL Too many subrequests.<\/span><\/p>\n<div class=\"landercoll-showcase-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-stats-grid\">\n<div class=\"landercoll-stat-item\">\n<div class=\"landercoll-stat-bg\"><\/div>\n<div class=\"landercoll-stat-number\">40+<\/div>\n<div class=\"landercoll-stat-label\">\u03a7\u03ce\u03c1\u03b5\u03c2<\/div>\n<div class=\"landercoll-stat-desc\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"landercoll-stat-item\">\n<div class=\"landercoll-stat-bg\"><\/div>\n<div class=\"landercoll-stat-number\">10+<\/div>\n<div class=\"landercoll-stat-label\">cURL Too many subrequests.<\/div>\n<div class=\"landercoll-stat-desc\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"landercoll-stat-item\">\n<div class=\"landercoll-stat-bg\"><\/div>\n<div class=\"landercoll-stat-number\">\u221e<\/div>\n<div class=\"landercoll-stat-label\">cURL Too many subrequests.<\/div>\n<div class=\"landercoll-stat-desc\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- CTA Section --><\/p>\n<div class=\"landercoll-cta-section\">\n<div class=\"landercoll-cta-bg\"><\/div>\n<div class=\"landercoll-cta-content\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>cURL Too many subrequests.<\/p>\n<div class=\"landercoll-cta-buttons\">\n                    <button class=\"landercoll-btn landercoll-primary-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                        <span>cURL Too many subrequests.<\/span><\/p>\n<div class=\"landercoll-btn-effect\"><\/div>\n<p>                    <\/button><br \/>\n                    <button class=\"landercoll-btn landercoll-secondary-btn\" data-href=\"https:\/\/hpmc.ae\/contact\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/contact\/&quot;, &quot;_blank&quot;)\"><br \/>\n                        <span>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2<\/span><\/p>\n<div class=\"landercoll-btn-border\"><\/div>\n<p>                    <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Blue-Green Theme LANDERCOLL Design *\/\n.landercoll-light-story {\n    background: #f8fafc;\n    color: #2d3748;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    padding: 60px 0;\n}<\/p>\n<p>.landercoll-light-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}<\/p>\n<p>\/* Brand Header *\/\n.landercoll-brand-header {\n    text-align: center;\n    margin-bottom: 80px;\n}<\/p>\n<p>.landercoll-brand-text {\n    font-size: 3.5rem;\n    font-weight: 900;\n    letter-spacing: -2px;\n    background: linear-gradient(135deg, #1e40af 0%, #059669 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    display: block;\n    margin-bottom: 15px;\n}<\/p>\n<p>.landercoll-brand-line {\n    width: 80px;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    margin: 0 auto 25px;\n    border-radius: 2px;\n}<\/p>\n<p>.landercoll-main-title {\n    font-size: 2rem;\n    font-weight: 600;\n    color: #4a5568;\n    margin-bottom: 15px;\n}<\/p>\n<p>.landercoll-main-subtitle {\n    font-size: 1.2rem;\n    color: #718096;\n    margin: 0;\n}<\/p>\n<p>\/* Light Cards *\/\n.landercoll-intro-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 80px;\n}<\/p>\n<p>.landercoll-light-card {\n    background: white;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    padding: 40px;\n    position: relative;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.08);\n}<\/p>\n<p>.landercoll-light-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);\n    border-color: rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.landercoll-card-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 25px;\n}<\/p>\n<p>.landercoll-icon-wrapper {\n    width: 50px;\n    height: 50px;\n    position: relative;\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-icon-dot {\n    width: 16px;\n    height: 16px;\n    background: #3b82f6;\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n}<\/p>\n<p>.landercoll-icon-ring {\n    width: 50px;\n    height: 50px;\n    border: 2px solid rgba(59, 130, 246, 0.3);\n    border-radius: 50%;\n    position: absolute;\n    animation: landercoll-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes landercoll-pulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.2); opacity: 0.7; }\n}<\/p>\n<p>.landercoll-secondary .landercoll-icon-dot {\n    background: #10b981;\n}<\/p>\n<p>.landercoll-secondary .landercoll-icon-ring {\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.landercoll-card-title h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #2d3748;\n    margin-bottom: 8px;\n}<\/p>\n<p>.landercoll-title-line {\n    width: 40px;\n    height: 2px;\n    background: #3b82f6;\n    border-radius: 1px;\n}<\/p>\n<p>.landercoll-secondary-line {\n    background: #10b981;\n}<\/p>\n<p>.landercoll-light-card p {\n    line-height: 1.7;\n    color: #4a5568;\n    margin: 0;\n}<\/p>\n<p>.landercoll-light-card strong {\n    color: #1e40af;\n    font-weight: 700;\n}<\/p>\n<p>.landercoll-light-card em {\n    color: #059669;\n    font-style: normal;\n    font-weight: 600;\n}<\/p>\n<p>.landercoll-brand-name {\n    color: #3b82f6;\n    font-weight: 800;\n}<\/p>\n<p>\/* Modern Gallery *\/\n.landercoll-light-gallery {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 25px;\n    margin-bottom: 80px;\n    height: 450px;\n}<\/p>\n<p>.landercoll-gallery-main {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.1);\n}<\/p>\n<p>.landercoll-gallery-main:hover {\n    transform: scale(1.02);\n}<\/p>\n<p>.landercoll-gallery-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    gap: 15px;\n}<\/p>\n<p>.landercoll-gallery-item {\n    position: relative;\n    border-radius: 15px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n}<\/p>\n<p>.landercoll-gallery-item:hover {\n    transform: scale(1.05);\n}<\/p>\n<p>.landercoll-gallery-main img,\n.landercoll-gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}<\/p>\n<p>.landercoll-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(30, 64, 175, 0.9), rgba(5, 150, 105, 0.9));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.landercoll-gallery-main:hover .landercoll-image-overlay,\n.landercoll-gallery-item:hover .landercoll-image-overlay {\n    opacity: 1;\n}<\/p>\n<p>.landercoll-overlay-content {\n    text-align: center;\n}<\/p>\n<p>.landercoll-image-tag {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: white;\n    display: block;\n    margin-bottom: 10px;\n}<\/p>\n<p>.landercoll-tag-accent {\n    width: 40px;\n    height: 2px;\n    background: white;\n    margin: 0 auto;\n}<\/p>\n<p>\/* Innovation Section *\/\n.landercoll-innovation-section {\n    background: white;\n    border: 1px solid #e2e8f0;\n    border-radius: 25px;\n    padding: 50px;\n    margin-bottom: 80px;\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.08);\n}<\/p>\n<p>.landercoll-section-header {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    margin-bottom: 40px;\n}<\/p>\n<p>.landercoll-atom-icon {\n    width: 70px;\n    height: 70px;\n    position: relative;\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-nucleus {\n    width: 18px;\n    height: 18px;\n    background: #3b82f6;\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 3;\n}<\/p>\n<p>.landercoll-orbit {\n    position: absolute;\n    border: 2px solid rgba(59, 130, 246, 0.3);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: landercoll-rotate 6s linear infinite;\n}<\/p>\n<p>.landercoll-orbit-1 {\n    width: 40px;\n    height: 40px;\n}<\/p>\n<p>.landercoll-orbit-2 {\n    width: 60px;\n    height: 60px;\n    animation-direction: reverse;\n    animation-duration: 8s;\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>@keyframes landercoll-rotate {\n    from { transform: translate(-50%, -50%) rotate(0deg); }\n    to { transform: translate(-50%, -50%) rotate(360deg); }\n}<\/p>\n<p>.landercoll-electron {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: #22c55e;\n    border-radius: 50%;\n    animation: landercoll-orbit-electron 4s linear infinite;\n}<\/p>\n<p>.landercoll-electron-1 {\n    top: 15px;\n    left: 50%;\n    transform: translateX(-50%);\n}<\/p>\n<p>.landercoll-electron-2 {\n    bottom: 15px;\n    left: 50%;\n    transform: translateX(-50%);\n    animation-delay: 2s;\n    background: #06b6d4;\n}<\/p>\n<p>@keyframes landercoll-orbit-electron {\n    0% { transform: translateX(-50%) rotate(0deg) translateX(20px) rotate(0deg); }\n    100% { transform: translateX(-50%) rotate(360deg) translateX(20px) rotate(-360deg); }\n}<\/p>\n<p>.landercoll-header-content h3 {\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: #2d3748;\n    margin-bottom: 10px;\n}<\/p>\n<p>.landercoll-header-content p {\n    font-size: 1.1rem;\n    color: #4a5568;\n    margin: 0;\n}<\/p>\n<p>.landercoll-innovation-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n}<\/p>\n<p>.landercoll-text-block p {\n    font-size: 1rem;\n    line-height: 1.8;\n    color: #4a5568;\n    margin-bottom: 30px;\n}<\/p>\n<p>.landercoll-image-showcase {\n    position: relative;\n    border-radius: 15px;\n    overflow: hidden;\n    transition: transform 0.3s ease;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}<\/p>\n<p>.landercoll-image-showcase:hover {\n    transform: translateY(-5px);\n}<\/p>\n<p>.landercoll-image-showcase img {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n}<\/p>\n<p>.landercoll-image-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(transparent, rgba(0,0,0,0.8));\n    padding: 25px 20px 15px;\n    color: white;\n}<\/p>\n<p>.landercoll-caption-text {\n    font-size: 1rem;\n    font-weight: 600;\n    display: block;\n    margin-bottom: 8px;\n}<\/p>\n<p>.landercoll-caption-line {\n    width: 30px;\n    height: 2px;\n    background: #22c55e;\n}<\/p>\n<p>.landercoll-feature-list {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n}<\/p>\n<p>.landercoll-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 25px;\n    background: #f7fafc;\n    border-radius: 15px;\n    border-left: 4px solid transparent;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-feature-item:hover {\n    background: #edf2f7;\n    transform: translateX(5px);\n}<\/p>\n<p>.landercoll-feature-item:nth-child(1) { border-left-color: #3b82f6; }\n.landercoll-feature-item:nth-child(2) { border-left-color: #06b6d4; }\n.landercoll-feature-item:nth-child(3) { border-left-color: #10b981; }<\/p>\n<p>.landercoll-feature-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-blue { background: #3b82f6; }\n.landercoll-cyan { background: #06b6d4; }\n.landercoll-green { background: #10b981; }<\/p>\n<p>.landercoll-icon-inner {\n    width: 12px;\n    height: 12px;\n    background: white;\n    border-radius: 2px;\n}<\/p>\n<p>.landercoll-feature-text h4 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 5px;\n}<\/p>\n<p>.landercoll-feature-text p {\n    color: #4a5568;\n    margin: 0;\n    font-size: 0.95rem;\n}<\/p>\n<p>\/* Production Section *\/\n.landercoll-production-section {\n    background: #1e293b;\n    border-radius: 25px;\n    padding: 50px;\n    margin-bottom: 80px;\n    color: white;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-production-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));\n    pointer-events: none;\n}<\/p>\n<p>.landercoll-production-header {\n    text-align: center;\n    margin-bottom: 50px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-production-header h3 {\n    font-size: 2.2rem;\n    font-weight: 700;\n    margin-bottom: 15px;\n}<\/p>\n<p>.landercoll-production-header p {\n    font-size: 1.1rem;\n    opacity: 0.9;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landercoll-header-accent {\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    margin: 0 auto;\n    border-radius: 2px;\n}<\/p>\n<p>.landercoll-production-grid {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 40px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-production-features {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.landercoll-prod-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 25px;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 15px;\n    position: relative;\n    transition: all 0.3s ease;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-prod-item:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-3px);\n}<\/p>\n<p>.landercoll-item-accent {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 3px;\n    height: 100%;\n    background: linear-gradient(180deg, #3b82f6, #10b981);\n    transform: scaleY(0);\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.landercoll-prod-item:hover .landercoll-item-accent {\n    transform: scaleY(1);\n}<\/p>\n<p>.landercoll-prod-icon {\n    width: 45px;\n    height: 45px;\n    background: linear-gradient(45deg, #3b82f6, #10b981);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-icon-shape {\n    width: 14px;\n    height: 14px;\n    background: white;\n    border-radius: 2px;\n}<\/p>\n<p>.landercoll-prod-info h4 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    margin-bottom: 5px;\n}<\/p>\n<p>.landercoll-prod-info p {\n    opacity: 0.9;\n    margin: 0;\n    font-size: 0.9rem;\n}<\/p>\n<p>.landercoll-production-images {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}<\/p>\n<p>.landercoll-prod-image {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.landercoll-prod-image:hover {\n    transform: scale(1.03);\n}<\/p>\n<p>.landercoll-prod-image img {\n    width: 100%;\n    height: 120px;\n    object-fit: cover;\n}<\/p>\n<p>.landercoll-image-label {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    background: rgba(0,0,0,0.8);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 15px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    backdrop-filter: blur(10px);\n}<\/p>\n<p>\/* Global Section *\/\n.landercoll-global-section {\n    background: white;\n    border: 1px solid #e2e8f0;\n    border-radius: 25px;\n    padding: 50px;\n    margin-bottom: 80px;\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.08);\n}<\/p>\n<p>.landercoll-global-content {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 50px;\n    align-items: start;\n}<\/p>\n<p>.landercoll-global-header {\n    display: flex;\n    align-items: center;\n    gap: 25px;\n    margin-bottom: 25px;\n}<\/p>\n<p>.landercoll-globe-icon {\n    width: 55px;\n    height: 55px;\n    position: relative;\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-globe-core {\n    width: 55px;\n    height: 55px;\n    background: linear-gradient(45deg, #1e40af, #059669);\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.landercoll-connection {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: #22c55e;\n    border-radius: 50%;\n    animation: landercoll-blink 2s ease-in-out infinite;\n}<\/p>\n<p>.landercoll-dot-1 { \n    top: 20%; \n    left: 30%; \n    animation-delay: 0s; \n    background: #3b82f6;\n}\n.landercoll-dot-2 { \n    top: 50%; \n    right: 25%; \n    animation-delay: 0.7s; \n    background: #06b6d4;\n}\n.landercoll-dot-3 { \n    bottom: 25%; \n    left: 40%; \n    animation-delay: 1.4s; \n    background: #10b981;\n}<\/p>\n<p>@keyframes landercoll-blink {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.3); }\n}<\/p>\n<p>.landercoll-global-header h3 {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #2d3748;\n}<\/p>\n<p>.landercoll-global-desc {\n    font-size: 1rem;\n    line-height: 1.8;\n    color: #4a5568;\n    margin-bottom: 25px;\n}<\/p>\n<p>.landercoll-global-desc strong {\n    color: #1e40af;\n    font-weight: 700;\n}<\/p>\n<p>.landercoll-partnership-info {\n    position: relative;\n    background: #f7fafc;\n    border-radius: 12px;\n    padding: 25px;\n    padding-left: 35px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.landercoll-info-accent {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 100%;\n    background: linear-gradient(180deg, #3b82f6, #10b981);\n    border-radius: 0 2px 2px 0;\n}<\/p>\n<p>.landercoll-partnership-info p {\n    margin: 0;\n    line-height: 1.7;\n    color: #4a5568;\n}<\/p>\n<p>.landercoll-partnership-showcase {\n    position: relative;\n    border-radius: 15px;\n    overflow: hidden;\n    transition: transform 0.3s ease;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n}<\/p>\n<p>.landercoll-partnership-showcase:hover {\n    transform: translateY(-5px);\n}<\/p>\n<p>.landercoll-partnership-showcase img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n}<\/p>\n<p>.landercoll-showcase-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(30, 64, 175, 0.9), rgba(5, 150, 105, 0.9));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.landercoll-partnership-showcase:hover .landercoll-showcase-overlay {\n    opacity: 1;\n}<\/p>\n<p>.landercoll-showcase-content {\n    text-align: center;\n}<\/p>\n<p>.landercoll-showcase-tag {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: white;\n    display: block;\n    margin-bottom: 10px;\n}<\/p>\n<p>.landercoll-showcase-accent {\n    width: 40px;\n    height: 2px;\n    background: white;\n    margin: 0 auto;\n}<\/p>\n<p>.landercoll-stats-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.landercoll-stat-item {\n    position: relative;\n    background: #f7fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 15px;\n    padding: 25px;\n    text-align: center;\n    transition: all 0.3s ease;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-stat-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.15);\n}<\/p>\n<p>.landercoll-stat-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(16, 185, 129, 0.05));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.landercoll-stat-item:hover .landercoll-stat-bg {\n    opacity: 1;\n}<\/p>\n<p>.landercoll-stat-number {\n    font-size: 2.5rem;\n    font-weight: 900;\n    color: #1e40af;\n    margin-bottom: 8px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-stat-label {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #2d3748;\n    margin-bottom: 5px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-stat-desc {\n    font-size: 0.85rem;\n    color: #4a5568;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>\/* CTA Section *\/\n.landercoll-cta-section {\n    position: relative;\n    background: linear-gradient(135deg, #1e40af 0%, #059669 100%);\n    border-radius: 25px;\n    padding: 60px 50px;\n    text-align: center;\n    color: white;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-cta-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%),\n                radial-gradient(circle at 70% 80%, rgba(255,255,255,0.1) 0%, transparent 50%);\n}<\/p>\n<p>.landercoll-cta-content {\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-cta-content h3 {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 15px;\n}<\/p>\n<p>.landercoll-cta-content p {\n    font-size: 1.2rem;\n    opacity: 0.9;\n    margin-bottom: 35px;\n}<\/p>\n<p>.landercoll-cta-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n}<\/p>\n<p>.landercoll-btn {\n    position: relative;\n    padding: 16px 32px;\n    border-radius: 50px;\n    font-size: 1rem;\n    font-weight: 600;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-primary-btn {\n    background: white;\n    color: #1e40af;\n}<\/p>\n<p>.landercoll-primary-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 25px rgba(0,0,0,0.2);\n}<\/p>\n<p>.landercoll-btn-effect {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(30, 64, 175, 0.2), transparent);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.landercoll-primary-btn:hover .landercoll-btn-effect {\n    left: 100%;\n}<\/p>\n<p>.landercoll-secondary-btn {\n    background: transparent;\n    color: white;\n    position: relative;\n}<\/p>\n<p>.landercoll-btn-border {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid rgba(255,255,255,0.8);\n    border-radius: 50px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-secondary-btn:hover {\n    background: rgba(255,255,255,0.1);\n    transform: translateY(-3px);\n}<\/p>\n<p>.landercoll-secondary-btn:hover .landercoll-btn-border {\n    border-color: white;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .landercoll-light-container {\n        padding: 0 15px;\n    }<\/p>\n<p>    .landercoll-innovation-content,\n    .landercoll-production-grid,\n    .landercoll-global-content {\n        gap: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landercoll-brand-text {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .landercoll-main-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .landercoll-intro-section {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .landercoll-light-gallery {\n        grid-template-columns: 1fr;\n        height: auto;\n        gap: 20px;\n    }<\/p>\n<p>    .landercoll-gallery-grid {\n        grid-template-columns: 1fr 1fr;\n        height: 250px;\n    }<\/p>\n<p>    .landercoll-section-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 20px;\n    }<\/p>\n<p>    .landercoll-innovation-content,\n    .landercoll-production-grid,\n    .landercoll-global-content {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }<\/p>\n<p>    .landercoll-innovation-section,\n    .landercoll-production-section,\n    .landercoll-global-section,\n    .landercoll-cta-section {\n        padding: 35px 25px;\n    }<\/p>\n<p>    .landercoll-cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }<\/p>\n<p>    .landercoll-btn {\n        width: 100%;\n        max-width: 280px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landercoll-brand-text {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landercoll-main-title {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landercoll-light-card {\n        padding: 25px;\n    }<\/p>\n<p>    .landercoll-header-content h3,\n    .landercoll-production-header h3,\n    .landercoll-global-header h3,\n    .landercoll-cta-content h3 {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .landercoll-innovation-section,\n    .landercoll-production-section,\n    .landercoll-global-section,\n    .landercoll-cta-section {\n        padding: 25px 20px;\n    }\n}\n<\/style>\n<p><!-- LANDERCOLL Premium Service Section --><\/p>\n<div class=\"landercoll-premium-service\">\n<div class=\"landercoll-premium-container\">\n        <!-- Header --><\/p>\n<div class=\"landercoll-premium-header\">\n<div class=\"landercoll-header-badge\">\n                <span>cURL Too many subrequests.<\/span><\/p>\n<div class=\"landercoll-badge-shine\"><\/div>\n<\/p><\/div>\n<h2 class=\"landercoll-premium-title\">cURL Too many subrequests.<\/h2>\n<p class=\"landercoll-premium-subtitle\">Before and After Your Purchase<\/p>\n<div class=\"landercoll-title-divider\"><\/div>\n<\/p><\/div>\n<p>        <!-- Services Grid --><\/p>\n<div class=\"landercoll-premium-grid\">\n            <!-- Expert Pre-Sales Consultation --><\/p>\n<div class=\"landercoll-service-card landercoll-consultation\">\n<div class=\"landercoll-card-background\"><\/div>\n<div class=\"landercoll-card-header\">\n<div class=\"landercoll-service-number\">01<\/div>\n<div class=\"landercoll-service-icon\">\n                        <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<div class=\"landercoll-card-content\">\n<h3 class=\"landercoll-service-title\">Expert Pre\u2011Sales Consultation<\/h3>\n<p class=\"landercoll-service-description\">Our dedicated sales consultants work hand\u2011in\u2011hand with skilled technicians to fully grasp your unique needs and pinpoint the solutions that will serve you best. We offer comprehensive digital guides, video tutorials, and real\u2011time personalised consultations.<\/p>\n<div class=\"landercoll-service-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-sales-person.jpg\" alt=\"Professional Sales Consultation\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-gradient\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-service-action\">\n                        <button class=\"landercoll-premium-btn\" data-href=\"https:\/\/hpmc.ae\/service\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/service\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span class=\"landercoll-btn-text\">Explore Complimentary Pre\u2011Sales Support<\/span><\/p>\n<div class=\"landercoll-btn-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"landercoll-btn-ripple\"><\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Customised Formulation Assistance --><\/p>\n<div class=\"landercoll-service-card landercoll-formulation\">\n<div class=\"landercoll-card-background\"><\/div>\n<div class=\"landercoll-card-header\">\n<div class=\"landercoll-service-number\">02<\/div>\n<div class=\"landercoll-service-icon\">\n                        <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<div class=\"landercoll-card-content\">\n<h3 class=\"landercoll-service-title\">Customised Formulation Assistance<\/h3>\n<p class=\"landercoll-service-description\">We deliver complete formulation support with free trial samples, detailed technical process documentation and professional guidance to fine\u2011tune your formulas for peak performance. Our chemists ensure your projects succeed from concept to completion.<\/p>\n<div class=\"landercoll-service-image\">\n                        <img loading=\"lazy\" height=\"933\" width=\"1400\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/DSC3896-\u62f7\u8d1d.jpg\" alt=\"Formulation Laboratory\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-gradient\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-service-action\">\n                        <button class=\"landercoll-premium-btn\" data-href=\"https:\/\/hpmc.ae\/company\/innovation\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/company\/innovation\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span class=\"landercoll-btn-text\">Discover More at the Innovation Center<\/span><\/p>\n<div class=\"landercoll-btn-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"landercoll-btn-ripple\"><\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Reliable Logistics & Timely Delivery --><\/p>\n<div class=\"landercoll-service-card landercoll-logistics\">\n<div class=\"landercoll-card-background\"><\/div>\n<div class=\"landercoll-card-header\">\n<div class=\"landercoll-service-number\">03<\/div>\n<div class=\"landercoll-service-icon\">\n                        <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M16 3h5v5M21 3l-7 7M8 3H3v5m0-5l7 7m6 4h5v5m0-5l-7 7M8 21H3v-5m0 5l7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<div class=\"landercoll-card-content\">\n<h3 class=\"landercoll-service-title\">Reliable Logistics &amp; Timely Delivery<\/h3>\n<p class=\"landercoll-service-description\">Every step of your shipment is tracked and managed by our experienced logistics team. You\u2019ll have access to the latest freight updates, giving you full visibility of your delivery timeline. Trust in our dependable, punctual supply chain.<\/p>\n<div class=\"landercoll-service-image\">\n                        <img loading=\"lazy\" height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxyethyl-Methyl-Cellulose-HEMC-loading.jpg\" alt=\"cURL Too many subrequests.\"><\/p>\n<div class=\"landercoll-image-overlay\">\n<div class=\"landercoll-overlay-gradient\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-service-action\">\n                        <button class=\"landercoll-premium-btn\" data-href=\"https:\/\/hpmc.ae\/company\/quality-control-and-assurance\/\" onclick=\"window.open(&quot;https:\/\/hpmc.ae\/company\/quality-control-and-assurance\/&quot;, &quot;_blank&quot;)\"><br \/>\n                            <span class=\"landercoll-btn-text\">See How We Ensure Quality Every Step<\/span><\/p>\n<div class=\"landercoll-btn-icon\">\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"landercoll-btn-ripple\"><\/div>\n<p>                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* LANDERCOLL Premium Service Section *\/\n.landercoll-premium-service {\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-premium-service::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),\n                radial-gradient(circle at 80% 70%, rgba(16, 185, 129, 0.03) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landercoll-premium-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.landercoll-premium-header {\n    text-align: center;\n    margin-bottom: 100px;\n}<\/p>\n<p>.landercoll-header-badge {\n    display: inline-block;\n    position: relative;\n    background: rgba(255, 255, 255, 0.9);\n    border: 1px solid rgba(59, 130, 246, 0.2);\n    border-radius: 30px;\n    padding: 12px 28px;\n    margin-bottom: 30px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e40af;\n    backdrop-filter: blur(20px);\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-badge-shine {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent);\n    animation: landercoll-shine 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes landercoll-shine {\n    0%, 100% { left: -100%; }\n    50% { left: 100%; }\n}<\/p>\n<p>.landercoll-premium-title {\n    font-size: 4.5rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #1e40af, #059669);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 25px;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>.landercoll-premium-subtitle {\n    font-size: 1.5rem;\n    color: #64748b;\n    font-weight: 400;\n    margin-bottom: 40px;\n}<\/p>\n<p>.landercoll-title-divider {\n    width: 120px;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6, #10b981);\n    margin: 0 auto;\n    border-radius: 2px;\n}<\/p>\n<p>\/* Premium Grid *\/\n.landercoll-premium-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}<\/p>\n<p>\/* Service Card *\/\n.landercoll-service-card {\n    background: rgba(255, 255, 255, 0.95);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 24px;\n    padding: 40px;\n    position: relative;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    backdrop-filter: blur(20px);\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-service-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.landercoll-card-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    border-radius: 24px;\n}<\/p>\n<p>.landercoll-consultation .landercoll-card-background {\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(30, 64, 175, 0.05));\n}<\/p>\n<p>.landercoll-formulation .landercoll-card-background {\n    background: linear-gradient(135deg, rgba(6, 182, 212, 0.05), rgba(8, 145, 178, 0.05));\n}<\/p>\n<p>.landercoll-logistics .landercoll-card-background {\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.05));\n}<\/p>\n<p>.landercoll-service-card:hover .landercoll-card-background {\n    opacity: 1;\n}<\/p>\n<p>\/* Card Header *\/\n.landercoll-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 30px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-service-number {\n    font-size: 3rem;\n    font-weight: 100;\n    color: #e2e8f0;\n    line-height: 1;\n}<\/p>\n<p>.landercoll-service-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.landercoll-consultation .landercoll-service-icon {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    color: white;\n}<\/p>\n<p>.landercoll-formulation .landercoll-service-icon {\n    background: linear-gradient(135deg, #06b6d4, #0369a1);\n    color: white;\n}<\/p>\n<p>.landercoll-logistics .landercoll-service-icon {\n    background: linear-gradient(135deg, #10b981, #047857);\n    color: white;\n}<\/p>\n<p>.landercoll-service-card:hover .landercoll-service-icon {\n    transform: scale(1.1) rotate(5deg);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>\/* Card Content *\/\n.landercoll-card-content {\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-service-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 20px;\n    line-height: 1.3;\n}<\/p>\n<p>.landercoll-service-description {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin-bottom: 30px;\n}<\/p>\n<p>.landercoll-service-image {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    height: 220px;\n    margin-bottom: 30px;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landercoll-service-image:hover {\n    transform: scale(1.02);\n}<\/p>\n<p>.landercoll-service-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landercoll-service-image:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landercoll-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.landercoll-overlay-gradient {\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.2));\n}<\/p>\n<p>.landercoll-service-image:hover .landercoll-image-overlay {\n    opacity: 1;\n}<\/p>\n<p>\/* Service Action *\/\n.landercoll-service-action {\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-premium-btn {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 18px 24px;\n    background: linear-gradient(135deg, #f8fafc, #e2e8f0);\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-premium-btn:hover {\n    background: linear-gradient(135deg, #1e40af, #059669);\n    border-color: transparent;\n    color: white;\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(30, 64, 175, 0.3);\n}<\/p>\n<p>.landercoll-btn-text {\n    flex: 1;\n    text-align: left;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-btn-icon {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: rgba(59, 130, 246, 0.1);\n    transition: all 0.4s ease;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-premium-btn:hover .landercoll-btn-icon {\n    background: rgba(255, 255, 255, 0.2);\n    transform: translate(4px, -4px);\n}<\/p>\n<p>.landercoll-btn-ripple {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n    transition: left 0.6s ease;\n}<\/p>\n<p>.landercoll-premium-btn:hover .landercoll-btn-ripple {\n    left: 100%;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .landercoll-premium-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .landercoll-premium-grid {\n        gap: 30px;\n    }<\/p>\n<p>    .landercoll-service-card {\n        padding: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 992px) {\n    .landercoll-premium-title {\n        font-size: 3.5rem;\n    }<\/p>\n<p>    .landercoll-premium-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .landercoll-service-card {\n        max-width: 600px;\n        margin: 0 auto;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landercoll-premium-service {\n        padding: 80px 0;\n    }<\/p>\n<p>    .landercoll-premium-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .landercoll-premium-title {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .landercoll-premium-subtitle {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .landercoll-premium-header {\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .landercoll-service-card {\n        padding: 25px;\n    }<\/p>\n<p>    .landercoll-service-image {\n        height: 180px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landercoll-premium-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landercoll-service-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .landercoll-service-description {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .landercoll-service-icon {\n        width: 60px;\n        height: 60px;\n    }<\/p>\n<p>    .landercoll-service-number {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .landercoll-premium-btn {\n        padding: 16px 20px;\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n<p><!-- LANDERCOLL Light FAQ Section --><\/p>\n<div class=\"landercoll-light-faq\">\n<div class=\"landercoll-light-bg-elements\">\n<div class=\"landercoll-bg-circle landercoll-circle-1\"><\/div>\n<div class=\"landercoll-bg-circle landercoll-circle-2\"><\/div>\n<div class=\"landercoll-bg-circle landercoll-circle-3\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-light-container\">\n        <!-- Elegant Header --><\/p>\n<div class=\"landercoll-light-header\">\n<div class=\"landercoll-light-badge\">\n                <span class=\"landercoll-badge-text\">Expert Knowledge Base<\/span><\/p>\n<div class=\"landercoll-badge-shimmer\"><\/div>\n<\/p><\/div>\n<h2 class=\"landercoll-light-title\">\n                <span class=\"landercoll-title-main\">Your Complete Guide to<\/span><br \/>\n                <span class=\"landercoll-title-brand\">LANDERCOLL\u00ae HPMC<\/span><br \/>\n                <span class=\"landercoll-title-sub\">Expert FAQs<\/span><br \/>\n            <\/h2>\n<div class=\"landercoll-title-ornament\">\n<div class=\"landercoll-ornament-line\"><\/div>\n<div class=\"landercoll-ornament-gem\"><\/div>\n<div class=\"landercoll-ornament-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Two-Column FAQ Grid --><\/p>\n<div class=\"landercoll-light-grid\">\n            <!-- FAQ Item 1 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"01\">\n<div class=\"landercoll-item-decoration\">01<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">Why choose LANDERCOLL\u00ae HPMC over other brands?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p>Because your projects deserve <strong>absolute consistency<\/strong>. LANDERCOLL\u00ae HPMC is crafted in world-class facilities with advanced DCS automated systems, delivering pinpoint control over viscosity, water retention, and purity \u2014 every single batch.<\/p>\n<div class=\"landercoll-feature-highlight\">\n<div class=\"landercoll-highlight-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=\"landercoll-highlight-content\">\n<p>Our in-house R&amp;D and application labs put products through rigorous testing before they leave the plant, so what you receive isn't just compliant with global standards \u2014 in most cases, it outperforms them.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-brand-statement\">That\u2019s the LANDERCOLL\u00ae difference.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 2 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"02\">\n<div class=\"landercoll-item-decoration\">02<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">Which viscosity grade is right for me?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p>Choosing the right grade means getting the results you expect on-site or in production. Here\u2019s your <strong>quick guide<\/strong>:<\/p>\n<div class=\"landercoll-grade-grid\">\n<div class=\"landercoll-grade-item\">\n<div class=\"landercoll-grade-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd27\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f527.svg\"><\/div>\n<div class=\"landercoll-grade-info\">\n<h5>\u039a\u03cc\u03bb\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03bb\u03b1\u03ba\u03ac\u03ba\u03b9\u03b1<\/h5>\n<p>Medium viscosity for strong grip and slip-free performance.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-grade-item\">\n<div class=\"landercoll-grade-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfa8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3a8.svg\"><\/div>\n<div class=\"landercoll-grade-info\">\n<h5>\u0393\u03c5\u03c8\u03bf\u03c3\u03b1\u03bd\u03af\u03b4\u03b1 \/ \u0395\u03c0\u03af\u03c3\u03c4\u03c1\u03c9\u03c3\u03b7<\/h5>\n<p>Low to medium viscosity for a glass-smooth finish.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-grade-item\">\n<div class=\"landercoll-grade-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=\"landercoll-grade-info\">\n<h5>Cement-Based Mortar<\/h5>\n<p>High viscosity for unmatched crack resistance and extended open time.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-grade-item\">\n<div class=\"landercoll-grade-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfe0\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3e0.svg\"><\/div>\n<div class=\"landercoll-grade-info\">\n<h5>Gypsum Plaster<\/h5>\n<p>Medium viscosity for superior water retention and durability.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-expert-tip\">\n<div class=\"landercoll-tip-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a1.svg\"><\/div>\n<p>Not sure? Our technical team can match your exact requirements to the ideal HPMC grade \u2014 saving you testing time, and ensuring your first try gets it right.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 3 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"03\">\n<div class=\"landercoll-item-decoration\">03<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">Can LANDERCOLL\u00ae HPMC really work in multiple industries?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p class=\"landercoll-strong-answer\">Yes \u2014 that\u2019s where its true value shines.<\/p>\n<div class=\"landercoll-industry-display\">\n<div class=\"landercoll-industry-card\">\n<div class=\"landercoll-industry-header\">\n<div class=\"landercoll-industry-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<h5>\u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac \u03a5\u03bb\u03b9\u03ba\u03ac<\/h5>\n<\/p><\/div>\n<p>Strengthens tile adhesives, smooths wall putty, enhances gypsum, stabilizes self-leveling compounds, and boosts EIFS systems.<\/p>\n<\/p><\/div>\n<div class=\"landercoll-industry-card\">\n<div class=\"landercoll-industry-header\">\n<div class=\"landercoll-industry-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddf4\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9f4.svg\"><\/div>\n<h5>Daily Chemical Products<\/h5>\n<\/p><\/div>\n<p>Thickens and stabilizes shampoos, body washes, toothpaste, and detergents \u2014 delivering rich textures and lasting stability.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-summary\">One product, many industries \u2014 meaning sourcing becomes simpler and supply chains get easier to manage.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 4 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"04\">\n<div class=\"landercoll-item-decoration\">04<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">What benefits will HPMC bring to my construction materials?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p>With LANDERCOLL\u00ae HPMC, materials perform better in <strong>every phase<\/strong>:<\/p>\n<div class=\"landercoll-benefits-display\">\n<div class=\"landercoll-benefit-item\">\n<div class=\"landercoll-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=\"landercoll-benefit-text\">\n<h6>Holds moisture longer<\/h6>\n<p>Preventing premature drying so cement hydrates fully.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-benefit-item\">\n<div class=\"landercoll-benefit-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\"><\/div>\n<div class=\"landercoll-benefit-text\">\n<h6>Spreads smoothly<\/h6>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-benefit-item\">\n<div class=\"landercoll-benefit-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd12\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f512.svg\"><\/div>\n<div class=\"landercoll-benefit-text\">\n<h6>cURL Too many subrequests.<\/h6>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-benefit-item\">\n<div class=\"landercoll-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=\"landercoll-benefit-text\">\n<h6>cURL Too many subrequests.<\/h6>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-benefit-item\">\n<div class=\"landercoll-benefit-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=\"landercoll-benefit-text\">\n<h6>cURL Too many subrequests.<\/h6>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-closing-thought\">cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 5 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"05\">\n<div class=\"landercoll-item-decoration\">05<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">cURL Too many subrequests.<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<div class=\"landercoll-eco-showcase\">\n<div class=\"landercoll-eco-badge\">\n<div class=\"landercoll-eco-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=\"landercoll-eco-text\">\n<h5>cURL Too many subrequests.<\/h5>\n<p>Our HPMC comes from renewable plant sources like wood pulp or cotton linters. It\u2019s non-toxic, biodegradable, safe for direct human contact \u2014 and widely trusted in sectors as strict as pharmaceuticals.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-eco-message\">cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 6 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"06\">\n<div class=\"landercoll-item-decoration\">06<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">cURL Too many subrequests.<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p>cURL Too many subrequests.<\/p>\n<div class=\"landercoll-package-display\">\n<div class=\"landercoll-package-card\">\n<div class=\"landercoll-package-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=\"landercoll-package-details\">\n<h6>\u03a4\u03c5\u03c0\u03b9\u03ba\u03ae<\/h6>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-package-card\">\n<div class=\"landercoll-package-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfa8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3a8.svg\"><\/div>\n<div class=\"landercoll-package-details\">\n<h6>\u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf<\/h6>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-package-assurance\">cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 7 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"07\">\n<div class=\"landercoll-item-decoration\">07<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">cURL Too many subrequests.<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<div class=\"landercoll-quality-banner\">\n<h5>cURL Too many subrequests.<\/h5>\n<\/p><\/div>\n<div class=\"landercoll-lab-display\">\n<div class=\"landercoll-lab-item\">\n<div class=\"landercoll-lab-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=\"landercoll-lab-details\">\n<h6>Chemical Lab<\/h6>\n<p>Measures viscosity, moisture, pH, ash levels, and substitution rates.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-lab-item\">\n<div class=\"landercoll-lab-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2697\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2697.svg\"><\/div>\n<div class=\"landercoll-lab-details\">\n<h6>Application Lab<\/h6>\n<p>Tests how the product actually performs in real-world mixes.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-quality-assurance\">Only after passing both do we ship. This is why customers worldwide trust LANDERCOLL\u00ae to deliver the same performance, every time.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 8 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"08\">\n<div class=\"landercoll-item-decoration\">08<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">What\u2019s the usual delivery time?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<div class=\"landercoll-timeline-display\">\n<div class=\"landercoll-timeline-step\">\n<div class=\"landercoll-step-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=\"landercoll-step-content\">\n<h6>Standard orders<\/h6>\n<p>7\u201310 days to your door<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-timeline-arrow\">\u2192<\/div>\n<div class=\"landercoll-timeline-step\">\n<div class=\"landercoll-step-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=\"landercoll-step-content\">\n<h6>Large or customized orders<\/h6>\n<p>15\u201320 days<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-capacity-note\">With 3 production facilities and 20,000 MT annual capacity, we keep lead time short \u2014 because we know downtime is not an option.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 9 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"09\">\n<div class=\"landercoll-item-decoration\">09<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">Do you offer technical formulation help?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p class=\"landercoll-support-headline\">Yes, and it\u2019s one of our <strong>strongest value-adds<\/strong>:<\/p>\n<div class=\"landercoll-support-showcase\">\n<div class=\"landercoll-support-item\">\n<div class=\"landercoll-support-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=\"landercoll-support-text\">\n<h6>Pre-sales consultation<\/h6>\n<p>Free of charge<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-support-item\">\n<div class=\"landercoll-support-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\"><\/div>\n<div class=\"landercoll-support-text\">\n<h6>Sample testing<\/h6>\n<p>With in-depth formulation reports<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-support-item\">\n<div class=\"landercoll-support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf93\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f393.svg\"><\/div>\n<div class=\"landercoll-support-text\">\n<h6>Online training<\/h6>\n<p>Video demos and best practice guides<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-support-item\">\n<div class=\"landercoll-support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc68\u200d\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f468-200d-1f52c.svg\"><\/div>\n<div class=\"landercoll-support-text\">\n<h6>One-on-one guidance<\/h6>\n<p>From seasoned chemists &amp; engineers<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-partnership-message\">We\u2019re not just a supplier \u2014 we\u2019re your formulation partner.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- FAQ Item 10 --><\/p>\n<div class=\"landercoll-light-item\" data-number=\"10\">\n<div class=\"landercoll-item-decoration\">10<\/div>\n<div class=\"landercoll-item-wrapper\">\n<div class=\"landercoll-item-header\">\n<h3 class=\"landercoll-item-title\">How can I try LANDERCOLL\u00ae HPMC or get a quote?<\/h3>\n<div class=\"landercoll-toggle-icon\">\n<div class=\"landercoll-icon-bar landercoll-bar-h\"><\/div>\n<div class=\"landercoll-icon-bar landercoll-bar-v\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-item-content\">\n<div class=\"landercoll-content-wrapper\">\n<p class=\"landercoll-simple-answer\">It\u2019s simple: tell our sales team your application, viscosity preference, and any performance targets. We\u2019ll send free samples so you can test the quality in your own process \u2014 plus technical support to help you achieve the best results before committing to bulk purchases.<\/p>\n<div class=\"landercoll-cta-wrapper\">\n                                <button class=\"landercoll-elegant-btn\"><br \/>\n                                    <span class=\"landercoll-btn-content\">Get Free Samples &amp; Quote<\/span><\/p>\n<div class=\"landercoll-btn-shine\"><\/div>\n<p>                                <\/button>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* LANDERCOLL Light FAQ Section *\/\n.landercoll-light-faq {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);\n    padding: 100px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>\/* Background Elements *\/\n.landercoll-light-bg-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.landercoll-bg-circle {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(60px);\n    animation: landercoll-gentle-float 15s ease-in-out infinite;\n}<\/p>\n<p>.landercoll-circle-1 {\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n    top: -150px;\n    left: -150px;\n    animation-delay: 0s;\n}<\/p>\n<p>.landercoll-circle-2 {\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.08) 0%, transparent 70%);\n    top: 40%;\n    right: -100px;\n    animation-delay: -5s;\n}<\/p>\n<p>.landercoll-circle-3 {\n    width: 250px;\n    height: 250px;\n    background: radial-gradient(circle, rgba(6, 182, 212, 0.06) 0%, transparent 70%);\n    bottom: -125px;\n    left: 30%;\n    animation-delay: -10s;\n}<\/p>\n<p>@keyframes landercoll-gentle-float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    50% { transform: translateY(-20px) rotate(180deg); }\n}<\/p>\n<p>.landercoll-light-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>\/* Elegant Header *\/\n.landercoll-light-header {\n    text-align: center;\n    margin-bottom: 80px;\n}<\/p>\n<p>.landercoll-light-badge {\n    display: inline-block;\n    position: relative;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.9));\n    border: 1px solid rgba(59, 130, 246, 0.2);\n    border-radius: 25px;\n    padding: 10px 24px;\n    margin-bottom: 25px;\n    backdrop-filter: blur(10px);\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-badge-text {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e40af;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-badge-shimmer {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent);\n    animation: landercoll-shimmer 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes landercoll-shimmer {\n    0%, 100% { left: -100%; }\n    50% { left: 100%; }\n}<\/p>\n<p>.landercoll-light-title {\n    margin-bottom: 30px;\n}<\/p>\n<p>.landercoll-title-main {\n    display: block;\n    font-size: 2rem;\n    font-weight: 400;\n    color: #64748b;\n    margin-bottom: 8px;\n}<\/p>\n<p>.landercoll-title-brand {\n    display: block;\n    font-size: 3.5rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #1e40af, #059669);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 8px;\n    line-height: 1.1;\n}<\/p>\n<p>.landercoll-title-sub {\n    display: block;\n    font-size: 1.4rem;\n    font-weight: 500;\n    color: #475569;\n}<\/p>\n<p>.landercoll-title-ornament {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-top: 25px;\n}<\/p>\n<p>.landercoll-ornament-line {\n    width: 50px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #3b82f6, transparent);\n}<\/p>\n<p>.landercoll-ornament-gem {\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(45deg, #3b82f6, #10b981);\n    transform: rotate(45deg);\n    animation: landercoll-gem-glow 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes landercoll-gem-glow {\n    0%, 100% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.3); }\n    50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.6); }\n}<\/p>\n<p>\/* Two-Column Grid *\/\n.landercoll-light-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n}<\/p>\n<p>\/* Light Item *\/\n.landercoll-light-item {\n    position: relative;\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 20px;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n}<\/p>\n<p>.landercoll-light-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1),\n                0 0 0 1px rgba(59, 130, 246, 0.2);\n    border-color: rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.landercoll-item-decoration {\n    position: absolute;\n    top: 15px;\n    right: 20px;\n    font-size: 4rem;\n    font-weight: 100;\n    color: rgba(59, 130, 246, 0.08);\n    line-height: 1;\n    pointer-events: none;\n    z-index: 1;\n}<\/p>\n<p>.landercoll-item-wrapper {\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-item-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 30px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-item-header:hover {\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.03), rgba(16, 185, 129, 0.03));\n}<\/p>\n<p>.landercoll-item-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n    flex: 1;\n    padding-right: 20px;\n    line-height: 1.4;\n}<\/p>\n<p>.landercoll-toggle-icon {\n    width: 40px;\n    height: 40px;\n    border: 2px solid rgba(59, 130, 246, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    transition: all 0.3s ease;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(248, 250, 252, 0.8));\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-icon-bar {\n    position: absolute;\n    background: #3b82f6;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-bar-h {\n    width: 16px;\n    height: 2px;\n}<\/p>\n<p>.landercoll-bar-v {\n    width: 2px;\n    height: 16px;\n}<\/p>\n<p>.landercoll-light-item.active .landercoll-toggle-icon {\n    transform: rotate(45deg);\n    border-color: #10b981;\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.1));\n}<\/p>\n<p>.landercoll-light-item.active .landercoll-icon-bar {\n    background: #10b981;\n}<\/p>\n<p>\/* Content *\/\n.landercoll-item-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    background: linear-gradient(135deg, rgba(248, 250, 252, 0.5), rgba(241, 245, 249, 0.5));\n}<\/p>\n<p>.landercoll-light-item.active .landercoll-item-content {\n    max-height: 2000px;\n}<\/p>\n<p>.landercoll-content-wrapper {\n    padding: 0 30px 30px;\n    opacity: 0;\n    transform: translateY(-15px);\n    transition: all 0.3s ease 0.1s;\n}<\/p>\n<p>.landercoll-light-item.active .landercoll-content-wrapper {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.landercoll-content-wrapper p {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #475569;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landercoll-content-wrapper strong {\n    color: #1e40af;\n    font-weight: 600;\n}<\/p>\n<p>\/* Feature Highlight *\/\n.landercoll-feature-highlight {\n    display: flex;\n    gap: 15px;\n    padding: 20px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(30, 64, 175, 0.05));\n    border-left: 4px solid #3b82f6;\n    border-radius: 12px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-highlight-icon {\n    font-size: 1.8rem;\n    min-width: 35px;\n}<\/p>\n<p>.landercoll-highlight-content p {\n    margin: 0;\n    color: #334155;\n}<\/p>\n<p>.landercoll-brand-statement {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #10b981;\n    text-align: center;\n    margin-top: 25px;\n}<\/p>\n<p>\/* Grade Grid *\/\n.landercoll-grade-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-grade-item {\n    display: flex;\n    gap: 12px;\n    padding: 15px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-grade-item:hover {\n    transform: translateY(-2px);\n    border-color: #3b82f6;\n    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.landercoll-grade-icon {\n    font-size: 1.5rem;\n    min-width: 30px;\n}<\/p>\n<p>.landercoll-grade-info h5 {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 5px;\n}<\/p>\n<p>.landercoll-grade-info p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>\/* Expert Tip *\/\n.landercoll-expert-tip {\n    display: flex;\n    gap: 12px;\n    padding: 15px;\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(6, 182, 212, 0.05));\n    border-radius: 10px;\n    margin-top: 20px;\n}<\/p>\n<p>.landercoll-tip-icon {\n    font-size: 1.3rem;\n    min-width: 25px;\n}<\/p>\n<p>.landercoll-tip-icon + p {\n    margin: 0;\n    font-style: italic;\n    color: #059669;\n    font-size: 0.95rem;\n}<\/p>\n<p>\/* Strong Answer *\/\n.landercoll-strong-answer {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #10b981;\n    text-align: center;\n    margin-bottom: 25px;\n}<\/p>\n<p>\/* Industry Display *\/\n.landercoll-industry-display {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-industry-card {\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(16, 185, 129, 0.1);\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-industry-card:hover {\n    transform: translateY(-3px);\n    border-color: #10b981;\n    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.1);\n}<\/p>\n<p>.landercoll-industry-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n}<\/p>\n<p>.landercoll-industry-icon {\n    font-size: 1.5rem;\n}<\/p>\n<p>.landercoll-industry-header h5 {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.landercoll-industry-card p {\n    font-size: 0.9rem;\n    color: #475569;\n    margin: 0;\n}<\/p>\n<p>.landercoll-summary {\n    font-style: italic;\n    color: #059669;\n    text-align: center;\n    margin-top: 20px;\n}<\/p>\n<p>\/* Benefits Display *\/\n.landercoll-benefits-display {\n    display: grid;\n    gap: 12px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-benefit-item {\n    display: flex;\n    gap: 12px;\n    padding: 15px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-benefit-item:hover {\n    transform: translateY(-2px);\n    border-color: #3b82f6;\n    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.landercoll-benefit-icon {\n    font-size: 1.3rem;\n    min-width: 25px;\n}<\/p>\n<p>.landercoll-benefit-text h6 {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.landercoll-benefit-text p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.landercoll-closing-thought {\n    font-style: italic;\n    color: #059669;\n    text-align: center;\n    font-size: 1rem;\n    margin-top: 20px;\n}<\/p>\n<p>\/* Eco Showcase *\/\n.landercoll-eco-showcase {\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-eco-badge {\n    display: flex;\n    gap: 15px;\n    padding: 20px;\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.08), rgba(16, 185, 129, 0.08));\n    border: 1px solid rgba(34, 197, 94, 0.2);\n    border-radius: 12px;\n}<\/p>\n<p>.landercoll-eco-icon {\n    font-size: 2rem;\n    min-width: 40px;\n}<\/p>\n<p>.landercoll-eco-text h5 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #22c55e;\n    margin-bottom: 8px;\n}<\/p>\n<p>.landercoll-eco-text p {\n    margin: 0;\n    color: #334155;\n}<\/p>\n<p>.landercoll-eco-message {\n    font-style: italic;\n    color: #059669;\n    text-align: center;\n    font-size: 1rem;\n    margin-top: 15px;\n}<\/p>\n<p>\/* Package Display *\/\n.landercoll-package-display {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-package-card {\n    display: flex;\n    gap: 12px;\n    padding: 15px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(6, 182, 212, 0.1);\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-package-card:hover {\n    transform: translateY(-2px);\n    border-color: #06b6d4;\n    box-shadow: 0 8px 20px rgba(6, 182, 212, 0.1);\n}<\/p>\n<p>.landercoll-package-icon {\n    font-size: 1.5rem;\n    min-width: 30px;\n}<\/p>\n<p>.landercoll-package-details h6 {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 5px;\n}<\/p>\n<p>.landercoll-package-details p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.landercoll-package-assurance {\n    font-style: italic;\n    color: #0891b2;\n    text-align: center;\n    margin-top: 15px;\n}<\/p>\n<p>\/* Quality Banner *\/\n.landercoll-quality-banner {\n    text-align: center;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landercoll-quality-banner h5 {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #3b82f6;\n    margin: 0;\n}<\/p>\n<p>\/* Lab Display *\/\n.landercoll-lab-display {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-lab-item {\n    display: flex;\n    gap: 15px;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-lab-item:hover {\n    transform: translateY(-3px);\n    border-color: #3b82f6;\n    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.landercoll-lab-icon {\n    font-size: 2rem;\n    min-width: 40px;\n}<\/p>\n<p>.landercoll-lab-details h6 {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 8px;\n}<\/p>\n<p>.landercoll-lab-details p {\n    font-size: 0.9rem;\n    color: #475569;\n    margin: 0;\n}<\/p>\n<p>.landercoll-quality-assurance {\n    font-style: italic;\n    color: #1e40af;\n    text-align: center;\n    font-size: 1rem;\n    margin-top: 20px;\n}<\/p>\n<p>\/* Timeline Display *\/\n.landercoll-timeline-display {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-timeline-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 15px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(16, 185, 129, 0.1);\n    border-radius: 12px;\n    transition: all 0.3s ease;\n    min-width: 160px;\n}<\/p>\n<p>.landercoll-timeline-step:hover {\n    transform: translateY(-3px);\n    border-color: #10b981;\n    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.1);\n}<\/p>\n<p>.landercoll-step-icon {\n    font-size: 2rem;\n    margin-bottom: 10px;\n}<\/p>\n<p>.landercoll-step-content h6 {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 5px;\n}<\/p>\n<p>.landercoll-step-content p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.landercoll-timeline-arrow {\n    font-size: 1.5rem;\n    color: #10b981;\n    font-weight: bold;\n}<\/p>\n<p>.landercoll-capacity-note {\n    font-style: italic;\n    color: #059669;\n    text-align: center;\n    margin-top: 20px;\n}<\/p>\n<p>\/* Support Showcase *\/\n.landercoll-support-headline {\n    text-align: center;\n    font-size: 1.1rem;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landercoll-support-showcase {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin: 20px 0;\n}<\/p>\n<p>.landercoll-support-item {\n    display: flex;\n    gap: 12px;\n    padding: 15px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(16, 185, 129, 0.1);\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-support-item:hover {\n    transform: translateY(-2px);\n    border-color: #10b981;\n    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.1);\n}<\/p>\n<p>.landercoll-support-icon {\n    font-size: 1.5rem;\n    min-width: 30px;\n}<\/p>\n<p>.landercoll-support-text h6 {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.landercoll-support-text p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.landercoll-partnership-message {\n    font-style: italic;\n    color: #059669;\n    text-align: center;\n    font-size: 1.1rem;\n    font-weight: 600;\n    margin-top: 20px;\n}<\/p>\n<p>\/* Simple Answer *\/\n.landercoll-simple-answer {\n    text-align: center;\n    font-size: 1rem;\n    margin-bottom: 25px;\n}<\/p>\n<p>\/* CTA *\/\n.landercoll-cta-wrapper {\n    text-align: center;\n    margin-top: 25px;\n}<\/p>\n<p>.landercoll-elegant-btn {\n    position: relative;\n    display: inline-block;\n    padding: 16px 32px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border: none;\n    border-radius: 50px;\n    color: white;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    overflow: hidden;\n    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.landercoll-elegant-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.landercoll-btn-content {\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-btn-shine {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n    transition: left 0.6s ease;\n}<\/p>\n<p>.landercoll-elegant-btn:hover .landercoll-btn-shine {\n    left: 100%;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .landercoll-light-faq {\n        padding: 80px 0;\n    }<\/p>\n<p>    .landercoll-light-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .landercoll-title-brand {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .landercoll-light-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }<\/p>\n<p>    .landercoll-item-header {\n        padding: 25px 20px;\n    }<\/p>\n<p>    .landercoll-content-wrapper {\n        padding: 0 20px 25px;\n    }<\/p>\n<p>    .landercoll-grade-grid,\n    .landercoll-industry-display,\n    .landercoll-lab-display,\n    .landercoll-package-display,\n    .landercoll-support-showcase {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .landercoll-timeline-display {\n        flex-direction: column;\n        gap: 15px;\n    }<\/p>\n<p>    .landercoll-timeline-arrow {\n        transform: rotate(90deg);\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landercoll-title-brand {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landercoll-item-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .landercoll-item-header {\n        padding: 20px 15px;\n    }<\/p>\n<p>    .landercoll-content-wrapper {\n        padding: 0 15px 20px;\n    }<\/p>\n<p>    .landercoll-elegant-btn {\n        padding: 14px 28px;\n        font-size: 0.95rem;\n    }\n}\n<\/style>\n<p><script>\n\/\/ Enhanced Light FAQ Functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.landercoll-light-item');<\/p>\n<p>    faqItems.forEach((item, index) => {\n        const header = item.querySelector('.landercoll-item-header');<\/p>\n<p>        \/\/ Staggered entrance animation\n        item.style.animationDelay = `${index * 0.1}s`;<\/p>\n<p>        header.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');<\/p>\n<p>            \/\/ Close other items\n            faqItems.forEach(otherItem => {\n                if (otherItem !== item && otherItem.classList.contains('active')) {\n                    otherItem.classList.remove('active');\n                }\n            });<\/p>\n<p>            \/\/ Toggle current item\n            if (isActive) {\n                item.classList.remove('active');\n            } else {\n                item.classList.add('active');<\/p>\n<p>                \/\/ Add gentle glow effect\n                createGlowEffect(item);\n            }\n        });\n    });<\/p>\n<p>    \/\/ Gentle glow effect\n    function createGlowEffect(element) {\n        element.style.boxShadow = '0 0 30px rgba(59, 130, 246, 0.2)';\n        setTimeout(() => {\n            element.style.boxShadow = '';\n        }, 1000);\n    }<\/p>\n<p>    \/\/ Intersection Observer for smooth entrance\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -30px 0px'\n    };<\/p>\n<p>    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);<\/p>\n<p>    \/\/ Initialize entrance animation\n    faqItems.forEach(item => {\n        item.style.opacity = '0';\n        item.style.transform = 'translateY(20px)';\n        item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n        observer.observe(item);\n    });\n});\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Premium HPMC Manufacturer High-performance Hydroxypropyl Methylcellulose solutions for construction and industrial applications Water Retention Superior moisture control Workability Enhanced application properties Stability Consistent performance ISO 9001 Premium Grade Global Supply OCH\u2083 OH CH\u2082 CHOH Construction Adhesives Coatings Ceramics 95% Water Retention 99% Purity 24h Open Time China&#8217;s Trusted HPMC Manufacturer &amp; Supplier For more than [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5401,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5321","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/pages\/5321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/comments?post=5321"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/pages\/5321\/revisions"}],"predecessor-version":[{"id":5322,"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/pages\/5321\/revisions\/5322"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/pages\/5401"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/el\/wp-json\/wp\/v2\/media?parent=5321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}