{"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\/sv\/cellulose-ether-hpmc\/landercoll-cellulose-ether\/hydroxpropyl-methylcellulose-hpmc\/","title":{"rendered":"Hydroxypropylmetylcellulosa (HPMC)"},"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\">Tillverkare<\/span><br \/>\n                <\/h1>\n<div class=\"subtitle\">\n                    H\u00f6gpresterande Hydroxypropyl Methylcellulosa-l\u00f6sningar f\u00f6r bygg- och industriella till\u00e4mpningar\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>Vattenh\u00e5llning<\/h3>\n<p>\u00d6verl\u00e4gsen fuktkontroll<\/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>Arbetsbarhet<\/h3>\n<p>F\u00f6rb\u00e4ttrade applikationsinst\u00e4llningar<\/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>Stabilitet<\/h3>\n<p>Konsekvent prestanda<\/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\">Premiumkvalitet<\/div>\n<div class=\"badge\">Global Leverans<\/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>Byggnation<\/span>\n                    <\/div>\n<div class=\"app-item adhesives\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>Lim<\/span>\n                    <\/div>\n<div class=\"app-item coatings\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>Bel\u00e4ggningar<\/span>\n                    <\/div>\n<div class=\"app-item ceramics\">\n<div class=\"app-icon-simple\"><\/div>\n<p>                        <span>Keramik<\/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\">Vattenh\u00e5llning<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">99%<\/div>\n<div class=\"stat-label\">Renhet<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">24h<\/div>\n<div class=\"stat-label\">\u00d6ppningstid<\/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                            I mer \u00e4n <span class=\"hpmc-emphasis\">tv\u00e5 decennier<\/span>, LANDU har varit ett ledande namn inom tillverkning av hydroxypropyl methylcellulosa (HPMC) i Sverige. Under v\u00e5rt v\u00e4lrenommerade <span class=\"hpmc-brand-name\">Landercoll\u00ae<\/span> varum\u00e4rke, specialiserar vi oss p\u00e5 att leverera premium cellulosaether som \u00e4r utformade f\u00f6r att m\u00f6ta de h\u00f6gsta industristandarderna.\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\">Metriska ton \u00e5rlig kapacitet<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-card\">\n<div class=\"hpmc-stat-number\">60+<\/div>\n<div class=\"hpmc-stat-label\">L\u00e4nder v\u00e4rlden \u00f6ver<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-card\">\n<div class=\"hpmc-stat-number\">20+<\/div>\n<div class=\"hpmc-stat-label\">\u00c5rs erfarenhet<\/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>Avancerad anl\u00e4ggning<\/h3>\n<p>Avancerade produktions- och FoU-laboratorier i Shandong-provinsen<\/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                    Utrustad med toppmoderna produktionsanl\u00e4ggningar och dedikerade FoU-laboratorier i Shandong-provinsen n\u00e5r v\u00e5r \u00e5rliga tillverkningskapacitet 20 000 ton. Idag levererar vi stolt HPMC till kunder i \u00f6ver 60 l\u00e4nder, och tj\u00e4nar ett brett spektrum av industrier fr\u00e5n byggmaterial till dagliga kemiska till\u00e4mpningar.\n                <\/p>\n<p class=\"hpmc-commitment-text\">\n                    Som en ledande leverant\u00f6r av HPMC i Sverige \u00e4r vi engagerade i konsekvent produktkvalitet, p\u00e5litliga leveranskedjor och skr\u00e4ddarsydda OEM-l\u00f6sningar som anpassar sig till dina specifika projektbehov.\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>Tillverkningskvalitet<\/h3>\n<p>Avancerade produktionslinjer som s\u00e4kerst\u00e4ller konsekvent kvalitet och effektivitet<\/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>Teknisk expertis<\/h3>\n<p>Dedikerat FoU-team med decennier av branscherfarenhet<\/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>Konkurrenskraftiga priser<\/h4>\n<p>F\u00f6rhandlingsbara priser baserade p\u00e5 volym och specifikationer<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-availability-item\">\n<div class=\"hpmc-stock-indicator\"><\/div>\n<div>\n<h4>Klar att skickas<\/h4>\n<p>Omfattande lager med snabb leverans v\u00e4rlden \u00f6ver<\/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\">Varf\u00f6r v\u00e4lja 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>Enast\u00e5ende vattenh\u00e5llning<\/h3>\n<\/p><\/div>\n<p>\u00d6verl\u00e4gsen fuktighetskontrollteknologi f\u00f6r f\u00f6rb\u00e4ttrad applikationsprestanda och f\u00f6rl\u00e4ngd arbetstid<\/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>Snabb kallvattenuppl\u00f6sning<\/h3>\n<\/p><\/div>\n<p>Snabb blandning som sparar tid och f\u00f6rb\u00e4ttrar formulerings effektivitet<\/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>F\u00f6rb\u00e4ttrad sprickresistens<\/h3>\n<\/p><\/div>\n<p>\u00d6verl\u00e4gsen bindningsstyrka som s\u00e4kerst\u00e4ller l\u00e5ngvarig h\u00e5llbarhet och strukturell integritet<\/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>\u00d6verl\u00e4gsen arbetsbarhet<\/h3>\n<\/p><\/div>\n<p>F\u00f6rb\u00e4ttrade hanteringsegenskaper f\u00f6r smidigare applicering och professionell 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\">V\u00e5r HPMC-produktportf\u00f6lj<\/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\">Byggkvalitet HPMC<\/h3>\n<p>                        <span class=\"hpmc-product-badge popular\">Mest popul\u00e4r<\/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=\"Byggkvalitet HPMC\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">Produkt\u00f6versikt<\/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\">Ans\u00f6kningsprocess<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-info\">\n<div class=\"hpmc-specifications\">\n<h4>Produkt specifikationer<\/h4>\n<div class=\"hpmc-spec-list\">\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">Produktnamn:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">Hydroxypropyl Methylcellulosa (HPMC)<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">Viskositetsintervall:<\/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\">Tillg\u00e4ngliga typer:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">Ren, Modifierad, Standard<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-details\">\n<h4>Prim\u00e4ra funktioner<\/h4>\n<p>Fungerar som f\u00f6rtjockningsmedel och bindemedel, vilket s\u00e4kerst\u00e4ller vattenh\u00e5llning, limstyrka och sagsresistens i applikationer som kakellim, v\u00e4ggputs, murbruk, puts och EIFS-system.<\/p>\n<div class=\"hpmc-service-note\">\n                                <strong>OEM-tj\u00e4nster tillg\u00e4ngliga:<\/strong> Anpassade formuleringar med omfattande teknisk support och kvalitetsgaranti.\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;)\">Beg\u00e4r offert<\/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\">Daglig kemikalieklass HPMC<\/h3>\n<p>                        <span class=\"hpmc-product-badge specialty\">H\u00f6g renhet<\/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=\"Daglig kemikalieklass HPMC\" loading=\"lazy\"><\/p>\n<div class=\"hpmc-image-label\">Produkt\u00f6versikt<\/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\">Personv\u00e5rdsapplikationer<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-info\">\n<div class=\"hpmc-specifications\">\n<h4>Produkt specifikationer<\/h4>\n<div class=\"hpmc-spec-list\">\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">Produktlinje:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">Landercoll\u00ae HPMC f\u00f6r Detergent &amp; Personv\u00e5rd<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">L\u00f6slighet:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">L\u00e4tt att dispersera i kallt vatten<\/span>\n                                <\/div>\n<div class=\"hpmc-spec-item\">\n                                    <span class=\"hpmc-spec-label\">Nyckelfunktioner:<\/span><br \/>\n                                    <span class=\"hpmc-spec-value\">H\u00f6g renhet, s\u00e4ker formulering, konsekvent kvalitet<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-applications\">\n<h4>M\u00e5lapplikationer<\/h4>\n<div class=\"hpmc-app-tags\">\n                                <span class=\"hpmc-app-tag\">Reng\u00f6ringsmedel<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">Schampon<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">Flytande tv\u00e5lar<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">Handtv\u00e4ttmedel<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">Hudv\u00e5rdsprodukter<\/span><br \/>\n                                <span class=\"hpmc-app-tag\">Personlig v\u00e5rd<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-details\">\n<h4>Roll &amp; F\u00f6rdelar<\/h4>\n<p>Ger f\u00f6rtjockning, stabilisering och exakt viskositetskontroll\u2014f\u00f6rb\u00e4ttrar textur, produktstabilitet och \u00f6vergripande kundn\u00f6jdhet i personv\u00e5rdsformuleringar.<\/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;)\">Skicka f\u00f6rfr\u00e5gan<\/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\">Kosmetisk &amp; Hudv\u00e5rds-HPMC<\/h3>\n<p>                        <span class=\"hpmc-product-badge premium\">Premiumkvalitet<\/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 Kosmetisk Kvalitet<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hpmc-product-info\">\n<div class=\"hpmc-product-details\">\n<p>Premiumkvalitet HPMC-pulver speciellt utformat f\u00f6r kosmetiska och hudv\u00e5rdsapplikationer. V\u00e5ra l\u00f6sningar \u00e4r anpassade f\u00f6r att hj\u00e4lpa varum\u00e4rken att skapa stabila, h\u00f6gpresterande produkter som uppfyller de str\u00e4ngaste kvalitetsstandarderna.<\/p>\n<div class=\"hpmc-service-note specialty\">\n                                <strong>Ytterligare specialkvaliteter:<\/strong> Vi erbjuder ocks\u00e5 specialformuleringar f\u00f6r f\u00e4rg, keramik, EIFS, industriella bel\u00e4ggningar och andra specialapplikationer.\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;)\">Beg\u00e4r prover<\/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                L\u00e5s upp de viktigaste f\u00f6rdelarna med<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>\u00d6verl\u00e4gsen vattenh\u00e5llning<\/h3>\n<p>Hindrar effektivt f\u00f6rlust av fukt, vilket s\u00e4kerst\u00e4ller l\u00e4ngre arbetstid och f\u00f6rb\u00e4ttrad appliceringsprestanda.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">95%<\/span><br \/>\n                        <span class=\"metric-label\">H\u00e5llningsgrad<\/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>Anm\u00e4rkningsv\u00e4rt f\u00f6rtjockningskraft<\/h3>\n<p>\u00d6kar viskositeten f\u00f6r en enhetlig textur, vilket ger f\u00f6rb\u00e4ttrad sammanh\u00e5llning och starkare strukturell integritet.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">10x<\/span><br \/>\n                        <span class=\"metric-label\">Viskositets\u00f6kning<\/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>P\u00e5litlig antislipkontroll<\/h3>\n<p>Minimerar glidning och s\u00e4nkning, vilket g\u00f6r att material kan f\u00f6rbli exakt d\u00e4r de appliceras.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">Noll<\/span><br \/>\n                        <span class=\"metric-label\">S\u00e4ckning<\/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>F\u00f6rb\u00e4ttrad limstyrka<\/h3>\n<p>Fungerar som en p\u00e5litlig bindemedel, som st\u00e4rker h\u00e5llbarheten och l\u00e5ngsiktig stabilitet.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">+40%<\/span><br \/>\n                        <span class=\"metric-label\">Bindningsstyrka<\/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>Konsekvent st\u00f6td\u00e4mpningsstabilitet<\/h3>\n<p>Bibeh\u00e5ller j\u00e4mn f\u00f6rdelning i suspensioner och emulsioner, f\u00f6rhindrar o\u00f6nskad separation.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">24h+<\/span><br \/>\n                        <span class=\"metric-label\">Stabilitet<\/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>Exceptionell filmformering<\/h3>\n<p>Producerar ett s\u00f6ml\u00f6st, kontinuerligt lager som f\u00f6rb\u00e4ttrar b\u00e5de funktionalitet och den totala produktens estetik.<\/p>\n<div class=\"benefit-metric\">\n                        <span class=\"metric-value\">100%<\/span><br \/>\n                        <span class=\"metric-label\">T\u00e4ckning<\/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>Bevisad F\u00f6rtr\u00e4fflighet<\/span>\n                <\/div>\n<div class=\"summary-item\">\n<div class=\"summary-icon innovation\"><\/div>\n<p>                    <span>Avancerad teknik<\/span>\n                <\/div>\n<div class=\"summary-item\">\n<div class=\"summary-icon reliability\"><\/div>\n<p>                    <span>Konsekventa Resultat<\/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                    Produktinformation \u2014<br \/>\n                    <span class=\"chemical-name\">Hydroxypropyl Methylcellulose<\/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> \u00e4r en ledande HPMC-tillverkare och leverant\u00f6r i Kina, som tillhandah\u00e5ller h\u00f6gkvalitativ hydroxipropylmetylcellulosa (HPMC) under varum\u00e4rket <span class=\"brand-mark\">Landercoll\u00ae<\/span> varum\u00e4rket.\n                    <\/div>\n<p class=\"intro-description\">\n                        V\u00e5ra celluloseeterprodukter anv\u00e4nds ofta i byggmaterial, dagliga kemikalier, bel\u00e4ggningar och industriella till\u00e4mpningar.\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>Byggnation<\/span>\n                        <\/div>\n<div class=\"area-item chemical-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>Dagliga Kemikalier<\/span>\n                        <\/div>\n<div class=\"area-item coating-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>Bel\u00e4ggningar<\/span>\n                        <\/div>\n<div class=\"area-item industrial-area\">\n<div class=\"area-icon\"><\/div>\n<p>                            <span>Industriell<\/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 Cellulosaetrar\" loading=\"lazy\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">\n<div class=\"badge-icon\"><\/div>\n<p>                                <span>Premiumkvalitet<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-caption\">\n<h4>LANDU Cellulosaetrar<\/h4>\n<p>H\u00f6gkvalitativa HPMC-produkter f\u00f6r olika till\u00e4mpningar<\/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>Utseende<\/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>Vitt till benvitt pulver<\/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>Formelmodifiering<\/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>Anpassade kvaliteter tillg\u00e4ngliga<\/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>Klassificeringskoder<\/h3>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"code-list\">\n<div class=\"code-item\">\n                                <span class=\"code-label\">HS-kod:<\/span><br \/>\n                                <span class=\"code-value\">3912390000 \/ 3912900000<\/span>\n                            <\/div>\n<div class=\"code-item\">\n                                <span class=\"code-label\">CAS-nummer:<\/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>Tekniska specifikationer<\/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>Artikel<\/span>\n                            <\/div>\n<div class=\"header-cell range-header\">\n<div class=\"header-icon\"><\/div>\n<p>                                <span>Specifikationsintervall<\/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>Viscositet<\/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>Partikelstorlek<\/span>\n                                <\/div>\n<div class=\"cell spec-cell\">\n                                    <span class=\"spec-value\">\u226599% genom 80 mesh<\/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>pH-v\u00e4rde<\/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>Fuktighet<\/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>Vatteninneh\u00e5ll<\/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>ISO-certifierad<\/span>\n                    <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon tested\"><\/div>\n<p>                        <span>Laboratorietestad<\/span>\n                    <\/div>\n<div class=\"qa-item\">\n<div class=\"qa-icon consistent\"><\/div>\n<p>                        <span>Konsekvent kvalitet<\/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\">Toppanv\u00e4ndningar av HPMC<\/h2>\n<div class=\"hpmc-uses-subtitle\">Uppt\u00e4ck de m\u00e5ngsidiga till\u00e4mpningarna av Landercoll\u00ae HPMC inom byggindustrin<\/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=\"HPMC i kakelklister\" 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>Starkt bindemedel<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC i kakelklister<\/h3>\n<p class=\"hpmc-use-description\">\n                        Landercoll\u00ae HPMC f\u00f6rb\u00e4ttrar avsev\u00e4rt bindningsf\u00f6rm\u00e5gan hos kakel- och klinkerlim medan den f\u00f6rhindrar o\u00f6nskad klumpbildning. Resultatet blir ett starkt, l\u00e5ngvarigt grepp p\u00e5 v\u00e4gg- och golvytor, vilket s\u00e4kerst\u00e4ller att kakel f\u00f6rblir ordentligt fixerade i \u00e5ratal utan att lossna eller falla av.\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>Skicka f\u00f6rfr\u00e5gan<\/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=\"HPMC i gipsputs\" 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>Vattenh\u00e5llning<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC i gipsputs<\/h3>\n<p class=\"hpmc-use-description\">\n                        N\u00e4r det appliceras p\u00e5 v\u00e4ggar och tak s\u00e4kerst\u00e4ller Landercoll\u00ae HPMC enast\u00e5ende vattentillf\u00f6rsel och vidh\u00e4ftning. Detta g\u00f6r att gipsputs kan stelna till sl\u00e4ta, felfria lager som motst\u00e5r sprickbildning och klumpbildning, vilket ger en stabil och j\u00e4mn yta som st\u00e5r emot tidens tand.\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>Skicka f\u00f6rfr\u00e5gan<\/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>F\u00f6rb\u00e4ttrad kohesion<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC i skimningsbel\u00e4ggning och v\u00e4ggputs<\/h3>\n<p class=\"hpmc-use-description\">\n                        F\u00f6r b\u00e5de inomhus- och utomhusfinish f\u00f6rb\u00e4ttrar Landercoll\u00ae HPMC sammanh\u00e5llningen i skiktnings- och v\u00e4ggspacklingsblandningar. Det \u00f6kar slitstyrkan och skapar j\u00e4mna, v\u00e4lf\u00e4sta ytor med ett f\u00f6rfinat och polerat utseende.\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>Skicka f\u00f6rfr\u00e5gan<\/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=\"HPMC i cementputs\" 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>B\u00e4ttre flexibilitet<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC i cementputs<\/h3>\n<p class=\"hpmc-use-description\">\n                        Inom cementbaserade puts- och murbruk spelar Landercoll\u00ae HPMC en avg\u00f6rande roll. Den s\u00e4kerst\u00e4ller \u00f6verl\u00e4gsen vattentillf\u00f6rsel, b\u00e4ttre flexibilitet, f\u00f6rl\u00e4ngd \u00f6ppentid, smidigare hantering, f\u00f6rb\u00e4ttrad sprickresistens och p\u00e5litliga anti-sl\u00e4pp-egenskaper \u2014 allt som bidrar till f\u00f6rb\u00e4ttrad applicering och h\u00e5llbarhet.\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>Skicka f\u00f6rfr\u00e5gan<\/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=\"HPMC i murbruk\" 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>F\u00f6rb\u00e4ttrad arbetsbarhet<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC i murbruk<\/h3>\n<p class=\"hpmc-use-description\">\n                        I murverkskonstruktion f\u00f6rb\u00e4ttrar Landercoll\u00ae HPMC blandningsarbetets bearbetbarhet, sm\u00f6rjning och l\u00e4ggningshastighet. Den bevarar stark bindningsstyrka \u00e4ven under tunga belastningar eller horisontell tryck, vilket hj\u00e4lper till att uppr\u00e4tth\u00e5lla integriteten och tillf\u00f6rlitligheten hos byggda strukturer.\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>Skicka f\u00f6rfr\u00e5gan<\/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>Konsekvent viskositet<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"hpmc-card-content\">\n<h3 class=\"hpmc-use-title\">HPMC i ETICS \/ EIFS-system<\/h3>\n<p class=\"hpmc-use-description\">\n                        F\u00f6r ETICS\/EIFS-adhesiv och inb\u00e4ddningsbrukformler ger Landercoll\u00ae HPMC konsekvent viskositet, f\u00f6rhindrar sjunkning och minskar o\u00f6nskat klibb. Resultatet \u00e4r en j\u00e4mn och enkel appliceringsprocess som m\u00f6jligg\u00f6r rena linjer och enhetliga strukturer \u00f6ver ytor.\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>Skicka f\u00f6rfr\u00e5gan<\/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>M\u00e5ngsidig prestanda \u00f6ver olika till\u00e4mpningar<\/h3>\n<p>Landercoll\u00ae HPMC visar enast\u00e5ende m\u00e5ngsidighet och tillf\u00f6rlitlighet inom olika byggnadsapplikationer, levererar konsekvent kvalitet och prestandaf\u00f6rdelar som proffs litar p\u00e5.<\/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\">Huvudsakliga till\u00e4mpningar<\/div>\n<\/p><\/div>\n<div class=\"hpmc-stat-item\">\n<div class=\"hpmc-stat-number\">100%<\/div>\n<div class=\"hpmc-stat-label\">Kvalitetss\u00e4kring<\/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\">Teknisk support<\/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\">Ett signaturm\u00e4rke av LANDU<\/h2>\n<p class=\"landercoll-main-subtitle\">Innovation \u2022 Kvalitet \u2022 Excellence inom cellulosaetherteknologi<\/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>Flera decennier av expertis<\/h3>\n<div class=\"landercoll-title-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>Med flera decennier av expertis, <strong>LANDU<\/strong> har etablerat sig som en framst\u00e5ende tillverkare inom omr\u00e5det cellulosaether och deras derivat. V\u00e5rt produktsortiment har vuxit l\u00e5ngt bortom cellulosaether, och omfattar nu <em>Redisperserbart polymerpulver (RDP)<\/em>, <em>Polykarboxylat-superplastifier (PCE)<\/em>, <em>Gipsretarder<\/em>och <em>Pulveravfettare<\/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\">F&amp;U-excellens<\/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=\"Solutions\"><\/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>Som en p\u00e5litlig tillverkare av HPMC st\u00e5r LANDERCOLL\u00ae f\u00f6r innovation, kvalitet och st\u00e4ndig utveckling.<\/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 i varje produktionssteg<\/h3>\n<p>Tillverkningssystem utformade f\u00f6r noggrannhet, stabilitet och milj\u00f6m\u00e4ssig h\u00e5llbarhet<\/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>Automated Control<\/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=\"HPMC Products\"><\/p>\n<div class=\"landercoll-image-label\">HPMC Products<\/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>Expanding Our Global Presence<\/h3>\n<\/p><\/div>\n<p class=\"landercoll-global-desc\">LANDERCOLL\u00ae has built a robust worldwide distribution network, reflecting our commitment to growth in international markets. We currently partner with general distributors in over <strong>40 countries<\/strong> and maintain exclusive agent relationships in more than <strong>10 regions<\/strong>.<\/p>\n<div class=\"landercoll-partnership-info\">\n<div class=\"landercoll-info-accent\"><\/div>\n<p>Yet, our journey is far from over\u2014there remain many markets where we are actively seeking new collaborations. We welcome inquiries about our agency programs and look forward to partnering with forward-thinking companies to shape the future of the cellulose ether industry.<\/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\">Global Chemical Solutions<\/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\">L\u00e4nder<\/div>\n<div class=\"landercoll-stat-desc\">Distribution Partners<\/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\">Regions<\/div>\n<div class=\"landercoll-stat-desc\">Exclusive Agents<\/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\">Opportunities<\/div>\n<div class=\"landercoll-stat-desc\">New Collaborations<\/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>G\u00e5 med i v\u00e5rt globala n\u00e4tverk och forma framtiden f\u00f6r celluloseterteknologin tillsammans.<\/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>cURL Too many subrequests.<\/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\">cURL Too many subrequests.<\/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\">Expertr\u00e5dgivning f\u00f6re f\u00f6rs\u00e4ljning<\/h3>\n<p class=\"landercoll-service-description\">V\u00e5ra dedikerade s\u00e4ljkonsulter arbetar n\u00e4ra skickliga tekniker f\u00f6r att fullt ut f\u00f6rst\u00e5 dina unika behov och identifiera de l\u00f6sningar som passar dig b\u00e4st. Vi erbjuder omfattande digitala guider, videohandledning och personliga konsultationer i realtid.<\/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\">cURL Too many subrequests.<\/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\">Anpassad formuleringshj\u00e4lp<\/h3>\n<p class=\"landercoll-service-description\">Vi levererar komplett formuleringsst\u00f6d med gratis provexemplar, detaljerad teknisk processdokumentation och professionell v\u00e4gledning f\u00f6r att finjustera dina formuleringar f\u00f6r optimal prestanda. V\u00e5ra kemister s\u00e4kerst\u00e4ller att dina projekt lyckas fr\u00e5n koncept till f\u00e4rdigst\u00e4llande.<\/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\">cURL Too many subrequests.<\/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\">P\u00e5litlig logistik och punktlig leverans<\/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=\"Logistics and Delivery\"><\/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\">cURL Too many subrequests.<\/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\">cURL Too many subrequests.<\/span><\/p>\n<div class=\"landercoll-badge-shimmer\"><\/div>\n<\/p><\/div>\n<h2 class=\"landercoll-light-title\">\n                <span class=\"landercoll-title-main\">cURL Too many subrequests.<\/span><br \/>\n                <span class=\"landercoll-title-brand\">cURL Too many subrequests.<\/span><br \/>\n                <span class=\"landercoll-title-sub\">cURL Too many subrequests.<\/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\">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. <strong>cURL Too many subrequests.<\/strong>cURL Too many subrequests.<\/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\u2019t 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>Kakelklister<\/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>V\u00e4ggspackel \/ Skiktskikt<\/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>Byggmaterial<\/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>Making application effortless and consistent.<\/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>Stays put<\/h6>\n<p>Keeping mortar, plaster, or adhesive exactly where you apply it.<\/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>Strengthens bonds<\/h6>\n<p>Delivering enduring hold even in demanding conditions.<\/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>Resists cracking<\/h6>\n<p>Improving long-term durability and customer satisfaction.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-closing-thought\">Think of it as the hidden partner behind every flawless finish.<\/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\">Is it safe and eco-friendly?<\/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>Absolutely Safe &amp; Eco-Friendly<\/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\">Choosing LANDERCOLL\u00ae means choosing performance without harming the planet.<\/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\">How is it packaged?<\/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>We protect your investment with:<\/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>Standard<\/h6>\n<p>25 kg multi-layer paper bags with PE liners for maximum moisture protection.<\/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>Custom<\/h6>\n<p>Tailored packaging and private labeling to fit your brand.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"landercoll-package-assurance\">Every package is engineered for long-distance, climate-diverse transport \u2014 so product integrity is never at risk.<\/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>cURL Too many subrequests.<\/h6>\n<p>cURL Too many subrequests.<\/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>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-quality-assurance\">cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/h6>\n<p>cURL Too many subrequests.<\/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>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-capacity-note\">cURL Too many subrequests.<\/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\">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 class=\"landercoll-support-headline\">Yes, and it\u2019s one of our <strong>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/h6>\n<p>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/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\/sv\/wp-json\/wp\/v2\/pages\/5321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/comments?post=5321"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/pages\/5321\/revisions"}],"predecessor-version":[{"id":5322,"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/pages\/5321\/revisions\/5322"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/pages\/5401"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/sv\/wp-json\/wp\/v2\/media?parent=5321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}