{"id":5197,"date":"2025-12-02T06:42:41","date_gmt":"2025-12-02T06:42:41","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5197"},"modified":"2025-12-24T08:24:32","modified_gmt":"2025-12-24T08:24:32","slug":"flexible-redispersible-polymer-powder","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/pt\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/flexible-redispersible-polymer-powder\/","title":{"rendered":"LANDU Flexible Redispersible Polymer Powder for High-Performance Construction"},"content":{"rendered":"<div class=\"landu-flex-banner-wrapper\">\n<div class=\"landu-flex-banner-container\">\n        <!-- \u80cc\u666f\u88c5\u9970\u5c42 --><\/p>\n<div class=\"landu-flex-background-layers\"><\/div>\n<p>        <!-- \u67d4\u6027\u88c5\u9970\u5143\u7d20 --><\/p>\n<div class=\"landu-flex-decorative-elements\">\n            <!-- \u67d4\u6027\u66f2\u7ebf --><\/p>\n<p>            <!-- \u5f39\u6027\u51e0\u4f55\u5f62\u72b6 --><\/p>\n<p>            <!-- \u8fde\u63a5\u7ebf\u6761 --><\/p>\n<p>            <!-- \u6d6e\u52a8\u805a\u5408\u7269\u9897\u7c92\u7fa4 --><\/p>\n<div class=\"landu-flex-particle-system\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"landu-flex-main-content\">\n<div class=\"landu-flex-content-left\">\n                <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"landu-flex-title-section\">\n<h1 class=\"landu-flex-main-title\">\n                        <span class=\"landu-flex-highlight-word\">LANDU Flexible<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Redispersible Polymer<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Powder for Construction<\/span><br \/>\n                    <\/h1>\n<div class=\"landu-flex-brand-badge\">\n<p>                        <span>LANDU ACCURATE\u2122<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- \u63cf\u8ff0\u5185\u5bb9 --><\/p>\n<div class=\"landu-flex-description-section\">\n<p class=\"landu-flex-main-description\">\n                        Redefining flexibility and durability in cementitious materials. Enhance<br \/>\n                        <span class=\"landu-flex-keyword\">elasticity<\/span>,<br \/>\n                        <span class=\"landu-flex-keyword\">crack resistance<\/span>, e<br \/>\n                        <span class=\"landu-flex-keyword\">cURL Too many subrequests.<\/span> with superior polymer technology that adapts to structural movement.\n                    <\/p>\n<p class=\"landu-flex-sub-description\">\n                        Advanced flexible polymer formulation delivering exceptional performance for dynamic construction environments.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- \u7279\u6027\u7f51\u683c --><\/p>\n<div class=\"landu-flex-features-grid\">\n<div class=\"landu-flex-feature-card landu-flex-elasticity\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>Enhanced Elasticity<\/h3>\n<p>Superior flexibility<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-feature-card landu-flex-crack-resistance\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>Anti-cracking formula<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-feature-card landu-flex-adhesion\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>Ades\u00e3o Forte<\/h3>\n<p>Reliable bonding<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u884c\u52a8\u6309\u94ae --><\/p>\n<div class=\"landu-flex-action-section\">\n                    <a href=\"https:\/\/hpmc.ae\/pt\/contact\/\" class=\"landu-flex-cta-button landu-flex-primary editing\" target=\"_blank\"><br \/>\n                        <span class=\"landu-flex-button-text\">Solicitar Amostra Gr\u00e1tis<\/span><\/p>\n<div class=\"landu-flex-button-icon\">\u2192<\/div>\n<p>                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/pt\/contact\/\" class=\"landu-flex-cta-button landu-flex-secondary editing\" target=\"_blank\">Explore Specs<\/a>\n                <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-content-right\">\n                <!-- \u67d4\u6027\u805a\u5408\u7269\u7ed3\u6784\u56fe --><\/p>\n<div class=\"landu-flex-polymer-structure\">\n<div class=\"landu-flex-polymer-container\">\n                        <!-- \u67d4\u6027\u94fe\u6761\u7f51\u7edc --><\/p>\n<div class=\"landu-flex-chain-network\">\n<div class=\"landu-flex-chain landu-flex-chain-1\"><\/div>\n<div class=\"landu-flex-chain landu-flex-chain-2\"><\/div>\n<\/p><\/div>\n<p>                        <!-- \u4ea4\u8054\u70b9 --><\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u6027\u80fd\u6307\u6807 --><\/p>\n<div class=\"landu-flex-performance-metrics\">\n<div class=\"landu-flex-metric-item\">\n<div class=\"landu-flex-metric-value\">300%<\/div>\n<div class=\"landu-flex-metric-label\">Elongation<\/div>\n<\/p><\/div>\n<div class=\"landu-flex-metric-item\">\n<div class=\"landu-flex-metric-value\">\u226595%<\/div>\n<div class=\"landu-flex-metric-label\">Flexibility<\/div>\n<\/p><\/div>\n<div class=\"landu-flex-metric-item\">\n<div class=\"landu-flex-metric-value\">ISO 9001<\/div>\n<div class=\"landu-flex-metric-label\">Certificado<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u5e94\u7528\u9886\u57df --><\/p>\n<div class=\"landu-flex-applications\">\n<h4 class=\"landu-flex-app-title\">Flexible Applications<\/h4>\n<div class=\"landu-flex-app-grid\">\n<div class=\"landu-flex-app-item landu-flex-sealant\">\n<p>                            <span>Flexible Sealant<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-coating\">\n<p>                            <span>Elastic Coating<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-membrane\">\n<p>                            <span>Waterproof Membrane<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-joint\">\n<p>                            <span>Joint Compound<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .landu-flex-banner-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-banner-container {\n            width: 100%;\n            min-height: 600px;\n            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #ecfdf5 50%, #f8faff 75%, #fefce8 100%);\n            position: relative;\n            overflow: hidden;\n            padding: 80px 40px;\n            font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n        }<\/p>\n<p>        \/* \u80cc\u666f\u88c5\u9970\u5c42 *\/\n        .landu-flex-background-layers {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .landu-flex-bg-layer {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.2;\n        }<\/p>\n<p>        .landu-flex-layer-1 {\n            width: 320px;\n            height: 320px;\n            background: radial-gradient(circle, rgba(34, 87, 221, 0.15) 0%, rgba(34, 87, 221, 0.05) 70%, transparent 100%);\n            top: -80px;\n            right: -80px;\n            animation: landu-flex-float-slow 30s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-layer-2 {\n            width: 240px;\n            height: 240px;\n            background: radial-gradient(circle, rgba(0, 113, 36, 0.12) 0%, rgba(0, 113, 36, 0.04) 70%, transparent 100%);\n            bottom: -60px;\n            left: -60px;\n            animation: landu-flex-float-slow 35s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-layer-3 {\n            width: 180px;\n            height: 180px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.03) 70%, transparent 100%);\n            top: 25%;\n            left: 10%;\n            animation: landu-flex-float-slow 25s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-layer-4 {\n            width: 150px;\n            height: 150px;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n            top: 65%;\n            right: 15%;\n            animation: landu-flex-float-slow 40s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-layer-5 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.02) 70%, transparent 100%);\n            top: 5%;\n            right: 35%;\n            animation: landu-flex-float-slow 32s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-float-slow {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(-15px, -20px) rotate(90deg); }\n            50% { transform: translate(10px, -10px) rotate(180deg); }\n            75% { transform: translate(-8px, 15px) rotate(270deg); }\n        }<\/p>\n<p>        \/* \u67d4\u6027\u88c5\u9970\u5143\u7d20 *\/\n        .landu-flex-decorative-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u66f2\u7ebf *\/\n        .landu-flex-curve {\n            position: absolute;\n            border: 3px solid;\n            border-radius: 50px;\n            opacity: 0.4;\n        }<\/p>\n<p>        .landu-flex-curve-1 {\n            width: 120px;\n            height: 60px;\n            border-color: rgba(34, 87, 221, 0.3);\n            border-style: solid none solid none;\n            top: 20%;\n            left: 15%;\n            transform: rotate(25deg);\n            animation: landu-flex-curve-wave 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-curve-2 {\n            width: 100px;\n            height: 80px;\n            border-color: rgba(0, 113, 36, 0.3);\n            border-style: none solid none solid;\n            bottom: 30%;\n            right: 20%;\n            transform: rotate(-30deg);\n            animation: landu-flex-curve-wave 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-curve-3 {\n            width: 80px;\n            height: 40px;\n            border-color: rgba(16, 185, 129, 0.3);\n            border-style: solid none solid none;\n            top: 60%;\n            left: 25%;\n            transform: rotate(45deg);\n            animation: landu-flex-curve-wave 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-curve-wave {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) scaleY(1); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) scaleY(1.2); }\n        }<\/p>\n<p>        \/* \u5f39\u6027\u51e0\u4f55\u5f62\u72b6 *\/\n        .landu-flex-shape {\n            position: absolute;\n            opacity: 0.5;\n        }<\/p>\n<p>        .landu-flex-elastic-1 {\n            width: 40px;\n            height: 20px;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            border-radius: 20px;\n            top: 30%;\n            right: 30%;\n            animation: landu-flex-elastic-stretch 5s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-elastic-2 {\n            width: 30px;\n            height: 30px;\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            border-radius: 50%;\n            bottom: 40%;\n            left: 20%;\n            animation: landu-flex-elastic-bounce 7s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-spring-1 {\n            width: 8px;\n            height: 60px;\n            background: repeating-linear-gradient(\n                to bottom,\n                #f59e0b 0px,\n                #f59e0b 6px,\n                transparent 6px,\n                transparent 12px\n            );\n            top: 15%;\n            right: 10%;\n            animation: landu-flex-spring-compress 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-spring-2 {\n            width: 6px;\n            height: 45px;\n            background: repeating-linear-gradient(\n                to bottom,\n                #8b5cf6 0px,\n                #8b5cf6 5px,\n                transparent 5px,\n                transparent 10px\n            );\n            bottom: 20%;\n            right: 40%;\n            animation: landu-flex-spring-compress 6s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-elastic-stretch {\n            0%, 100% { transform: scaleX(1) scaleY(1); }\n            50% { transform: scaleX(1.4) scaleY(0.7); }\n        }<\/p>\n<p>        @keyframes landu-flex-elastic-bounce {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.3); }\n        }<\/p>\n<p>        @keyframes landu-flex-spring-compress {\n            0%, 100% { transform: scaleY(1); }\n            50% { transform: scaleY(0.6); }\n        }<\/p>\n<p>        \/* \u8fde\u63a5\u7ebf\u6761 *\/\n        .landu-flex-connection-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, rgba(34, 87, 221, 0.4) 50%, transparent 100%);\n            opacity: 0.6;\n        }<\/p>\n<p>        .landu-flex-line-1 {\n            width: 150px;\n            top: 35%;\n            left: 30%;\n            transform: rotate(20deg);\n            animation: landu-flex-line-flex 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-line-2 {\n            width: 120px;\n            bottom: 35%;\n            right: 25%;\n            transform: rotate(-40deg);\n            animation: landu-flex-line-flex 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-line-3 {\n            width: 100px;\n            top: 65%;\n            right: 50%;\n            transform: rotate(70deg);\n            animation: landu-flex-line-flex 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-line-flex {\n            0%, 100% { opacity: 0.4; transform: rotate(var(--initial-rotate, 0deg)) scaleX(1); }\n            50% { opacity: 0.8; transform: rotate(var(--initial-rotate, 0deg)) scaleX(1.2); }\n        }<\/p>\n<p>        \/* \u6d6e\u52a8\u805a\u5408\u7269\u9897\u7c92\u7cfb\u7edf *\/\n        .landu-flex-particle-system {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .landu-flex-particle {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.7;\n            animation: landu-flex-particle-float 15s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-p1 { width: 10px; height: 10px; background: #2257dd; top: 15%; right: 25%; animation-delay: 0s; }\n        .landu-flex-p2 { width: 8px; height: 8px; background: #007124; top: 25%; right: 45%; animation-delay: 1.5s; }\n        .landu-flex-p3 { width: 12px; height: 12px; background: #3b82f6; top: 45%; right: 15%; animation-delay: 3s; }\n        .landu-flex-p4 { width: 9px; height: 9px; background: #10b981; top: 65%; right: 35%; animation-delay: 4.5s; }\n        .landu-flex-p5 { width: 7px; height: 7px; background: #8b5cf6; top: 85%; right: 55%; animation-delay: 6s; }\n        .landu-flex-p6 { width: 11px; height: 11px; background: #f59e0b; top: 35%; right: 65%; animation-delay: 7.5s; }\n        .landu-flex-p7 { width: 6px; height: 6px; background: #ef4444; top: 55%; right: 75%; animation-delay: 9s; }\n        .landu-flex-p8 { width: 9px; height: 9px; background: #06b6d4; top: 75%; right: 85%; animation-delay: 10.5s; }\n        .landu-flex-p9 { width: 8px; height: 8px; background: #84cc16; top: 20%; right: 80%; animation-delay: 12s; }\n        .landu-flex-p10 { width: 10px; height: 10px; background: #f97316; top: 40%; right: 90%; animation-delay: 13.5s; }<\/p>\n<p>        @keyframes landu-flex-particle-float {\n            0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.5; }\n            25% { transform: translateY(-25px) translateX(-15px) scale(1.2); opacity: 0.8; }\n            50% { transform: translateY(-15px) translateX(10px) scale(0.8); opacity: 0.9; }\n            75% { transform: translateY(-35px) translateX(-8px) scale(1.1); opacity: 0.7; }\n        }<\/p>\n<p>        \/* \u4e3b\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-main-content {\n            position: relative;\n            z-index: 10;\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 60px;\n            max-width: 1200px;\n            margin: 0 auto;\n            align-items: center;\n        }<\/p>\n<p>        .landu-flex-content-left {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u6807\u9898\u533a\u57df *\/\n        .landu-flex-title-section {\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .landu-flex-main-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            line-height: 1.1;\n            color: #1e293b;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-highlight-word {\n            display: block;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.8rem;\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .landu-flex-title-line {\n            display: block;\n            color: #475569;\n            font-weight: 700;\n        }<\/p>\n<p>        .landu-flex-brand-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid rgba(34, 87, 221, 0.2);\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: #2257dd;\n            box-shadow: 0 4px 12px rgba(34, 87, 221, 0.1);\n        }<\/p>\n<p>        .landu-flex-badge-icon {\n            width: 16px;\n            height: 16px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 50%;\n        }<\/p>\n<p>        \/* \u63cf\u8ff0\u533a\u57df *\/\n        .landu-flex-main-description {\n            font-size: 1.1rem;\n            color: #475569;\n            line-height: 1.6;\n            margin-bottom: 12px;\n        }<\/p>\n<p>        .landu-flex-keyword {\n            color: #2257dd;\n            font-weight: 600;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-sub-description {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.5;\n            font-weight: 500;\n            margin: 0;\n        }<\/p>\n<p>        \/* \u7279\u6027\u7f51\u683c *\/\n        .landu-flex-features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }<\/p>\n<p>        .landu-flex-feature-card {\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(15px);\n            border-radius: 16px;\n            padding: 24px 20px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-elasticity::before { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-crack-resistance::before { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-adhesion::before { background: linear-gradient(90deg, transparent, #3b82f6, transparent); }<\/p>\n<p>        .landu-flex-feature-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);\n            background: rgba(255, 255, 255, 0.95);\n        }<\/p>\n<p>        .landu-flex-feature-card:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-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>        .landu-flex-elasticity .landu-flex-feature-icon { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n        .landu-flex-crack-resistance .landu-flex-feature-icon { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }\n        .landu-flex-adhesion .landu-flex-feature-icon { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); }<\/p>\n<p>        .landu-flex-icon-elasticity {\n            width: 24px;\n            height: 8px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 4px;\n            position: relative;\n            animation: landu-flex-icon-stretch 3s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-icon-stretch {\n            0%, 100% { transform: scaleX(1); }\n            50% { transform: scaleX(1.5); }\n        }<\/p>\n<p>        .landu-flex-icon-crack {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-icon-crack::after {\n            content: '';\n            position: absolute;\n            width: 2px;\n            height: 16px;\n            background: white;\n            top: 4px;\n            left: 11px;\n            border-radius: 1px;\n        }<\/p>\n<p>        .landu-flex-icon-adhesion {\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n            border-radius: 4px;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-icon-adhesion::after {\n            content: '';\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            top: 4px;\n            left: 4px;\n        }<\/p>\n<p>        .landu-flex-feature-content h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 6px;\n        }<\/p>\n<p>        .landu-flex-feature-content p {\n            font-size: 0.9rem;\n            color: #64748b;\n            margin: 0;\n            font-weight: 500;\n        }<\/p>\n<p>        \/* \u884c\u52a8\u6309\u94ae *\/\n        .landu-flex-action-section {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n        }<\/p>\n<p>        .landu-flex-cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 16px 32px;\n            border-radius: 12px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-primary {\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(0, 113, 36, 0.3);\n        }<\/p>\n<p>        .landu-flex-secondary {\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(34, 87, 221, 0.3);\n        }<\/p>\n<p>        .landu-flex-cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: left 0.6s ease;\n        }<\/p>\n<p>        .landu-flex-cta-button:hover {\n            transform: translateY(-3px);\n        }<\/p>\n<p>        .landu-flex-primary:hover {\n            box-shadow: 0 12px 32px rgba(0, 113, 36, 0.4);\n            background: linear-gradient(135deg, #059669 0%, #047857 100%);\n        }<\/p>\n<p>        .landu-flex-secondary:hover {\n            box-shadow: 0 12px 32px rgba(34, 87, 221, 0.4);\n            background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);\n        }<\/p>\n<p>        .landu-flex-cta-button:hover::before {\n            left: 100%;\n        }<\/p>\n<p>        .landu-flex-button-icon {\n            font-size: 1.2rem;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-cta-button:hover .landu-flex-button-icon {\n            transform: translateX(4px);\n        }<\/p>\n<p>        \/* \u53f3\u4fa7\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-content-right {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u805a\u5408\u7269\u7ed3\u6784\u56fe *\/\n        .landu-flex-polymer-structure {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 32px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .landu-flex-polymer-container {\n            position: relative;\n            width: 200px;\n            height: 160px;\n            margin: 0 auto 24px;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u94fe\u6761\u7f51\u7edc *\/\n        .landu-flex-chain-network {\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .landu-flex-chain {\n            position: absolute;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }<\/p>\n<p>        .landu-flex-chain-1 {\n            top: 30%;\n            left: 10%;\n            transform: rotate(15deg);\n            animation: landu-flex-chain-wave 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-chain-2 {\n            bottom: 30%;\n            right: 10%;\n            transform: rotate(-20deg);\n            animation: landu-flex-chain-wave 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-chain-wave {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) translateY(0); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) translateY(-10px); }\n        }<\/p>\n<p>        .landu-flex-node {\n            width: 16px;\n            height: 16px;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            border-radius: 50%;\n            box-shadow: 0 4px 12px rgba(34, 87, 221, 0.4);\n            animation: landu-flex-node-pulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-node-1 { animation-delay: 0s; }\n        .landu-flex-node-2 { animation-delay: 0.5s; }\n        .landu-flex-node-3 { animation-delay: 1s; }\n        .landu-flex-node-4 { animation-delay: 1.5s; }\n        .landu-flex-node-5 { animation-delay: 2s; }\n        .landu-flex-node-6 { animation-delay: 2.5s; }<\/p>\n<p>        @keyframes landu-flex-node-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n        }<\/p>\n<p>        .landu-flex-segment {\n            width: 20px;\n            height: 3px;\n            background: linear-gradient(90deg, #64748b 0%, #94a3b8 50%, #64748b 100%);\n            border-radius: 2px;\n            animation: landu-flex-segment-flex 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-segment-flex {\n            0%, 100% { transform: scaleX(1) scaleY(1); }\n            50% { transform: scaleX(1.3) scaleY(0.7); }\n        }<\/p>\n<p>        \/* \u4ea4\u8054\u70b9 *\/\n        .landu-flex-crosslink {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(0, 113, 36, 0.5);\n            animation: landu-flex-crosslink-glow 5s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-cross-1 { top: 20%; right: 30%; animation-delay: 0s; }\n        .landu-flex-cross-2 { bottom: 40%; left: 25%; animation-delay: 1.67s; }\n        .landu-flex-cross-3 { top: 60%; right: 20%; animation-delay: 3.33s; }<\/p>\n<p>        @keyframes landu-flex-crosslink-glow {\n            0%, 100% { opacity: 0.8; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        \/* \u6027\u80fd\u6307\u6807 *\/\n        .landu-flex-performance-metrics {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .landu-flex-metric-item {\n            flex: 1;\n            text-align: center;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(15px);\n            padding: 20px 16px;\n            border-radius: 14px;\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-metric-item:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .landu-flex-metric-value {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #2257dd;\n            margin-bottom: 6px;\n            font-family: 'Courier New', monospace;\n        }<\/p>\n<p>        .landu-flex-metric-label {\n            font-size: 0.8rem;\n            color: #64748b;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }<\/p>\n<p>        \/* \u5e94\u7528\u9886\u57df *\/\n        .landu-flex-applications {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(15px);\n            border-radius: 16px;\n            padding: 24px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n        }<\/p>\n<p>        .landu-flex-app-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 16px;\n            text-align: center;\n        }<\/p>\n<p>        .landu-flex-app-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n        }<\/p>\n<p>        .landu-flex-app-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 14px 16px;\n            border-radius: 12px;\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n            font-size: 0.85rem;\n            color: #475569;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-app-item:hover {\n            background: rgba(255, 255, 255, 1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .landu-flex-app-icon {\n            width: 20px;\n            height: 20px;\n            border-radius: 6px;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .landu-flex-icon-sealant { background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%); }\n        .landu-flex-icon-coating { background: linear-gradient(135deg, #007124 0%, #059669 100%); }\n        .landu-flex-icon-membrane { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }\n        .landu-flex-icon-joint { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .landu-flex-banner-container {\n                padding: 50px 30px;\n                min-height: 700px;\n            }<\/p>\n<p>            .landu-flex-main-content {\n                grid-template-columns: 1fr;\n                gap: 50px;\n                text-align: center;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 2.4rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .landu-flex-features-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 16px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .landu-flex-banner-container {\n                padding: 40px 24px;\n                min-height: 800px;\n            }<\/p>\n<p>            .landu-flex-main-content {\n                gap: 40px;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 2rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.3rem;\n            }<\/p>\n<p>            .landu-flex-features-grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }<\/p>\n<p>            .landu-flex-action-section {\n                flex-direction: column;\n                align-items: center;\n            }<\/p>\n<p>            .landu-flex-cta-button {\n                width: 100%;\n                max-width: 300px;\n                justify-content: center;\n            }<\/p>\n<p>            .landu-flex-performance-metrics {\n                flex-direction: column;\n                gap: 12px;\n            }<\/p>\n<p>            .landu-flex-app-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .landu-flex-polymer-container {\n                width: 160px;\n                height: 120px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-flex-banner-container {\n                padding: 32px 20px;\n                min-height: 900px;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .landu-flex-main-description {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-feature-card {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .landu-flex-polymer-structure {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .landu-flex-applications {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-flex-content-wrapper\">\n<div class=\"landu-flex-content-container\">\n        <!-- \u80cc\u666f\u88c5\u9970\u5c42 --><\/p>\n<div class=\"landu-flex-content-background\"><\/div>\n<p>        <!-- \u88c5\u9970\u6027\u7c92\u5b50\u7cfb\u7edf --><\/p>\n<div class=\"landu-flex-content-particles\"><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"landu-flex-main-section\">\n            <!-- \u4ea7\u54c1\u4ecb\u7ecd\u90e8\u5206 --><\/p>\n<div class=\"landu-flex-intro-section\">\n<div class=\"landu-flex-intro-content\">\n<div class=\"landu-flex-intro-header\">\n<div class=\"landu-flex-brand-highlight\">\n<div class=\"landu-flex-brand-icon\"><\/div>\n<p>                            <span class=\"landu-flex-brand-text\">LANDU ACCURATE\u2122<\/span>\n                        <\/div>\n<h2 class=\"landu-flex-intro-title\">Premium Flexible Redispersible Polymer Powder<\/h2>\n<div class=\"landu-flex-intro-subtitle\">\n                            <span class=\"landu-flex-subtitle-highlight\">Unmatched Flexibility<\/span><br \/>\n                            for Cementitious &amp; Construction Materials\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-description\">\n<p class=\"landu-flex-main-desc\">\n                            LANDU ACCURATE\u2122 Flexible Redispersible Polymer Powder (RDP) is a<br \/>\n                            <span class=\"landu-flex-desc-highlight\">high-performance polymer additive<\/span><br \/>\n                            engineered to deliver superior elasticity, crack mitigation, and movement tolerance.<br \/>\n                            Unlike conventional rigid formulations, our flexible grade adapts to vibrations,<br \/>\n                            substrate movements, and mechanical stress\u2014ensuring exceptional durability and<br \/>\n                            long-term structural integrity.\n                        <\/p>\n<p class=\"landu-flex-secondary-desc\">\n                            Serving as an elasticity enhancer, crack-prevention agent, and adhesion booster,<br \/>\n                            ACCURATE\u2122 transforms the resilience and lifespan of your cement-based projects.\n                        <\/p>\n<\/p><\/div>\n<div class=\"landu-flex-cta-section\">\n<div class=\"landu-flex-sample-cta\">\n<div class=\"landu-flex-cta-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccc\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cc.svg\"><\/div>\n<div class=\"landu-flex-cta-content\">\n                                <span class=\"landu-flex-cta-main\">Request Your Sample Today<\/span><br \/>\n                                <span class=\"landu-flex-cta-sub\">See the Difference Firsthand!<\/span>\n                            <\/div>\n<p>                            <a href=\"https:\/\/hpmc.ae\/pt\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"landu-flex-sample-button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Get Sample        \u2192<\/button><br \/>\n<\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-visual\">\n<div class=\"landu-flex-product-showcase\">\n<div class=\"landu-flex-product-frame\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Flexible-Redispersible-Polymer-Powder-sample.jpg\" alt=\"LANDU Flexible Redispersible Polymer Powder Sample\" class=\"landu-flex-product-image\"><\/p>\n<div class=\"landu-flex-image-overlay\">\n<div class=\"landu-flex-product-badge\">\n                                    <span class=\"landu-flex-badge-premium\">PREMIUM<\/span><br \/>\n                                    <span class=\"landu-flex-badge-flexible\">FLEXIBLE<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u4ea7\u54c1\u7279\u6027\u6307\u793a\u5668 --><\/p>\n<div class=\"landu-flex-feature-indicators\">\n<div class=\"landu-flex-indicator landu-flex-ind-elasticity\">\n<p>                                <span>Elasticity<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-durability\">\n<p>                                <span>Durabilidade<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-adhesion\">\n<p>                                <span>Adhesion<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u7279\u8272\u4f18\u52bf\u90e8\u5206 --><\/p>\n<div class=\"landu-flex-advantages-section\">\n<div class=\"landu-flex-advantages-header\">\n<h3 class=\"landu-flex-advantages-title\">\n                        Why LANDU Flexible RDP<br \/>\n                        <span class=\"landu-flex-title-accent\">Stands Out<\/span><br \/>\n                    <\/h3>\n<div class=\"landu-flex-advantages-subtitle\">\n                        Advanced polymer technology delivering exceptional performance across diverse applications\n                    <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-advantages-grid\">\n                    <!-- \u9ad8\u7ea7\u5f39\u6027\u6027\u80fd --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-elastic\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-elastic-perf\">\n<div class=\"landu-flex-elastic-waves\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Advanced Elastic Performance<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Absorbs thermal expansion, vibration, and minor substrate shifts.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u4f18\u5f02\u9632\u88c2\u6027\u80fd --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-crack\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-crack-prev\">\n<div class=\"landu-flex-crack-shield\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Outstanding Crack Prevention<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Reduces fractures caused by shrinkage, mechanical stress, and temperature fluctuations.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u8d85\u5f3a\u7c98\u63a5\u5f3a\u5ea6 --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-bonding\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-bonding\">\n<div class=\"landu-flex-bonding-links\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Superior Bonding Strength<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Achieves robust adhesion on both rigid and flexibly moving surfaces.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u9632\u6c34\u4fdd\u62a4\u80fd\u529b --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-water\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-water\">\n<div class=\"landu-flex-water-drops\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">Water Protection Capability<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u6539\u5584\u65bd\u5de5\u6d41\u52a8\u6027 --><\/p>\n<div class=\"landu-flex-advantage-card landu-flex-card-flow\">\n<div class=\"landu-flex-card-header\">\n<div class=\"landu-flex-card-icon landu-flex-icon-flow\">\n<div class=\"landu-flex-flow-lines\"><\/div>\n<\/p><\/div>\n<h4 class=\"landu-flex-card-title\">cURL Too many subrequests.<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .landu-flex-content-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            margin-top: -1px; \/* \u65e0\u7f1d\u8854\u63a5banner *\/\n        }<\/p>\n<p>        .landu-flex-content-container {\n            width: 100%;\n            background: linear-gradient(180deg, \n                rgba(240, 249, 255, 0.95) 0%, \n                rgba(255, 255, 255, 0.98) 25%, \n                rgba(248, 250, 252, 1) 50%, \n                rgba(255, 255, 255, 1) 75%, \n                rgba(249, 250, 251, 1) 100%);\n            position: relative;\n            padding: 80px 0;\n            font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n        }<\/p>\n<p>        \/* \u80cc\u666f\u88c5\u9970\u5c42 *\/\n        .landu-flex-content-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .landu-flex-content-bg-layer {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.08;\n        }<\/p>\n<p>        .landu-flex-content-layer-1 {\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(34, 87, 221, 0.2) 0%, transparent 70%);\n            top: 10%;\n            right: -100px;\n            animation: landu-flex-content-float 25s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-content-layer-2 {\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(0, 113, 36, 0.15) 0%, transparent 70%);\n            bottom: 20%;\n            left: -80px;\n            animation: landu-flex-content-float 30s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-content-layer-3 {\n            width: 250px;\n            height: 250px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\n            top: 40%;\n            left: 20%;\n            animation: landu-flex-content-float 35s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-content-layer-4 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 70%);\n            bottom: 10%;\n            right: 30%;\n            animation: landu-flex-content-float 28s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-content-float {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(-20px, -30px) rotate(90deg); }\n            50% { transform: translate(15px, -15px) rotate(180deg); }\n            75% { transform: translate(-10px, 20px) rotate(270deg); }\n        }<\/p>\n<p>        \/* \u88c5\u9970\u6027\u7c92\u5b50 *\/\n        .landu-flex-content-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }<\/p>\n<p>        .landu-flex-content-particle {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.6;\n            animation: landu-flex-content-particle-drift 20s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-cp1 { width: 8px; height: 8px; background: #2257dd; top: 15%; right: 20%; animation-delay: 0s; }\n        .landu-flex-cp2 { width: 6px; height: 6px; background: #007124; top: 35%; right: 60%; animation-delay: 3s; }\n        .landu-flex-cp3 { width: 10px; height: 10px; background: #3b82f6; top: 55%; right: 15%; animation-delay: 6s; }\n        .landu-flex-cp4 { width: 7px; height: 7px; background: #10b981; top: 75%; right: 45%; animation-delay: 9s; }\n        .landu-flex-cp5 { width: 9px; height: 9px; background: #8b5cf6; top: 25%; right: 80%; animation-delay: 12s; }\n        .landu-flex-cp6 { width: 5px; height: 5px; background: #f59e0b; top: 65%; right: 70%; animation-delay: 15s; }<\/p>\n<p>        @keyframes landu-flex-content-particle-drift {\n            0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n            25% { transform: translateY(-30px) translateX(-20px) scale(1.3); opacity: 0.7; }\n            50% { transform: translateY(-20px) translateX(15px) scale(0.8); opacity: 0.8; }\n            75% { transform: translateY(-40px) translateX(-10px) scale(1.1); opacity: 0.6; }\n        }<\/p>\n<p>        \/* \u4e3b\u8981\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-main-section {\n            position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            flex-direction: column;\n            gap: 80px;\n        }<\/p>\n<p>        \/* \u4ea7\u54c1\u4ecb\u7ecd\u90e8\u5206 *\/\n        .landu-flex-intro-section {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }<\/p>\n<p>        .landu-flex-intro-content {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u4ecb\u7ecd\u5934\u90e8 *\/\n        .landu-flex-intro-header {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-brand-highlight {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(15px);\n            padding: 12px 20px;\n            border-radius: 25px;\n            border: 1px solid rgba(34, 87, 221, 0.2);\n            box-shadow: 0 6px 20px rgba(34, 87, 221, 0.15);\n            width: fit-content;\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-brand-highlight:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(34, 87, 221, 0.2);\n        }<\/p>\n<p>        .landu-flex-brand-icon {\n            position: relative;\n            width: 24px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-icon-core {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 50%;\n            top: 6px;\n            left: 6px;\n            animation: landu-flex-icon-pulse 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-icon-ring {\n            position: absolute;\n            width: 24px;\n            height: 24px;\n            border: 2px solid rgba(34, 87, 221, 0.3);\n            border-radius: 50%;\n            animation: landu-flex-icon-rotate 8s linear infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-icon-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n        }<\/p>\n<p>        @keyframes landu-flex-icon-rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }<\/p>\n<p>        .landu-flex-brand-text {\n            font-size: 1rem;\n            font-weight: 700;\n            color: #2257dd;\n            letter-spacing: 0.05em;\n        }<\/p>\n<p>        .landu-flex-intro-title {\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: #1e293b;\n            line-height: 1.2;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-intro-subtitle {\n            font-size: 1.2rem;\n            color: #475569;\n            font-weight: 600;\n            line-height: 1.4;\n        }<\/p>\n<p>        .landu-flex-subtitle-highlight {\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-weight: 700;\n        }<\/p>\n<p>        \/* \u4ecb\u7ecd\u63cf\u8ff0 *\/\n        .landu-flex-intro-description {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-main-desc {\n            font-size: 1.05rem;\n            color: #475569;\n            line-height: 1.7;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-desc-highlight {\n            color: #2257dd;\n            font-weight: 600;\n            background: linear-gradient(135deg, rgba(34, 87, 221, 0.1), rgba(34, 87, 221, 0.05));\n            padding: 2px 6px;\n            border-radius: 4px;\n        }<\/p>\n<p>        .landu-flex-secondary-desc {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.6;\n            font-weight: 500;\n            margin: 0;\n            padding-left: 20px;\n            border-left: 3px solid rgba(34, 87, 221, 0.3);\n            background: rgba(34, 87, 221, 0.05);\n            padding: 16px 20px;\n            border-radius: 0 8px 8px 0;\n        }<\/p>\n<p>        \/* CTA\u90e8\u5206 *\/\n        .landu-flex-cta-section {\n            margin-top: 8px;\n        }<\/p>\n<p>        .landu-flex-sample-cta {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);\n            border: 2px solid rgba(245, 158, 11, 0.3);\n            border-radius: 16px;\n            padding: 20px 24px;\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-sample-cta:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 32px rgba(245, 158, 11, 0.2);\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.08) 100%);\n        }<\/p>\n<p>        .landu-flex-cta-icon {\n            font-size: 1.5rem;\n            animation: landu-flex-cta-bounce 2s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-cta-bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-4px); }\n        }<\/p>\n<p>        .landu-flex-cta-content {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }<\/p>\n<p>        .landu-flex-cta-main {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n        }<\/p>\n<p>        .landu-flex-cta-sub {\n            font-size: 0.9rem;\n            color: #64748b;\n            font-weight: 500;\n        }<\/p>\n<p>        .landu-flex-sample-button {\n            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 10px;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);\n        }<\/p>\n<p>        .landu-flex-sample-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);\n            background: linear-gradient(135deg, #d97706 0%, #b45309 100%);\n        }<\/p>\n<p>        .landu-flex-button-arrow {\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-sample-button:hover .landu-flex-button-arrow {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* \u4ea7\u54c1\u5c55\u793a\u533a\u57df *\/\n        .landu-flex-intro-visual {\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }<\/p>\n<p>        .landu-flex-product-showcase {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-product-frame {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-product-frame:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 28px 50px rgba(0, 0, 0, 0.2);\n        }<\/p>\n<p>        .landu-flex-product-image {\n            width: 100%;\n            height: 300px;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .landu-flex-image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, \n                rgba(34, 87, 221, 0.1) 0%, \n                rgba(0, 113, 36, 0.1) 50%, \n                rgba(245, 158, 11, 0.1) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-product-frame:hover .landu-flex-image-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-product-badge {\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }<\/p>\n<p>        .landu-flex-badge-premium,\n        .landu-flex-badge-flexible {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 6px 12px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 700;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .landu-flex-badge-premium {\n            color: #2257dd;\n            border: 1px solid rgba(34, 87, 221, 0.3);\n        }<\/p>\n<p>        .landu-flex-badge-flexible {\n            color: #007124;\n            border: 1px solid rgba(0, 113, 36, 0.3);\n        }<\/p>\n<p>        \/* \u7279\u6027\u6307\u793a\u5668 *\/\n        .landu-flex-feature-indicators {\n            display: flex;\n            gap: 16px;\n            margin-top: 16px;\n        }<\/p>\n<p>        .landu-flex-indicator {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #475569;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-indicator:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .landu-flex-ind-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            animation: landu-flex-ind-glow 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-ind-elasticity .landu-flex-ind-dot { background: #2257dd; animation-delay: 0s; }\n        .landu-flex-ind-durability .landu-flex-ind-dot { background: #007124; animation-delay: 1s; }\n        .landu-flex-ind-adhesion .landu-flex-ind-dot { background: #8b5cf6; animation-delay: 2s; }<\/p>\n<p>        @keyframes landu-flex-ind-glow {\n            0%, 100% { opacity: 0.7; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        \/* \u7279\u8272\u4f18\u52bf\u90e8\u5206 *\/\n        .landu-flex-advantages-section {\n            display: flex;\n            flex-direction: column;\n            gap: 48px;\n        }<\/p>\n<p>        .landu-flex-advantages-header {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-advantages-title {\n            font-size: 2rem;\n            font-weight: 800;\n            color: #1e293b;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-title-accent {\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .landu-flex-advantages-subtitle {\n            font-size: 1.1rem;\n            color: #64748b;\n            font-weight: 500;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.5;\n        }<\/p>\n<p>        \/* \u4f18\u52bf\u7f51\u683c *\/\n        .landu-flex-advantages-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 24px;\n        }<\/p>\n<p>        .landu-flex-advantage-card {\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 32px 28px;\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-advantage-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-card-elastic::before { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-card-crack::before { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-card-bonding::before { background: linear-gradient(90deg, transparent, #8b5cf6, transparent); }\n        .landu-flex-card-water::before { background: linear-gradient(90deg, transparent, #06b6d4, transparent); }\n        .landu-flex-card-flow::before { background: linear-gradient(90deg, transparent, #f59e0b, transparent); }<\/p>\n<p>        .landu-flex-advantage-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 44px rgba(0, 0, 0, 0.15);\n            background: rgba(255, 255, 255, 0.95);\n        }<\/p>\n<p>        .landu-flex-advantage-card:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-card-header {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-card-icon {\n            width: 56px;\n            height: 56px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .landu-flex-card-elastic .landu-flex-card-icon { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n        .landu-flex-card-crack .landu-flex-card-icon { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }\n        .landu-flex-card-bonding .landu-flex-card-icon { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); }\n        .landu-flex-card-water .landu-flex-card-icon { background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%); }\n        .landu-flex-card-flow .landu-flex-card-icon { background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%); }<\/p>\n<p>        \/* \u56fe\u6807\u52a8\u753b *\/\n        .landu-flex-icon-elastic-perf {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-elastic-waves {\n            position: relative;\n            width: 32px;\n            height: 20px;\n        }<\/p>\n<p>        .landu-flex-wave {\n            position: absolute;\n            height: 3px;\n            background: linear-gradient(90deg, #2257dd, #1d4ed8);\n            border-radius: 2px;\n        }<\/p>\n<p>        .landu-flex-wave-1 { width: 32px; top: 0; animation: landu-flex-wave-stretch 3s ease-in-out infinite; }\n        .landu-flex-wave-2 { width: 24px; top: 8px; left: 4px; animation: landu-flex-wave-stretch 3s ease-in-out infinite 0.5s; }\n        .landu-flex-wave-3 { width: 16px; top: 16px; left: 8px; animation: landu-flex-wave-stretch 3s ease-in-out infinite 1s; }<\/p>\n<p>        @keyframes landu-flex-wave-stretch {\n            0%, 100% { transform: scaleX(1); }\n            50% { transform: scaleX(1.4); }\n        }<\/p>\n<p>        .landu-flex-icon-crack-prev {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-crack-shield {\n            position: relative;\n            width: 28px;\n            height: 28px;\n        }<\/p>\n<p>        .landu-flex-shield-core {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            top: 4px;\n            left: 4px;\n            animation: landu-flex-shield-pulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-shield-ring {\n            position: absolute;\n            width: 28px;\n            height: 28px;\n            border: 3px solid rgba(0, 113, 36, 0.4);\n            border-radius: 50%;\n            animation: landu-flex-shield-rotate 6s linear infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-shield-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }<\/p>\n<p>        @keyframes landu-flex-shield-rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }<\/p>\n<p>        .landu-flex-icon-bonding {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-bonding-links {\n            position: relative;\n            width: 32px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-link {\n            position: absolute;\n            width: 12px;\n            height: 4px;\n            background: linear-gradient(90deg, #8b5cf6, #7c3aed);\n            border-radius: 2px;\n        }<\/p>\n<p>        .landu-flex-link-1 { top: 4px; left: 2px; transform: rotate(20deg); animation: landu-flex-link-move 4s ease-in-out infinite; }\n        .landu-flex-link-2 { bottom: 4px; right: 2px; transform: rotate(-20deg); animation: landu-flex-link-move 4s ease-in-out infinite 2s; }<\/p>\n<p>        .landu-flex-connection-point {\n            position: absolute;\n            width: 8px;\n            height: 8px;\n            background: #8b5cf6;\n            border-radius: 50%;\n            top: 8px;\n            left: 12px;\n            animation: landu-flex-connection-glow 3s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-link-move {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) translateX(0); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) translateX(4px); }\n        }<\/p>\n<p>        @keyframes landu-flex-connection-glow {\n            0%, 100% { opacity: 0.8; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        .landu-flex-icon-water {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-water-drops {\n            position: relative;\n            width: 32px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-drop {\n            position: absolute;\n            width: 6px;\n            height: 8px;\n            background: linear-gradient(135deg, #06b6d4, #0891b2);\n            border-radius: 3px 3px 50% 50%;\n            animation: landu-flex-drop-fall 2s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-drop-1 { top: 0; left: 8px; animation-delay: 0s; }\n        .landu-flex-drop-2 { top: 4px; left: 16px; animation-delay: 0.7s; }\n        .landu-flex-drop-3 { top: 2px; left: 24px; animation-delay: 1.4s; }<\/p>\n<p>        .landu-flex-water-shield {\n            position: absolute;\n            bottom: 0;\n            left: 4px;\n            width: 24px;\n            height: 3px;\n            background: linear-gradient(90deg, #06b6d4, #0891b2);\n            border-radius: 2px;\n            opacity: 0.7;\n        }<\/p>\n<p>        @keyframes landu-flex-drop-fall {\n            0% { transform: translateY(0) scale(1); opacity: 1; }\n            100% { transform: translateY(12px) scale(0.8); opacity: 0.3; }\n        }<\/p>\n<p>        .landu-flex-icon-flow {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-flow-lines {\n            position: relative;\n            width: 32px;\n            height: 20px;\n        }<\/p>\n<p>        .landu-flex-flow-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #f59e0b, transparent);\n            border-radius: 1px;\n            animation: landu-flex-flow-move 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-line-1 { width: 32px; top: 2px; animation-delay: 0s; }\n        .landu-flex-line-2 { width: 28px; top: 9px; left: 2px; animation-delay: 1s; }\n        .landu-flex-line-3 { width: 24px; top: 16px; left: 4px; animation-delay: 2s; }<\/p>\n<p>        @keyframes landu-flex-flow-move {\n            0%, 100% { opacity: 0.6; transform: translateX(0); }\n            50% { opacity: 1; transform: translateX(6px); }\n        }<\/p>\n<p>        .landu-flex-card-title {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin: 0;\n            line-height: 1.3;\n        }<\/p>\n<p>        .landu-flex-card-content {\n            margin-top: 4px;\n        }<\/p>\n<p>        .landu-flex-card-content p {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.6;\n            margin: 0;\n            font-weight: 500;\n        }<\/p>\n<p>        .landu-flex-card-accent {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-accent-blue { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-accent-green { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-accent-purple { background: linear-gradient(90deg, transparent, #8b5cf6, transparent); }\n        .landu-flex-accent-cyan { background: linear-gradient(90deg, transparent, #06b6d4, transparent); }\n        .landu-flex-accent-orange { background: linear-gradient(90deg, transparent, #f59e0b, transparent); }<\/p>\n<p>        .landu-flex-advantage-card:hover .landu-flex-card-accent {\n            opacity: 1;\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .landu-flex-content-container {\n                padding: 60px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 30px;\n                gap: 60px;\n            }<\/p>\n<p>            .landu-flex-intro-section {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                text-align: center;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.9rem;\n            }<\/p>\n<p>            .landu-flex-advantages-grid {\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n                gap: 20px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .landu-flex-content-container {\n                padding: 50px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 24px;\n                gap: 50px;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.7rem;\n            }<\/p>\n<p>            .landu-flex-intro-subtitle {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .landu-flex-advantages-title {\n                font-size: 1.7rem;\n            }<\/p>\n<p>            .landu-flex-sample-cta {\n                flex-direction: column;\n                text-align: center;\n                gap: 16px;\n            }<\/p>\n<p>            .landu-flex-feature-indicators {\n                justify-content: center;\n                flex-wrap: wrap;\n            }<\/p>\n<p>            .landu-flex-advantages-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .landu-flex-advantage-card {\n                padding: 28px 24px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-flex-content-container {\n                padding: 40px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 20px;\n                gap: 40px;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.5rem;\n            }<\/p>\n<p>            .landu-flex-intro-subtitle {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-advantages-title {\n                font-size: 1.5rem;\n            }<\/p>\n<p>            .landu-flex-main-desc {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-secondary-desc {\n                font-size: 0.95rem;\n                padding: 14px 16px;\n            }<\/p>\n<p>            .landu-flex-advantage-card {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .landu-flex-card-header {\n                gap: 12px;\n            }<\/p>\n<p>            .landu-flex-card-icon {\n                width: 48px;\n                height: 48px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-flexible-product-section\">\n    <!-- \u4ea7\u54c1\u6982\u89c8\u533a\u57df --><\/p>\n<div class=\"product-overview-section\">\n<div class=\"container\">\n            <!-- \u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"section-decorations\">\n<div class=\"floating-molecules\"><\/div>\n<\/p><\/div>\n<div class=\"overview-content\">\n                <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"section-header\">\n<div class=\"brand-badge\">\n<p>                        <span>LANDU Technology<\/span>\n                    <\/div>\n<h2 class=\"section-title\">\n                        <span class=\"product-brand\">ACCURATE\u2122<\/span><br \/>\n                        <span class=\"product-name\">P\u00f3 de Pol\u00edmero Flex\u00edvel Redispers\u00edvel<\/span><br \/>\n                        <span class=\"subtitle\">Especifica\u00e7\u00f5es T\u00e9cnicas<\/span><br \/>\n                    <\/h2>\n<\/p><\/div>\n<p>                <!-- \u4f18\u5316\u540e\u7684\u4ea7\u54c1\u4fe1\u606f\u7f51\u683c --><\/p>\n<div class=\"enhanced-info-grid\">\n                    <!-- General Information \u7b80\u5316\u7248 --><\/p>\n<div class=\"info-section general-info\">\n<div class=\"section-visual-header\">\n<div class=\"visual-icon-container\">\n<div class=\"central-icon\">\n<div class=\"icon-layers\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-title-area\">\n<h3 class=\"enhanced-title\">cURL Too many subrequests.<\/h3>\n<p class=\"section-desc\">cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-layout\">\n                            <!-- \u7b80\u5316\u7684\u89c4\u683c\u8868\u683c --><\/p>\n<div class=\"simple-spec-table\">\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">ACCURATE\u2122 P\u00f3 de Pol\u00edmero Redispers\u00edvel<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">24937-78-8<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">39052900<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">\n<div class=\"grade-tags-simple\">\n                                            <span class=\"grade-tag economical\">Economical<\/span><br \/>\n                                            <span class=\"grade-tag standard\">Padr\u00e3o<\/span><br \/>\n                                            <span class=\"grade-tag premium\">Premium<\/span>\n                                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">Assist\u00eancia T\u00e9cnica<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u533a\u57df --><\/p>\n<div class=\"product-showcase-enhanced\">\n<div class=\"main-product-image\">\n<div class=\"image-frame\">\n                                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Flexible-Redispersible-Polymer-Powder-products-rdp.jpg\" alt=\"LANDU Flexible RDP Products\" class=\"product-img-enhanced\"><\/p>\n<div class=\"image-effects\">\n<div class=\"particle-overlay\"><\/div>\n<div class=\"quality-badge-enhanced\">\n<div class=\"badge-content\">\n<p>                                                    <span>cURL Too many subrequests.<\/span>\n                                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"secondary-product-image\">\n<div class=\"secondary-image-frame\">\n                                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-5045N-product-sample.jpg\" alt=\"LANDU RDP 5045N Product Sample\" class=\"secondary-img\"><\/p>\n<div class=\"sample-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u6280\u672f\u6570\u636e\u533a\u57df\u7b80\u5316\u7248 --><\/p>\n<div class=\"technical-data-section-enhanced\">\n<div class=\"container\">\n<div class=\"tech-header-enhanced\">\n<div class=\"tech-visual-badge\">\n<div class=\"badge-content\">\n<div class=\"tech-icon-enhanced\">\n<div class=\"icon-rings\"><\/div>\n<\/p><\/div>\n<p>                        <span>cURL Too many subrequests.<\/span>\n                    <\/div>\n<\/p><\/div>\n<h2 class=\"tech-title-enhanced\">\n                    <span class=\"product-code-enhanced\">cURL Too many subrequests.<\/span><br \/>\n                    <span class=\"tech-subtitle-enhanced\">Dados T\u00e9cnicos<\/span><br \/>\n                <\/h2>\n<\/p><\/div>\n<div class=\"tech-content-enhanced\">\n<div class=\"tech-data-container\">\n                    <!-- \u5de6\u4fa7\uff1a\u4ea7\u54c1\u56fe\u7247\u548c3D\u6548\u679c --><\/p>\n<div class=\"product-visual-section\">\n<div class=\"product-3d-showcase\">\n                            <!-- \u4e3b\u8981\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-image-3d\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-5045N-sample.jpg\" alt=\"LANDU Flexible RDP 5045N Sample\" class=\"tech-product-img\"><\/p>\n<div class=\"image-3d-effects\">\n<div class=\"data-points\">\n<div class=\"data-point dp-1\">\n<div class=\"point-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-2\">\n<div class=\"point-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-3\">\n<div class=\"point-label\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u4ea7\u54c1\u7279\u6027\u73af\u5f62\u56fe --><\/p>\n<div class=\"characteristics-wheel\">\n<div class=\"wheel-center\">\n<div class=\"center-logo\">5045N<\/div>\n<\/p><\/div>\n<div class=\"wheel-segments\">\n<div class=\"segment seg-1\">\n<div class=\"segment-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"segment seg-2\">\n<div class=\"segment-value\">400-600<\/div>\n<\/p><\/div>\n<div class=\"segment seg-3\">\n<div class=\"segment-value\">6-8<\/div>\n<\/p><\/div>\n<div class=\"segment seg-4\">\n<div class=\"segment-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- \u53f3\u4fa7\uff1a\u7b80\u5316\u6280\u672f\u8868\u683c --><\/p>\n<div class=\"tech-table-section\">\n<div class=\"simple-tech-table\">\n<div class=\"table-header\">\n<h3>Especifica\u00e7\u00f5es T\u00e9cnicas<\/h3>\n<\/p><\/div>\n<div class=\"tech-table-simple\">\n<div class=\"tech-row-simple header-row\">\n<div class=\"tech-cell parameter-header\">cURL Too many subrequests.<\/div>\n<div class=\"tech-cell specification-header\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Polymer Type<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Protective Colloid<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Solid Content (%)<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Ash Content (%)<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">cURL Too many subrequests.<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">cURL Too many subrequests.<\/div>\n<div class=\"tech-cell specification\">5<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">cURL Too many subrequests.<\/div>\n<div class=\"tech-cell specification\">0<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">pH Value<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple featured-row\">\n<div class=\"tech-cell parameter\">cURL Too many subrequests.<\/div>\n<div class=\"tech-cell specification\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u6027\u80fd\u4eae\u70b9 --><\/p>\n<div class=\"key-advantages-simple\">\n<h4>Destaques de Desempenho<\/h4>\n<ul class=\"advantages-list-simple\">\n<li>cURL Too many subrequests.<\/li>\n<li>cURL Too many subrequests.<\/li>\n<li>cURL Too many subrequests.<\/li>\n<li>cURL Too many subrequests.<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5e94\u7528\u9886\u57df\u533a\u57df --><\/p>\n<div class=\"applications-section\">\n<div class=\"container\">\n<div class=\"applications-header\">\n<h2 class=\"applications-title\">Recommended Usage Areas<\/h2>\n<p class=\"applications-subtitle\">Versatile applications across construction and industrial sectors<\/p>\n<\/p><\/div>\n<div class=\"applications-grid\">\n                <!-- \u74f7\u7816\u80f6 --><\/p>\n<div class=\"application-card tile-adhesives\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual tile-visual\">\n<div class=\"tile-grid\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon tile-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Adesivos para Azulejos<\/h3>\n<p class=\"app-description\">\n                            Superior bonding for ceramic and stone tiles with enhanced flexibility and movement tolerance.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Superior Bonding<\/div>\n<div class=\"benefit-tag\">Movement Tolerance<\/div>\n<div class=\"benefit-tag\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- EIFS\/ETICS\u7cfb\u7edf --><\/p>\n<div class=\"application-card eifs-systems\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual eifs-visual\">\n<div class=\"insulation-layers\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon eifs-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">EIFS\/ETICS Systems<\/h3>\n<p class=\"app-description\">\n                            External insulation finishing systems with superior elasticity and weather resistance.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Weather Resistant<\/div>\n<div class=\"benefit-tag\">Elastic<\/div>\n<div class=\"benefit-tag\">Insulation<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u5899\u9762\u817b\u5b50 --><\/p>\n<div class=\"application-card wall-putty\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual putty-visual\">\n<div class=\"putty-surface\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon putty-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Wall Putty<\/h3>\n<p class=\"app-description\">\n                            Smooth wall preparation and finishing with excellent crack resistance and workability.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Resistente a Fissuras<\/div>\n<div class=\"benefit-tag\">Acabamento Suave<\/div>\n<div class=\"benefit-tag\">Workable<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u62b9\u7070\u7802\u6d46 --><\/p>\n<div class=\"application-card plaster-mortars\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual plaster-visual\">\n<div class=\"plaster-texture\">\n<div class=\"texture-particles\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon plaster-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Plastering Mortars<\/h3>\n<p class=\"app-description\">\n                            Enhanced workability and durability for interior and exterior plastering applications.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Enhanced Workability<\/div>\n<div class=\"benefit-tag\">Durable<\/div>\n<div class=\"benefit-tag\">Interior\/Exterior<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u4fee\u8865\u7802\u6d46 --><\/p>\n<div class=\"application-card repair-mortars\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual repair-visual\">\n<div class=\"repair-process\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon repair-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Argamassas de Reparo<\/h3>\n<p class=\"app-description\">\n                            Structural repair and restoration with excellent adhesion and long-term durability.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Ades\u00e3o Forte<\/div>\n<div class=\"benefit-tag\">Structural Repair<\/div>\n<div class=\"benefit-tag\">Long-term<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-flexible-product-section {\n    font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n    \/* \u4f18\u5316\uff1a\u4e0ebanner\u547c\u5e94\u7684\u84dd\u7eff\u6e10\u53d8\u80cc\u666f *\/\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 25%, #e0f2fe 50%, #ecfdf5 75%, #f0fdf4 100%);\n    position: relative;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u6982\u89c8\u533a\u57df - \u7d27\u51d1\u5316 *\/\n.product-overview-section {\n    padding: 50px 0;\n    position: relative;\n    overflow: hidden;\n    \/* \u4f18\u5316\uff1a\u6dfb\u52a0\u4e0ebanner\u4e00\u81f4\u7684\u5fae\u5999\u7eb9\u7406 *\/\n    background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f1f5f9' fill-opacity='0.15'%3E%3Ccircle cx='20' cy='20' r='1'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n}<\/p>\n<p>.section-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.6;\n}<\/p>\n<p>.deco-element {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.3;\n}<\/p>\n<p>.deco-1 {\n    width: 150px;\n    height: 150px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u84dd\u8272 *\/\n    background: radial-gradient(circle, rgba(34, 87, 221, 0.12) 0%, rgba(34, 87, 221, 0.03) 70%, transparent 100%);\n    top: 10%;\n    right: 15%;\n    animation: float-decoration 25s ease-in-out infinite;\n}<\/p>\n<p>.deco-2 {\n    width: 100px;\n    height: 100px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u7eff\u8272 *\/\n    background: radial-gradient(circle, rgba(0, 113, 36, 0.1) 0%, rgba(0, 113, 36, 0.02) 70%, transparent 100%);\n    bottom: 20%;\n    left: 10%;\n    animation: float-decoration 30s ease-in-out infinite reverse;\n}<\/p>\n<p>.deco-3 {\n    width: 80px;\n    height: 80px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u8f85\u52a9\u84dd\u8272 *\/\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n    top: 50%;\n    right: 45%;\n    animation: float-decoration 20s ease-in-out infinite;\n}<\/p>\n<p>.floating-molecules {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.molecule {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    opacity: 0.4;\n    animation: molecule-float 12s ease-in-out infinite;\n    \/* \u4f18\u5316\uff1a\u6dfb\u52a0\u5fae\u5999\u7684\u53d1\u5149\u6548\u679c *\/\n    box-shadow: 0 0 8px currentColor;\n}<\/p>\n<p>\/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u7cbe\u786e\u989c\u8272 *\/\n.mol-1 { background: #2257dd; top: 20%; left: 25%; animation-delay: 0s; }\n.mol-2 { background: #007124; top: 60%; right: 30%; animation-delay: 3s; }\n.mol-3 { background: #3b82f6; bottom: 30%; left: 40%; animation-delay: 6s; }\n.mol-4 { background: #10b981; top: 40%; right: 20%; animation-delay: 9s; }<\/p>\n<p>@keyframes float-decoration {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    25% { transform: translate(-12px, -15px) rotate(90deg); }\n    50% { transform: translate(8px, -8px) rotate(180deg); }\n    75% { transform: translate(-4px, 12px) rotate(270deg); }\n}<\/p>\n<p>@keyframes molecule-float {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-15px) translateX(-8px) scale(1.1); opacity: 0.6; }\n    50% { transform: translateY(-8px) translateX(4px) scale(0.9); opacity: 0.7; }\n    75% { transform: translateY(-20px) translateX(-4px) scale(1.05); opacity: 0.5; }\n}<\/p>\n<p>.overview-content {\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.section-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.brand-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u54c1\u724c\u5fbd\u7ae0\u6837\u5f0f *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(15px);\n    color: #2257dd;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    margin-bottom: 20px;\n    border: 1px solid rgba(34, 87, 221, 0.2);\n    box-shadow: 0 4px 12px rgba(34, 87, 221, 0.1);\n}<\/p>\n<p>.badge-icon {\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(135deg, #2257dd, #1d4ed8);\n    border-radius: 50%;\n}<\/p>\n<p>.section-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    line-height: 1.1;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-brand {\n    display: block;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u6e10\u53d8\u8272 *\/\n    background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 1.7rem;\n    margin-bottom: 6px;\n}<\/p>\n<p>.product-name {\n    display: block;\n    color: #475569;\n    font-size: 2.4rem;\n    margin-bottom: 8px;\n}<\/p>\n<p>.subtitle {\n    display: block;\n    color: #64748b;\n    font-size: 1.1rem;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u589e\u5f3a\u7248\u4fe1\u606f\u7f51\u683c - \u7d27\u51d1\u5316 *\/\n.enhanced-info-grid {\n    display: flex;\n    justify-content: center;\n}<\/p>\n<p>.info-section {\n    width: 100%;\n    max-width: 1000px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u9ad8\u900f\u660e\u5ea6\u7684\u767d\u8272\u80cc\u666f *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.info-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(90deg, #2257dd 0%, #007124 50%, #2257dd 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes gradient-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.section-visual-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 28px;\n    padding-bottom: 20px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u84dd\u8272\u4f5c\u4e3a\u5206\u5272\u7ebf *\/\n    border-bottom: 2px solid rgba(34, 87, 221, 0.1);\n}<\/p>\n<p>.visual-icon-container {\n    position: relative;\n    width: 60px;\n    height: 60px;\n    flex-shrink: 0;\n}<\/p>\n<p>.rotating-ring {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 60px;\n    height: 60px;\n    border: 2px solid transparent;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272 *\/\n    border-top-color: #2257dd;\n    border-right-color: #007124;\n    border-radius: 50%;\n    animation: rotate-ring 4s linear infinite;\n}<\/p>\n<p>@keyframes rotate-ring {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.central-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 36px;\n    height: 36px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, #2257dd 0%, #007124 100%);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.icon-layers {\n    position: relative;\n    width: 24px;\n    height: 24px;\n}<\/p>\n<p>.layer {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.9);\n}<\/p>\n<p>.layer-1 { width: 24px; height: 24px; top: 0; left: 0; opacity: 0.4; }\n.layer-2 { width: 16px; height: 16px; top: 4px; left: 4px; opacity: 0.7; }\n.layer-3 { width: 8px; height: 8px; top: 8px; left: 8px; opacity: 1; }<\/p>\n<p>.section-title-area h3 {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 6px;\n}<\/p>\n<p>.section-desc {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 500;\n    margin: 0;\n}<\/p>\n<p>\/* \u5185\u5bb9\u5e03\u5c40 *\/\n.content-layout {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 32px;\n    align-items: start;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u89c4\u683c\u8868\u683c *\/\n.simple-spec-table {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u67d4\u548c\u7684\u80cc\u666f\u8272 *\/\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.spec-row {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.spec-row:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.spec-label {\n    padding: 16px 20px;\n    \/* \u4f18\u5316\uff1a\u66f4\u67d4\u548c\u7684\u80cc\u666f *\/\n    background: rgba(248, 250, 252, 0.9);\n    font-weight: 600;\n    color: #475569;\n    font-size: 0.9rem;\n    border-right: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.spec-value {\n    padding: 16px 20px;\n    \/* \u4f18\u5316\uff1a\u66f4\u9ad8\u900f\u660e\u5ea6\u7684\u767d\u8272 *\/\n    background: rgba(255, 255, 255, 0.9);\n    color: #1e293b;\n    font-size: 0.9rem;\n    font-weight: 500;\n    line-height: 1.4;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u7b49\u7ea7\u6807\u7b7e *\/\n.grade-tags-simple {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.grade-tag {\n    padding: 4px 10px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    border: 1px solid;\n}<\/p>\n<p>\/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u8272\u5f69\u7cfb\u7edf *\/\n.grade-tag.economical {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.grade-tag.standard {\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-color: rgba(34, 87, 221, 0.3);\n}<\/p>\n<p>.grade-tag.premium {\n    background: rgba(139, 92, 246, 0.1);\n    color: #8b5cf6;\n    border-color: rgba(139, 92, 246, 0.3);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u5c55\u793a\u589e\u5f3a\u7248 - \u7d27\u51d1\u5316 *\/\n.product-showcase-enhanced {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.main-product-image {\n    position: relative;\n    width: 100%;\n    max-width: 280px;\n}<\/p>\n<p>.image-frame {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u80cc\u666f\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 100%);\n}<\/p>\n<p>.product-img-enhanced {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.image-frame:hover .product-img-enhanced {\n    transform: scale(1.06);\n}<\/p>\n<p>.image-effects {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.particle-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.floating-particle {\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    background: #2257dd;\n    border-radius: 50%;\n    opacity: 0.6;\n    animation: particle-float-enhanced 6s ease-in-out infinite;\n    \/* \u4f18\u5316\uff1a\u6dfb\u52a0\u53d1\u5149\u6548\u679c *\/\n    box-shadow: 0 0 6px currentColor;\n}<\/p>\n<p>.fp-1 { top: 20%; left: 15%; animation-delay: 0s; }\n.fp-2 { top: 60%; right: 20%; animation-delay: 1.5s; background: #007124; }\n.fp-3 { bottom: 30%; left: 25%; animation-delay: 3s; background: #3b82f6; }\n.fp-4 { top: 40%; right: 30%; animation-delay: 4.5s; background: #10b981; }<\/p>\n<p>@keyframes particle-float-enhanced {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-12px) translateX(-6px) scale(1.1); opacity: 0.7; }\n    50% { transform: translateY(-6px) translateX(4px) scale(0.9); opacity: 0.8; }\n    75% { transform: translateY(-15px) translateX(-2px) scale(1.05); opacity: 0.6; }\n}<\/p>\n<p>.quality-badge-enhanced {\n    position: absolute;\n    bottom: 16px;\n    right: 16px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 8px 16px;\n    border-radius: 12px;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    opacity: 0;\n    transform: translateY(15px);\n    transition: all 0.3s ease;\n    pointer-events: auto;\n}<\/p>\n<p>.image-frame:hover .quality-badge-enhanced {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-animation {\n    position: absolute;\n    top: -1.5px;\n    left: -1.5px;\n    right: -1.5px;\n    bottom: -1.5px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(45deg, #2257dd, #007124, #2257dd);\n    background-size: 200% 200%;\n    border-radius: 14px;\n    z-index: -1;\n    animation: badge-glow 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes badge-glow {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.badge-content {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #2257dd;\n    font-weight: 700;\n    font-size: 0.85rem;\n}<\/p>\n<p>.badge-icon-quality {\n    width: 14px;\n    height: 14px;\n    background: linear-gradient(135deg, #2257dd, #007124);\n    border-radius: 50%;\n}<\/p>\n<p>\/* \u6b21\u8981\u4ea7\u54c1\u56fe\u7247 *\/\n.secondary-product-image {\n    width: 100%;\n    max-width: 280px;\n}<\/p>\n<p>.secondary-image-frame {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n    background: rgba(255, 255, 255, 0.9);\n}<\/p>\n<p>.secondary-img {\n    width: 100%;\n    height: 120px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.secondary-image-frame:hover .secondary-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.sample-badge {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    color: white;\n    padding: 6px 12px;\n    border-radius: 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>\/* \u6280\u672f\u6570\u636e\u533a\u57df\u589e\u5f3a\u7248 - \u7d27\u51d1\u5316 *\/\n.technical-data-section-enhanced {\n    padding: 60px 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u4e30\u5bcc\u7684\u6e10\u53d8\u80cc\u666f *\/\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 25%, #eef4ff 50%, #e0f2fe 75%, #f0fdf4 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.technical-data-section-enhanced::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u66f4\u67d4\u548c\u7684\u70b9\u72b6\u7eb9\u7406 *\/\n    background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.2'%3E%3Ccircle cx='20' cy='20' r='1.5'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n    opacity: 0.5;\n}<\/p>\n<p>.tech-header-enhanced {\n    text-align: center;\n    margin-bottom: 40px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.tech-visual-badge {\n    position: relative;\n    display: inline-block;\n    margin-bottom: 20px;\n}<\/p>\n<p>.badge-glow {\n    position: absolute;\n    top: -3px;\n    left: -3px;\n    right: -3px;\n    bottom: -3px;\n    background: linear-gradient(45deg, #f59e0b, #d97706, #f59e0b);\n    background-size: 200% 200%;\n    border-radius: 26px;\n    animation: badge-glow 3s ease-in-out infinite;\n    z-index: -1;\n}<\/p>\n<p>.badge-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 10px 20px;\n    border-radius: 22px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #f59e0b;\n    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.12);\n}<\/p>\n<p>.tech-icon-enhanced {\n    position: relative;\n    width: 28px;\n    height: 28px;\n}<\/p>\n<p>.icon-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 14px;\n    height: 14px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    border-radius: 50%;\n}<\/p>\n<p>.icon-rings {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 28px;\n    height: 28px;\n}<\/p>\n<p>.icon-rings .ring {\n    position: absolute;\n    border: 2px solid #f59e0b;\n    border-radius: 50%;\n    animation: ring-rotate 4s linear infinite;\n}<\/p>\n<p>.icon-rings .ring-1 {\n    width: 28px;\n    height: 28px;\n    top: 0;\n    left: 0;\n    border-color: #f59e0b transparent #f59e0b transparent;\n}<\/p>\n<p>.icon-rings .ring-2 {\n    width: 18px;\n    height: 18px;\n    top: 5px;\n    left: 5px;\n    border-color: transparent #d97706 transparent #d97706;\n    animation-direction: reverse;\n}<\/p>\n<p>@keyframes ring-rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.tech-title-enhanced {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #1e293b;\n    line-height: 1.1;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-code-enhanced {\n    display: block;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 2.2rem;\n    margin-bottom: 6px;\n}<\/p>\n<p>.tech-subtitle-enhanced {\n    display: block;\n    color: #64748b;\n    font-size: 1.2rem;\n    font-weight: 600;\n}<\/p>\n<p>.tech-content-enhanced {\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.tech-data-container {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 40px;\n    align-items: start;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u89c6\u89c9\u533a\u57df - \u7d27\u51d1\u5316 *\/\n.product-visual-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.product-3d-showcase {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.product-3d-showcase::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #f59e0b 0%, #d97706 50%, #f59e0b 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>.product-image-3d {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    margin-bottom: 20px;\n}<\/p>\n<p>.tech-product-img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.product-image-3d:hover .tech-product-img {\n    transform: scale(1.08) rotateY(3deg);\n}<\/p>\n<p>.image-3d-effects {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.holographic-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(45deg, \n        transparent 30%, \n        rgba(245, 158, 11, 0.06) 40%, \n        rgba(217, 119, 6, 0.06) 60%, \n        transparent 70%\n    );\n    background-size: 200% 200%;\n    animation: holographic-sweep 4s ease-in-out infinite;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.product-image-3d:hover .holographic-overlay {\n    opacity: 1;\n}<\/p>\n<p>@keyframes holographic-sweep {\n    0%, 100% { background-position: 0% 0%; }\n    50% { background-position: 100% 100%; }\n}<\/p>\n<p>.data-points {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n}<\/p>\n<p>.data-point {\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.dp-1 { top: 20%; left: 20%; }\n.dp-2 { top: 50%; right: 25%; }\n.dp-3 { bottom: 30%; left: 30%; }<\/p>\n<p>.point-indicator {\n    width: 10px;\n    height: 10px;\n    background: #f59e0b;\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6); }\n    50% { transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 0 0 8px rgba(245, 158, 11, 0); }\n}<\/p>\n<p>.point-label {\n    position: absolute;\n    top: -25px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(30, 41, 59, 0.9);\n    color: white;\n    padding: 3px 6px;\n    border-radius: 4px;\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    white-space: nowrap;\n}<\/p>\n<p>.data-point:hover .point-label {\n    opacity: 1;\n}<\/p>\n<p>\/* \u7279\u6027\u73af\u5f62\u56fe - \u7d27\u51d1\u5316 *\/\n.characteristics-wheel {\n    position: relative;\n    width: 160px;\n    height: 160px;\n    margin: 0 auto;\n}<\/p>\n<p>.wheel-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    box-shadow: 0 3px 12px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>.center-logo {\n    font-size: 1rem;\n    font-weight: 800;\n    color: white;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}<\/p>\n<p>.wheel-segments {\n    position: relative;\n    width: 160px;\n    height: 160px;\n}<\/p>\n<p>.segment {\n    position: absolute;\n    width: 48px;\n    height: 48px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(12px);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1.5px solid rgba(245, 158, 11, 0.2);\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: segment-float 6s ease-in-out infinite;\n}<\/p>\n<p>.seg-1 { top: 8px; left: 50%; transform: translateX(-50%); animation-delay: 0s; }\n.seg-2 { top: 50%; right: 8px; transform: translateY(-50%); animation-delay: 1.5s; }\n.seg-3 { bottom: 8px; left: 50%; transform: translateX(-50%); animation-delay: 3s; }\n.seg-4 { top: 50%; left: 8px; transform: translateY(-50%); animation-delay: 4.5s; }<\/p>\n<p>@keyframes segment-float {\n    0%, 100% { transform: translateX(-50%) translateY(0px); }\n    50% { transform: translateX(-50%) translateY(-4px); }\n}<\/p>\n<p>.segment:hover {\n    background: rgba(255, 255, 255, 1);\n    border-color: #f59e0b;\n    transform: translateX(-50%) translateY(-6px) scale(1.03);\n    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.segment-value {\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: #f59e0b;\n    text-align: center;\n    line-height: 1.1;\n}<\/p>\n<p>\/* \u7b80\u5316\u6280\u672f\u8868\u683c *\/\n.tech-table-section {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.tech-table-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(90deg, #2257dd 0%, #007124 50%, #2257dd 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>.table-header {\n    text-align: center;\n    margin-bottom: 24px;\n}<\/p>\n<p>.table-header h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u6280\u672f\u8868\u683c *\/\n.tech-table-simple {\n    \/* \u4f18\u5316\uff1a\u66f4\u67d4\u548c\u7684\u80cc\u666f *\/\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid rgba(148, 163, 184, 0.08);\n    margin-bottom: 24px;\n}<\/p>\n<p>.tech-row-simple {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.tech-row-simple:last-child {\n    border-bottom: none;\n}<\/p>\n<p>.header-row {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u84dd\u8272\u80cc\u666f *\/\n    background: rgba(34, 87, 221, 0.06);\n}<\/p>\n<p>.header-row .tech-cell {\n    font-weight: 700;\n    color: #2257dd;\n}<\/p>\n<p>.featured-row {\n    background: rgba(16, 185, 129, 0.06);\n    border-left: 3px solid #10b981;\n}<\/p>\n<p>.featured-row .tech-cell {\n    font-weight: 700;\n}<\/p>\n<p>.featured-row .specification {\n    color: #10b981;\n}<\/p>\n<p>.tech-cell {\n    padding: 12px 16px;\n    font-size: 0.9rem;\n}<\/p>\n<p>.parameter {\n    \/* \u4f18\u5316\uff1a\u66f4\u67d4\u548c\u7684\u80cc\u666f *\/\n    background: rgba(248, 250, 252, 0.9);\n    font-weight: 600;\n    color: #475569;\n    border-right: 1px solid rgba(148, 163, 184, 0.08);\n}<\/p>\n<p>.specification {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.9);\n    color: #1e293b;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u7b80\u5316\u7684\u5173\u952e\u4f18\u52bf *\/\n.key-advantages-simple {\n    margin-top: 24px;\n}<\/p>\n<p>.key-advantages-simple h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.advantages-list-simple {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}<\/p>\n<p>.advantages-list-simple li {\n    padding: 8px 0;\n    color: #4b5563;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    position: relative;\n    padding-left: 20px;\n}<\/p>\n<p>.advantages-list-simple li::before {\n    content: '\u2022';\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u84dd\u8272 *\/\n    color: #2257dd;\n    font-weight: bold;\n    position: absolute;\n    left: 0;\n}<\/p>\n<p>\/* \u5e94\u7528\u9886\u57df\u533a\u57df - \u7d27\u51d1\u5316 *\/\n.applications-section {\n    padding: 60px 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528\u53cd\u5411\u6e10\u53d8\u8425\u9020\u5c42\u6b21\u611f *\/\n    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 25%, #e0f2fe 50%, #eef4ff 75%, #f8faff 100%);\n}<\/p>\n<p>.applications-header {\n    text-align: center;\n    margin-bottom: 40px;\n}<\/p>\n<p>.applications-title {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.applications-subtitle {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.applications-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 24px;\n}<\/p>\n<p>.application-card {\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u767d\u8272\u900f\u660e\u5ea6 *\/\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n}<\/p>\n<p>.application-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.card-image {\n    position: relative;\n    height: 160px;\n    overflow: hidden;\n}<\/p>\n<p>.app-visual-placeholder {\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 50%, #e0f2fe 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.application-card:hover .app-visual-placeholder {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u5e94\u7528\u56fe\u6807\u89c6\u89c9\u6548\u679c *\/\n.app-icon-visual {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>\/* \u74f7\u7816\u89c6\u89c9\u6548\u679c *\/\n.tile-grid {\n    position: relative;\n    width: 40px;\n    height: 40px;\n}<\/p>\n<p>.tile-piece {\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    background: linear-gradient(135deg, #2257dd, #1d4ed8);\n    border-radius: 3px;\n    animation: tile-animate 4s ease-in-out infinite;\n}<\/p>\n<p>.tp-1 { top: 0; left: 0; animation-delay: 0s; }\n.tp-2 { top: 0; right: 0; animation-delay: 1s; }\n.tp-3 { bottom: 0; left: 0; animation-delay: 2s; }\n.tp-4 { bottom: 0; right: 0; animation-delay: 3s; }<\/p>\n<p>@keyframes tile-animate {\n    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.8; }\n    50% { transform: scale(1.1) rotate(5deg); opacity: 1; }\n}<\/p>\n<p>\/* EIFS\u89c6\u89c9\u6548\u679c *\/\n.insulation-layers {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.insul-layer {\n    position: absolute;\n    width: 100%;\n    height: 8px;\n    background: linear-gradient(90deg, #007124, #059669);\n    border-radius: 4px;\n    animation: layer-wave 3s ease-in-out infinite;\n}<\/p>\n<p>.il-1 { top: 0; animation-delay: 0s; }\n.il-2 { top: 12px; animation-delay: 1s; }\n.il-3 { bottom: 0; animation-delay: 2s; }<\/p>\n<p>@keyframes layer-wave {\n    0%, 100% { opacity: 0.6; transform: scaleX(1); }\n    50% { opacity: 1; transform: scaleX(1.05); }\n}<\/p>\n<p>\/* \u817b\u5b50\u89c6\u89c9\u6548\u679c *\/\n.putty-surface {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.surface-base {\n    position: absolute;\n    width: 100%;\n    height: 20px;\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n    border-radius: 3px;\n    bottom: 0;\n}<\/p>\n<p>.putty-layer {\n    position: absolute;\n    width: 100%;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.4);\n    border-radius: 3px;\n    bottom: 10px;\n}<\/p>\n<p>.smoothing-tool {\n    position: absolute;\n    width: 24px;\n    height: 4px;\n    background: #64748b;\n    border-radius: 2px;\n    top: 2px;\n    left: 8px;\n    transform: rotate(-10deg);\n    animation: tool-move 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes tool-move {\n    0%, 100% { transform: rotate(-10deg) translateX(0); }\n    50% { transform: rotate(-10deg) translateX(4px); }\n}<\/p>\n<p>\/* \u62b9\u7070\u89c6\u89c9\u6548\u679c *\/\n.plaster-texture {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.texture-base {\n    position: absolute;\n    width: 100%;\n    height: 24px;\n    background: linear-gradient(135deg, #06b6d4, #0891b2);\n    border-radius: 3px;\n    bottom: 0;\n}<\/p>\n<p>.texture-particles {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    animation: particle-sparkle 2s ease-in-out infinite;\n}<\/p>\n<p>.p-1 { top: 6px; left: 10px; animation-delay: 0s; }\n.p-2 { top: 12px; left: 24px; animation-delay: 0.5s; }\n.p-3 { top: 8px; left: 18px; animation-delay: 1s; }\n.p-4 { top: 16px; left: 8px; animation-delay: 1.5s; }<\/p>\n<p>@keyframes particle-sparkle {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.3); }\n}<\/p>\n<p>\/* \u4fee\u8865\u89c6\u89c9\u6548\u679c *\/\n.repair-process {\n    position: relative;\n    width: 40px;\n    height: 32px;\n}<\/p>\n<p>.crack-line {\n    position: absolute;\n    width: 3px;\n    height: 28px;\n    background: #ef4444;\n    top: 2px;\n    left: 16px;\n    border-radius: 2px;\n    animation: crack-heal 4s ease-in-out infinite;\n}<\/p>\n<p>.repair-material {\n    position: absolute;\n    width: 10px;\n    height: 24px;\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n    top: 4px;\n    left: 13px;\n    border-radius: 2px;\n    opacity: 0;\n    animation: repair-fill 4s ease-in-out infinite;\n}<\/p>\n<p>.repair-result {\n    position: absolute;\n    width: 16px;\n    height: 28px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    top: 2px;\n    left: 10px;\n    border-radius: 3px;\n    opacity: 0;\n    animation: repair-complete 4s ease-in-out infinite;\n}<\/p>\n<p>@keyframes crack-heal {\n    0% { opacity: 1; }\n    50% { opacity: 0.5; }\n    100% { opacity: 0; }\n}<\/p>\n<p>@keyframes repair-fill {\n    0%, 25% { opacity: 0; transform: scaleY(0); }\n    50%, 75% { opacity: 1; transform: scaleY(1); }\n    100% { opacity: 0; transform: scaleY(1); }\n}<\/p>\n<p>@keyframes repair-complete {\n    0%, 75% { opacity: 0; transform: scale(0.8); }\n    100% { opacity: 1; transform: scale(1); }\n}<\/p>\n<p>.card-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u8272\u6e10\u53d8 *\/\n    background: linear-gradient(135deg, rgba(34, 87, 221, 0.1) 0%, rgba(0, 113, 36, 0.1) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.application-card:hover .card-overlay {\n    opacity: 1;\n}<\/p>\n<p>.app-icon {\n    width: 50px;\n    height: 50px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(15px);\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>\/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u7cbe\u786e\u989c\u8272 *\/\n.tile-icon { background: rgba(34, 87, 221, 0.9); }\n.eifs-icon { background: rgba(0, 113, 36, 0.9); }\n.putty-icon { background: rgba(139, 92, 246, 0.9); }\n.plaster-icon { background: rgba(6, 182, 212, 0.9); }\n.repair-icon { background: rgba(245, 158, 11, 0.9); }<\/p>\n<p>.icon-design {\n    width: 24px;\n    height: 24px;\n    background: white;\n    border-radius: 5px;\n}<\/p>\n<p>.card-content {\n    padding: 20px;\n}<\/p>\n<p>.app-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.app-description {\n    font-size: 0.9rem;\n    color: #4b5563;\n    line-height: 1.5;\n    margin-bottom: 16px;\n}<\/p>\n<p>.app-benefits {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.benefit-tag {\n    padding: 4px 10px;\n    \/* \u4f18\u5316\uff1a\u4f7f\u7528banner\u7684\u4e3b\u84dd\u8272 *\/\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-radius: 10px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    border: 1px solid rgba(34, 87, 221, 0.2);\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .content-layout {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }<\/p>\n<p>    .tech-data-container {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .applications-grid {\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .product-name {\n        font-size: 2rem;\n    }<\/p>\n<p>    .tech-title-enhanced {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .product-code-enhanced {\n        font-size: 1.9rem;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .product-overview-section,\n    .technical-data-section-enhanced,\n    .applications-section {\n        padding: 40px 0;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .product-brand {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .product-name {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 1rem;\n    }<\/p>\n<p>    .info-section {\n        padding: 24px 20px;\n    }<\/p>\n<p>    .section-visual-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n    }<\/p>\n<p>    .spec-row {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .spec-label {\n        border-right: none;\n        border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n    }<\/p>\n<p>    .tech-row-simple {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .parameter {\n        border-right: none;\n        border-bottom: 1px solid rgba(148, 163, 184, 0.08);\n    }<\/p>\n<p>    .grade-tags-simple {\n        justify-content: flex-start;\n    }<\/p>\n<p>    .product-3d-showcase {\n        padding: 20px;\n    }<\/p>\n<p>    .tech-table-section {\n        padding: 20px;\n    }<\/p>\n<p>    .characteristics-wheel {\n        width: 140px;\n        height: 140px;\n    }<\/p>\n<p>    .wheel-center {\n        width: 50px;\n        height: 50px;\n    }<\/p>\n<p>    .segment {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 1.9rem;\n    }<\/p>\n<p>    .tech-title-enhanced {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .product-code-enhanced {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .applications-grid {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .product-brand {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .product-name {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .subtitle {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    .info-section {\n        padding: 20px 16px;\n    }<\/p>\n<p>    .visual-icon-container {\n        width: 50px;\n        height: 50px;\n    }<\/p>\n<p>    .rotating-ring {\n        width: 50px;\n        height: 50px;\n    }<\/p>\n<p>    .central-icon {\n        width: 30px;\n        height: 30px;\n    }<\/p>\n<p>    .section-title-area h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .grade-tags-simple {\n        gap: 6px;\n    }<\/p>\n<p>    .grade-tag {\n        font-size: 0.75rem;\n        padding: 3px 8px;\n    }<\/p>\n<p>    .product-3d-showcase {\n        padding: 16px;\n    }<\/p>\n<p>    .tech-product-img {\n        height: 160px;\n    }<\/p>\n<p>    .characteristics-wheel {\n        width: 120px;\n        height: 120px;\n    }<\/p>\n<p>    .wheel-center {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    .center-logo {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .segment {\n        width: 36px;\n        height: 36px;\n    }<\/p>\n<p>    .segment-value {\n        font-size: 0.65rem;\n    }<\/p>\n<p>    .applications-title {\n        font-size: 1.7rem;\n    }<\/p>\n<p>    .tech-title-enhanced {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .product-code-enhanced {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .app-title {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .app-description {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .card-image {\n        height: 140px;\n    }<\/p>\n<p>    .card-content {\n        padding: 16px;\n    }\n}\n<\/style>\n<div class=\"landu-packaging-redesign\">\n    <!-- \u5305\u88c5\u50a8\u5b58\u533a\u57df --><\/p>\n<div class=\"packaging-storage-area\">\n<div class=\"container\">\n            <!-- \u80cc\u666f\u88c5\u9970 --><\/p>\n<div class=\"bg-decorations\">\n<div class=\"floating-dots\"><\/div>\n<p>                <!-- \u589e\u5f3a\u7684\u6d6e\u52a8\u7c92\u5b50 --><\/p>\n<div class=\"floating-particles\"><\/div>\n<p>                <!-- \u6d6e\u52a8\u56fe\u6807 --><\/p>\n<div class=\"floating-icons\">\n<div class=\"float-icon icon-1\"><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=\"float-icon icon-2\"><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=\"float-icon icon-3\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude9a\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f69a.svg\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"section-header\">\n<div class=\"header-badge\">\n<p>                    <span>cURL Too many subrequests.<\/span>\n                <\/div>\n<h2 class=\"main-title\">\n                    Packaging &amp; Storage<br \/>\n                <\/h2>\n<p class=\"main-subtitle\">\n                    LANDU Flexible Redispersible Polymer Powder (Flexible RDP) is carefully packaged to ensure product integrity, stability, and ease of handling during transportation and storage.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"content-grid\">\n                <!-- \u5305\u88c5\u4fe1\u606f\u5361\u7247 --><\/p>\n<div class=\"packaging-card\">\n                    <!-- \u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u533a --><\/p>\n<div class=\"product-showcase\">\n<div class=\"main-product-image\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Landu-rdp-redispersible-polymer-powder-package.jpg\" alt=\"LANDU RDP Package\" class=\"product-img\"><\/p>\n<div class=\"image-features\">\n<div class=\"feature-point point-1\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">1<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>25kg Standard Bag<\/strong><\/p>\n<p>Multi-layer protection<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-point point-2\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">2<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>PE-lined Interior<\/strong><\/p>\n<p>Moisture barrier<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-point point-3\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">3<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Sealed Design<\/strong><\/p>\n<p>Contamination protection<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay-info\">\n<div class=\"overlay-content\">\n<div class=\"weight-badge\">25kg<\/div>\n<div class=\"dimensions\">0.69m \u00d7 0.40m \u00d7 0.18m<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u5305\u88c5\u7ec6\u8282\u56fe --><\/p>\n<div class=\"packaging-details\">\n<div class=\"detail-item\">\n<div class=\"detail-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=\"detail-text\">\n                                    <span class=\"detail-title\">Multi-layer Protection<\/span><br \/>\n                                    <span class=\"detail-desc\">Sealed paper + PE liner<\/span>\n                                <\/div>\n<\/p><\/div>\n<div class=\"detail-item\">\n<div class=\"detail-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=\"detail-text\">\n                                    <span class=\"detail-title\">Resistente \u00e0 Humidade<\/span><br \/>\n                                    <span class=\"detail-desc\">Advanced barrier technology<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>Standard Packaging Specifications<\/h3>\n<p>Engineered for optimal protection and handling<\/p>\n<\/p><\/div>\n<div class=\"spec-grid\">\n<div class=\"spec-item primary\">\n<div class=\"spec-number\">25<\/div>\n<div class=\"spec-unit\">kg per bag<\/div>\n<\/p><\/div>\n<div class=\"spec-item\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">0.69m \u00d7 0.40m \u00d7 0.18m<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pallet-options\">\n<h4>Pallet Configuration Options<\/h4>\n<div class=\"pallet-visual-grid\">\n<div class=\"pallet-option\">\n<div class=\"pallet-illustration\">\n<div class=\"bag-stack stack-4\"><\/div>\n<\/p><\/div>\n<div class=\"pallet-info\">\n                                        <span class=\"weight\">500kg<\/span><br \/>\n                                        <span class=\"desc\">20 bags (4 bags\/layer \u00d7 5 layers)<\/span>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"pallet-option\">\n<div class=\"pallet-illustration\">\n<div class=\"bag-stack stack-6\"><\/div>\n<\/p><\/div>\n<div class=\"pallet-info\">\n                                        <span class=\"weight\">600kg<\/span><br \/>\n                                        <span class=\"desc\">24 bags (4 bags\/layer \u00d7 6 layers)<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"custom-note\">\n                                <span class=\"note-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2699\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2699.svg\"><\/span><br \/>\n                                <span>Custom packaging available for OEM or bulk orders<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u50a8\u5b58\u6307\u5357\u5361\u7247 --><\/p>\n<div class=\"storage-card\">\n                    <!-- \u4ed3\u5e93\u56fe\u7247\u5c55\u793a\u533a --><\/p>\n<div class=\"warehouse-showcase\">\n<div class=\"warehouse-image-container\">\n                            <img loading=\"lazy\" height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-large-warehouse.jpg\" alt=\"LANDU Professional Warehouse\" class=\"warehouse-main-img\"><\/p>\n<div class=\"warehouse-features\">\n<div class=\"warehouse-point point-a\">\n<div class=\"point-marker climate\">\n                                        <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"cURL Too many subrequests.\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f321.svg\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Climate Controlled<\/strong><\/p>\n<p>Optimal temperature &amp; humidity<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-point point-b\">\n<div class=\"point-marker ventilation\">\n                                        <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a8.svg\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Ventilation System<\/strong><\/p>\n<p>Continuous air circulation<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-point point-c\">\n<div class=\"point-marker protection\">\n                                        <span class=\"point-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\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-badge\">\n                                <span class=\"badge-text\">cURL Too many subrequests.<\/span><br \/>\n                                <span class=\"badge-subtext\">Certificado ISO<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>Storage Guidelines<\/h3>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<div class=\"storage-conditions\">\n<div class=\"condition-grid\">\n<div class=\"condition-item temperature\">\n<div class=\"condition-icon\">\n<div class=\"thermometer\"><\/div>\n<\/p><\/div>\n<div class=\"condition-info\">\n                                        <span class=\"condition-label\">cURL Too many subrequests.<\/span><br \/>\n                                        <span class=\"condition-value\">5\u00b0C \u2013 35\u00b0C<\/span><br \/>\n                                        <span class=\"condition-desc\">cURL Too many subrequests.<\/span>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"condition-item humidity\">\n<div class=\"condition-icon\">\n<div class=\"humidity-meter\"><\/div>\n<\/p><\/div>\n<div class=\"condition-info\">\n                                        <span class=\"condition-label\">cURL Too many subrequests.<\/span><br \/>\n                                        <span class=\"condition-value\">cURL Too many subrequests.<\/span><br \/>\n                                        <span class=\"condition-desc\">cURL Too many subrequests.<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"guidelines\">\n<div class=\"guideline\">\n<div class=\"guide-icon\">\n<div class=\"icon-seal\"><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<\/p><\/div>\n<div class=\"guide-text\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"guideline\">\n<div class=\"guide-icon\">\n<div class=\"icon-protect\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2600\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2600.svg\"><\/div>\n<\/p><\/div>\n<div class=\"guide-text\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u8be2\u4ef7CTA --><\/p>\n<div class=\"quote-section\">\n<div class=\"quote-content\">\n<div class=\"quote-visual\">\n<div class=\"quote-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e9.svg\"><\/div>\n<\/p><\/div>\n<div class=\"quote-text\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/pt\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"quote-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">cURL Too many subrequests.<\/button><br \/>\n<\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u514d\u8d39\u6837\u54c1\u533a\u57df --><\/p>\n<div class=\"sample-area\">\n<div class=\"container\">\n            <!-- \u80cc\u666f\u88c5\u9970 --><\/p>\n<div class=\"sample-bg\"><\/div>\n<p>            <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"sample-header\">\n<div class=\"header-badge sample-badge\">\n<p>                    <span>Free Testing Program<\/span>\n                <\/div>\n<h2 class=\"sample-title\">\n                    cURL Too many subrequests.<br \/>\n                <\/h2>\n<p class=\"sample-intro\">\n                    Before committing to your next procurement, see how ACCURATE\u2122 Flexible RDP performs in your own mix designs.<br \/>\n                    Our free sample program lets you evaluate <strong>flexibility<\/strong>, <strong>cURL Too many subrequests.<\/strong>,<br \/>\n                    cURL Too many subrequests. <strong>crack resistance<\/strong> with ease.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u6837\u54c1\u5185\u5bb9 --><\/p>\n<div class=\"sample-content\">\n                <!-- \u6837\u54c1\u5305\u88c5\u4fe1\u606f --><\/p>\n<div class=\"sample-package\">\n<h3 class=\"package-title\">Your Sample Package Includes:<\/h3>\n<div class=\"sample-journey\">\n<div class=\"journey-step step-1\">\n<div class=\"step-visual\">\n<div class=\"sample-bag-visual\">\n<div class=\"bag-label\">500g-1kg<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>Selected Grade Sample<\/h4>\n<p>500g\u20131kg of selected grade based on your application requirements<\/p>\n<div class=\"grade-selection\">\n<div class=\"grade-option eco\">\n                                        <span class=\"grade-name\">Economical<\/span><br \/>\n                                        <span class=\"grade-use\">Basic applications<\/span>\n                                    <\/div>\n<div class=\"grade-option std\">\n                                        <span class=\"grade-name\">Padr\u00e3o<\/span><br \/>\n                                        <span class=\"grade-use\">General purpose<\/span>\n                                    <\/div>\n<div class=\"grade-option prem\">\n                                        <span class=\"grade-name\">Premium<\/span><br \/>\n                                        <span class=\"grade-use\">High performance<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"journey-step step-2\">\n<div class=\"step-visual\">\n<div class=\"document-stack\">\n<div class=\"doc-label\">TDS<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>Technical Documentation<\/h4>\n<p>Complete Technical Data Sheet (TDS) with detailed specifications, application guidelines, and mixing ratios<\/p>\n<div class=\"doc-features\">\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcca\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ca.svg\"> Performance Data<\/span><br \/>\n                                    <span class=\"doc-feature\"><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\"> Test Results<\/span><br \/>\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"> Application Guide<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"journey-step step-3\">\n<div class=\"step-visual\">\n<div class=\"expert-support\">\n<div class=\"support-badge\">R&amp;D<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>Direct access to our R&amp;D team for formulation guidance, troubleshooting, and optimization recommendations<\/p>\n<div class=\"support-features\">\n<div class=\"support-item\">\n                                        <span class=\"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\"><\/span><br \/>\n                                        <span>Live consultation<\/span>\n                                    <\/div>\n<div class=\"support-item\">\n                                        <span class=\"support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e7.svg\"><\/span><br \/>\n                                        <span>Email support<\/span>\n                                    <\/div>\n<div class=\"support-item\">\n                                        <span class=\"support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4de.svg\"><\/span><br \/>\n                                        <span>Phone assistance<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u6837\u54c1\u56fe\u7247\u548cCTA --><\/p>\n<div class=\"sample-visual\">\n<div class=\"sample-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/landu-Flexible-RDP-free-sample.jpg\" alt=\"Free Sample Kit\" class=\"sample-image\"><\/p>\n<div class=\"sample-highlights\">\n<div class=\"highlight-point h-point-1\">\n<div class=\"highlight-marker\">\n                                    <span class=\"highlight-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\"><\/span>\n                                <\/div>\n<div class=\"highlight-tooltip\">\n                                    <strong>Sample Kit<\/strong><\/p>\n<p>Ready to test<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"highlight-point h-point-2\">\n<div class=\"highlight-marker\">\n                                    <span class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span>\n                                <\/div>\n<div class=\"highlight-tooltip\">\n                                    <strong>Test Materials<\/strong><\/p>\n<p>Complete testing suite<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">Free Sample Kit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sample-cta\">\n<h3>Ready to Test?<\/h3>\n<p>Get your comprehensive sample kit delivered worldwide<\/p>\n<div class=\"sample-process\">\n<div class=\"process-step\">\n<div class=\"process-number\">1<\/div>\n<p>                                <span>Solicitar Amostra<\/span>\n                            <\/div>\n<div class=\"process-arrow\">\u2192<\/div>\n<div class=\"process-step\">\n<div class=\"process-number\">2<\/div>\n<p>                                <span>Envio R\u00e1pido<\/span>\n                            <\/div>\n<div class=\"process-arrow\">\u2192<\/div>\n<div class=\"process-step\">\n<div class=\"process-number\">3<\/div>\n<p>                                <span>Test &amp; Evaluate<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n                            <a href=\"https:\/\/hpmc.ae\/pt\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"btn-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Solicitar Amostra Gr\u00e1tis<\/button><br \/>\n<\/a><\/p>\n<p><a href=\"https:\/\/hpmc.ae\/pt\/service\/pre-sales-service\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"btn-secondary\"><br \/>\n        <span class=\"btn-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\"><\/span><br \/>\n        Suporte T\u00e9cnico<br \/>\n    <\/button><br \/>\n<\/a><\/p><\/div>\n<div class=\"benefits\">\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>No commitment required<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Fast worldwide shipping<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Suporte t\u00e9cnico especializado<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-packaging-redesign {\n    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u5305\u88c5\u50a8\u5b58\u533a\u57df - \u6de1\u5316\u80cc\u666f *\/\n.packaging-storage-area {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #fcfcfd 0%, #f9fafb 50%, #f3f4f6 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.bg-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.15;\n}<\/p>\n<p>\/* \u589e\u5f3a\u7684\u80cc\u666f\u88c5\u9970 - \u6de1\u5316 *\/\n.bg-decorations::before {\n    content: '';\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.03) 0%, transparent 70%);\n    border-radius: 50%;\n    top: -150px;\n    right: -150px;\n    animation: pulse-glow 8s ease-in-out infinite;\n}<\/p>\n<p>.bg-decorations::after {\n    content: '';\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.02) 0%, transparent 70%);\n    border-radius: 50%;\n    bottom: -100px;\n    left: -100px;\n    animation: pulse-glow 8s ease-in-out infinite 4s;\n}<\/p>\n<p>@keyframes pulse-glow {\n    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.2; }\n    50% { transform: scale(1.2) rotate(180deg); opacity: 0.4; }\n}<\/p>\n<p>.geometric-shape {\n    position: absolute;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.04), rgba(37, 99, 235, 0.02));\n    animation: shape-float 20s ease-in-out infinite;\n}<\/p>\n<p>.shape-1 {\n    width: 100px;\n    height: 100px;\n    border-radius: 20px;\n    top: 10%;\n    right: 10%;\n    animation-delay: 0s;\n}<\/p>\n<p>.shape-2 {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    bottom: 20%;\n    left: 8%;\n    animation-delay: 7s;\n}<\/p>\n<p>.shape-3 {\n    width: 60px;\n    height: 60px;\n    border-radius: 12px;\n    top: 60%;\n    right: 30%;\n    animation-delay: 14s;\n}<\/p>\n<p>.floating-dots {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.dot {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(59, 130, 246, 0.3);\n    border-radius: 50%;\n    opacity: 0.3;\n    animation: dot-drift 15s ease-in-out infinite;\n}<\/p>\n<p>.dot-1 { top: 25%; left: 20%; animation-delay: 0s; }\n.dot-2 { top: 45%; right: 25%; animation-delay: 5s; }\n.dot-3 { bottom: 35%; left: 30%; animation-delay: 10s; }\n.dot-4 { top: 70%; right: 15%; animation-delay: 15s; }<\/p>\n<p>\/* \u6d6e\u52a8\u7c92\u5b50 - \u6de1\u5316 *\/\n.floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 2px;\n    height: 2px;\n    background: linear-gradient(45deg, rgba(59, 130, 246, 0.4), rgba(16, 185, 129, 0.3));\n    border-radius: 50%;\n    animation: particle-float 20s linear infinite;\n}<\/p>\n<p>.particle:nth-child(1) { left: 10%; animation-delay: 0s; }\n.particle:nth-child(2) { left: 20%; animation-delay: 4s; }\n.particle:nth-child(3) { left: 30%; animation-delay: 8s; }\n.particle:nth-child(4) { left: 40%; animation-delay: 12s; }\n.particle:nth-child(5) { left: 50%; animation-delay: 16s; }<\/p>\n<p>@keyframes particle-float {\n    0% { transform: translateY(100vh) scale(0); opacity: 0; }\n    10% { opacity: 0.3; transform: scale(1); }\n    90% { opacity: 0.3; }\n    100% { transform: translateY(-100px) scale(0); opacity: 0; }\n}<\/p>\n<p>\/* \u6d6e\u52a8\u56fe\u6807 - \u6de1\u5316 *\/\n.floating-icons {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.float-icon {\n    position: absolute;\n    font-size: 2rem;\n    opacity: 0.05;\n    animation: icon-drift 25s ease-in-out infinite;\n}<\/p>\n<p>.icon-1 {\n    top: 20%;\n    left: 15%;\n    animation-delay: 0s;\n}<\/p>\n<p>.icon-2 {\n    top: 60%;\n    right: 20%;\n    animation-delay: 8s;\n}<\/p>\n<p>.icon-3 {\n    bottom: 30%;\n    left: 60%;\n    animation-delay: 16s;\n}<\/p>\n<p>@keyframes icon-drift {\n    0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 0.05; }\n    25% { transform: translate(-20px, -30px) rotate(90deg) scale(1.2); opacity: 0.1; }\n    50% { transform: translate(10px, -40px) rotate(180deg) scale(0.8); opacity: 0.08; }\n    75% { transform: translate(30px, -20px) rotate(270deg) scale(1.1); opacity: 0.12; }\n}<\/p>\n<p>@keyframes shape-float {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    33% { transform: translate(-20px, -30px) rotate(120deg); }\n    66% { transform: translate(15px, -15px) rotate(240deg); }\n}<\/p>\n<p>@keyframes dot-drift {\n    0%, 100% { transform: translateY(0px) scale(1); opacity: 0.2; }\n    50% { transform: translateY(-40px) scale(1.5); opacity: 0.4; }\n}<\/p>\n<p>\/* \u6807\u9898\u533a\u57df *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 8px 20px;\n    border-radius: 25px;\n    border: 1px solid rgba(59, 130, 246, 0.15);\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #3b82f6;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.05);\n}<\/p>\n<p>.badge-dot {\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 50%;\n    animation: pulse 2s ease-in-out infinite;\n}<\/p>\n<p>.sample-dot {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>@keyframes pulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.2); opacity: 0.8; }\n}<\/p>\n<p>.main-title {\n    font-size: 3rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #1e293b 0%, #475569 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 20px;\n    line-height: 1.1;\n}<\/p>\n<p>.main-subtitle {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u5185\u5bb9\u7f51\u683c *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>\/* \u5361\u7247\u6837\u5f0f *\/\n.packaging-card,\n.storage-card {\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n}<\/p>\n<p>\/* \u589e\u5f3a\u7684\u5361\u7247\u8fb9\u6846\u6548\u679c - \u6de1\u5316 *\/\n.packaging-card::before,\n.storage-card::before {\n    content: '';\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.08), rgba(139, 92, 246, 0.06));\n    border-radius: 26px;\n    z-index: -1;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.packaging-card:hover::before,\n.storage-card:hover::before {\n    opacity: 0.15;\n    animation: border-glow 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes border-glow {\n    0%, 100% { filter: blur(8px); }\n    50% { filter: blur(12px); }\n}<\/p>\n<p>.packaging-card:hover,\n.storage-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u5c55\u793a\u533a - \u6de1\u5316\u80cc\u666f *\/\n.product-showcase {\n    position: relative;\n    background: linear-gradient(135deg, #fbfcfd 0%, #f8f9fa 100%);\n    padding: 32px;\n}<\/p>\n<p>.main-product-image {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.06);\n    margin-bottom: 24px;\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.main-product-image:hover .product-img {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u56fe\u7247\u7279\u5f81\u70b9 *\/\n.image-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.feature-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-1 {\n    top: 20%;\n    left: 15%;\n}<\/p>\n<p>.point-2 {\n    top: 45%;\n    right: 20%;\n}<\/p>\n<p>.point-3 {\n    bottom: 25%;\n    left: 25%;\n}<\/p>\n<p>.point-marker {\n    width: 32px;\n    height: 32px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 0.8rem;\n    font-weight: 700;\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n    cursor: pointer;\n    animation: point-pulse 2s ease-in-out infinite;\n    position: relative;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.point-marker::before {\n    content: '';\n    position: absolute;\n    top: -4px;\n    left: -4px;\n    right: -4px;\n    bottom: -4px;\n    border: 2px solid rgba(59, 130, 246, 0.2);\n    border-radius: 50%;\n    animation: ripple 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes ripple {\n    0% { transform: scale(1); opacity: 1; }\n    100% { transform: scale(1.5); opacity: 0; }\n}<\/p>\n<p>.point-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.point-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.feature-point:hover .point-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.point-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.point-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>\/* \u56fe\u7247\u8986\u76d6\u4fe1\u606f *\/\n.image-overlay-info {\n    position: absolute;\n    bottom: 16px;\n    right: 16px;\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(10px);\n    padding: 12px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.overlay-content {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}<\/p>\n<p>.weight-badge {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 700;\n}<\/p>\n<p>.dimensions {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>\/* \u5305\u88c5\u7ec6\u8282 *\/\n.packaging-details {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}<\/p>\n<p>.detail-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.3);\n}<\/p>\n<p>.detail-icon {\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.detail-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.detail-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.detail-desc {\n    font-size: 0.75rem;\n    color: #64748b;\n}<\/p>\n<p>\/* \u4ed3\u5e93\u5c55\u793a\u533a - \u6de1\u5316\u80cc\u666f *\/\n.warehouse-showcase {\n    position: relative;\n    background: linear-gradient(135deg, #fafbfc 0%, #f6f8fa 100%);\n    padding: 32px;\n}<\/p>\n<p>.warehouse-image-container {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.06);\n    margin-bottom: 24px;\n}<\/p>\n<p>.warehouse-main-img {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.warehouse-image-container:hover .warehouse-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u4ed3\u5e93\u7279\u5f81\u70b9 *\/\n.warehouse-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.warehouse-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-a {\n    top: 15%;\n    right: 20%;\n}<\/p>\n<p>.point-b {\n    top: 50%;\n    left: 15%;\n}<\/p>\n<p>.point-c {\n    bottom: 20%;\n    right: 30%;\n}<\/p>\n<p>.point-marker.climate {\n    background: linear-gradient(135deg, #f59e0b, #d97706);\n}<\/p>\n<p>.point-marker.ventilation {\n    background: linear-gradient(135deg, #06b6d4, #0891b2);\n}<\/p>\n<p>.point-marker.protection {\n    background: linear-gradient(135deg, #10b981, #059669);\n}<\/p>\n<p>.point-icon {\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u4ed3\u5e93\u5fbd\u7ae0 *\/\n.warehouse-badge {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(10px);\n    padding: 12px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n}<\/p>\n<p>.badge-text {\n    display: block;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.badge-subtext {\n    display: block;\n    font-size: 0.75rem;\n    color: #10b981;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u5185\u5bb9\u6807\u9898 *\/\n.content-header {\n    padding: 32px 32px 24px;\n    border-bottom: 1px solid rgba(226, 232, 240, 0.3);\n}<\/p>\n<p>.content-header h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.content-header p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0;\n}<\/p>\n<p>.card-content {\n    padding: 0 32px 32px;\n}<\/p>\n<p>\/* \u5b58\u50a8\u6761\u4ef6 *\/\n.storage-conditions {\n    margin-bottom: 24px;\n}<\/p>\n<p>.condition-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n}<\/p>\n<p>.condition-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.4);\n}<\/p>\n<p>.condition-item.temperature {\n    border-color: rgba(245, 158, 11, 0.2);\n    background: rgba(245, 158, 11, 0.02);\n}<\/p>\n<p>.condition-item.humidity {\n    border-color: rgba(59, 130, 246, 0.2);\n    background: rgba(59, 130, 246, 0.02);\n}<\/p>\n<p>.condition-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.thermometer {\n    width: 8px;\n    height: 32px;\n    background: #e5e7eb;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.mercury-level {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 60%;\n    background: linear-gradient(to top, #f59e0b, #fbbf24);\n    border-radius: 4px;\n    animation: temp-rise 3s ease-in-out infinite alternate;\n}<\/p>\n<p>@keyframes temp-rise {\n    0% { height: 50%; }\n    100% { height: 70%; }\n}<\/p>\n<p>.humidity-meter {\n    width: 32px;\n    height: 20px;\n    background: #e5e7eb;\n    border-radius: 10px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.humidity-level {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 65%;\n    background: linear-gradient(to right, #3b82f6, #60a5fa);\n    border-radius: 10px;\n    animation: humidity-wave 2s ease-in-out infinite alternate;\n}<\/p>\n<p>@keyframes humidity-wave {\n    0% { width: 60%; }\n    100% { width: 70%; }\n}<\/p>\n<p>.condition-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}<\/p>\n<p>.condition-label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #64748b;\n}<\/p>\n<p>.condition-value {\n    font-size: 1.1rem;\n    font-weight: 800;\n    color: #1e293b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.condition-desc {\n    font-size: 0.75rem;\n    color: #64748b;\n}<\/p>\n<p>\/* \u6258\u76d8\u89c6\u89c9\u914d\u7f6e - \u6de1\u5316 *\/\n.pallet-visual-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.pallet-option {\n    background: rgba(245, 158, 11, 0.02);\n    border: 2px solid rgba(245, 158, 11, 0.15);\n    padding: 20px;\n    border-radius: 12px;\n    text-align: center;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.pallet-option:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.1);\n    border-color: rgba(245, 158, 11, 0.25);\n}<\/p>\n<p>.pallet-illustration {\n    position: relative;\n    width: 60px;\n    height: 50px;\n    margin: 0 auto 12px;\n}<\/p>\n<p>.pallet-base {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 6px;\n    background: #8b5cf6;\n    border-radius: 3px;\n}<\/p>\n<p>.bag-stack {\n    position: absolute;\n    bottom: 6px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n}<\/p>\n<p>.bag-layer {\n    width: 100%;\n    height: 6px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 2px;\n    margin-bottom: 2px;\n    animation: stack-build 2s ease-in-out infinite;\n}<\/p>\n<p>.stack-4 .bag-layer:nth-child(1) { animation-delay: 0s; }\n.stack-4 .bag-layer:nth-child(2) { animation-delay: 0.2s; }\n.stack-4 .bag-layer:nth-child(3) { animation-delay: 0.4s; }\n.stack-4 .bag-layer:nth-child(4) { animation-delay: 0.6s; }<\/p>\n<p>.stack-6 .bag-layer:nth-child(1) { animation-delay: 0s; }\n.stack-6 .bag-layer:nth-child(2) { animation-delay: 0.15s; }\n.stack-6 .bag-layer:nth-child(3) { animation-delay: 0.3s; }\n.stack-6 .bag-layer:nth-child(4) { animation-delay: 0.45s; }\n.stack-6 .bag-layer:nth-child(5) { animation-delay: 0.6s; }\n.stack-6 .bag-layer:nth-child(6) { animation-delay: 0.75s; }<\/p>\n<p>@keyframes stack-build {\n    0%, 80% { opacity: 0.7; transform: scaleY(1); }\n    90% { opacity: 1; transform: scaleY(1.1); }\n    100% { opacity: 0.7; transform: scaleY(1); }\n}<\/p>\n<p>.pallet-info .weight {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 800;\n    color: #f59e0b;\n    font-family: 'JetBrains Mono', monospace;\n    margin-bottom: 4px;\n}<\/p>\n<p>.pallet-info .desc {\n    font-size: 0.8rem;\n    color: #92400e;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u89c4\u683c\u7f51\u683c *\/\n.spec-grid {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.spec-item {\n    background: rgba(248, 250, 252, 0.6);\n    padding: 16px;\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.4);\n}<\/p>\n<p>.spec-item.primary {\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.02));\n    border-color: rgba(59, 130, 246, 0.15);\n    text-align: center;\n}<\/p>\n<p>.spec-number {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #3b82f6;\n    line-height: 1;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.spec-unit {\n    font-size: 0.85rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 4px;\n}<\/p>\n<p>.spec-label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.spec-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.pallet-options h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.custom-note {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(139, 92, 246, 0.05);\n    padding: 12px 16px;\n    border-radius: 10px;\n    border: 1px solid rgba(139, 92, 246, 0.15);\n    font-size: 0.85rem;\n    color: #7c3aed;\n}<\/p>\n<p>.note-icon {\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u50a8\u5b58\u6307\u5357 *\/\n.guidelines {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.guideline {\n    display: flex;\n    gap: 16px;\n    padding: 20px;\n    background: rgba(248, 250, 252, 0.4);\n    border-radius: 12px;\n    border: 1px solid rgba(226, 232, 240, 0.3);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.guideline:hover {\n    transform: translateY(-2px);\n    background: rgba(255, 255, 255, 0.6);\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>.guide-icon {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 1.2rem;\n}<\/p>\n<p>.guide-text {\n    flex: 1;\n}<\/p>\n<p>.guide-text strong {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1e293b;\n    display: block;\n    margin-bottom: 4px;\n}<\/p>\n<p>.guide-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* \u8be2\u4ef7\u533a\u57df\u589e\u5f3a - \u6de1\u5316 *\/\n.quote-section {\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.quote-content {\n    background: linear-gradient(135deg, rgba(245, 158, 11, 0.05) 0%, rgba(217, 119, 6, 0.02) 100%);\n    border: 2px solid rgba(245, 158, 11, 0.15);\n    border-radius: 20px;\n    padding: 32px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.quote-content:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(245, 158, 11, 0.1);\n}<\/p>\n<p>.quote-visual {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n}<\/p>\n<p>.quote-icon {\n    font-size: 2.5rem;\n    animation: bounce 2s ease-in-out infinite;\n}<\/p>\n<p>.connecting-line {\n    width: 2px;\n    height: 20px;\n    background: linear-gradient(to bottom, rgba(245, 158, 11, 0.6), transparent);\n}<\/p>\n<p>@keyframes bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n}<\/p>\n<p>.quote-text {\n    flex: 1;\n}<\/p>\n<p>.quote-text h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.quote-text p {\n    font-size: 0.95rem;\n    color: #64748b;\n    margin: 0;\n    line-height: 1.5;\n}<\/p>\n<p>.quote-btn {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    color: white;\n    border: none;\n    padding: 16px 32px;\n    border-radius: 12px;\n    font-size: 1rem;\n    font-weight: 600;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.quote-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.3);\n}<\/p>\n<p>.btn-arrow {\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.quote-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* \u514d\u8d39\u6837\u54c1\u533a\u57df - \u6de1\u5316\u80cc\u666f *\/\n.sample-area {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #fbfcfc 0%, #f9fafb 50%, #f6f8fa 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.sample-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.15;\n}<\/p>\n<p>.gradient-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(40px);\n    animation: orb-float 25s ease-in-out infinite;\n}<\/p>\n<p>.orb-1 {\n    width: 200px;\n    height: 200px;\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(5, 150, 105, 0.04));\n    top: 10%;\n    right: 10%;\n    animation-delay: 0s;\n}<\/p>\n<p>.orb-2 {\n    width: 150px;\n    height: 150px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.06), rgba(37, 99, 235, 0.03));\n    bottom: 20%;\n    left: 15%;\n    animation-delay: 8s;\n}<\/p>\n<p>.orb-3 {\n    width: 120px;\n    height: 120px;\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(124, 58, 237, 0.02));\n    top: 50%;\n    left: 40%;\n    animation-delay: 16s;\n}<\/p>\n<p>@keyframes orb-float {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(-30px, -40px) scale(1.1); }\n    66% { transform: translate(20px, -20px) scale(0.9); }\n}<\/p>\n<p>\/* \u6837\u54c1\u6807\u9898 *\/\n.sample-header {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.sample-badge {\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.15);\n    box-shadow: 0 4px 20px rgba(16, 185, 129, 0.05);\n}<\/p>\n<p>.sample-title {\n    font-size: 3rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 20px;\n    line-height: 1.1;\n}<\/p>\n<p>.sample-intro {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>.sample-intro strong {\n    color: #10b981;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u6837\u54c1\u5185\u5bb9 *\/\n.sample-content {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 60px;\n    align-items: start;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>\/* \u6837\u54c1\u5305\u88c5 *\/\n.sample-package {\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border-radius: 24px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>.package-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 32px;\n    text-align: center;\n}<\/p>\n<p>\/* \u6837\u54c1\u65c5\u7a0b *\/\n.sample-journey {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.journey-step {\n    position: relative;\n    display: flex;\n    gap: 24px;\n    padding: 24px;\n    background: rgba(248, 250, 252, 0.4);\n    border-radius: 16px;\n    border: 1px solid rgba(226, 232, 240, 0.3);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.journey-step:hover {\n    transform: translateY(-4px);\n    background: rgba(255, 255, 255, 0.6);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n}<\/p>\n<p>.step-visual {\n    width: 64px;\n    height: 64px;\n    background: linear-gradient(135deg, #f0fdf4, #dcfce7);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.sample-bag-visual {\n    position: relative;\n    width: 32px;\n    height: 36px;\n}<\/p>\n<p>.bag-body {\n    width: 24px;\n    height: 28px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 2px 2px 8px 8px;\n    position: relative;\n}<\/p>\n<p>.bag-label {\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(255, 255, 255, 0.95);\n    color: #059669;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 8px;\n    white-space: nowrap;\n}<\/p>\n<p>.document-stack {\n    position: relative;\n    width: 32px;\n    height: 36px;\n}<\/p>\n<p>.doc {\n    position: absolute;\n    width: 24px;\n    height: 32px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    border-radius: 2px 6px 2px 2px;\n}<\/p>\n<p>.doc-1 {\n    top: 0;\n    left: 0;\n    z-index: 2;\n}<\/p>\n<p>.doc-2 {\n    top: 4px;\n    left: 4px;\n    z-index: 1;\n    opacity: 0.7;\n}<\/p>\n<p>.doc-label {\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(255, 255, 255, 0.95);\n    color: #2563eb;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 6px;\n    border-radius: 8px;\n}<\/p>\n<p>.expert-support {\n    position: relative;\n    width: 32px;\n    height: 36px;\n}<\/p>\n<p>.expert-avatar {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n    border-radius: 50%;\n    position: relative;\n}<\/p>\n<p>.support-badge {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    background: #f59e0b;\n    color: white;\n    font-size: 0.6rem;\n    font-weight: 700;\n    padding: 2px 4px;\n    border-radius: 6px;\n    border: 2px solid white;\n}<\/p>\n<p>.step-info {\n    flex: 1;\n}<\/p>\n<p>.step-info h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.step-info p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0 0 12px 0;\n}<\/p>\n<p>\/* \u7b49\u7ea7\u9009\u62e9 - \u6de1\u5316 *\/\n.grade-selection {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}<\/p>\n<p>.grade-option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid;\n    font-size: 0.8rem;\n}<\/p>\n<p>.grade-option.eco {\n    background: rgba(16, 185, 129, 0.02);\n    border-color: rgba(16, 185, 129, 0.15);\n}<\/p>\n<p>.grade-option.std {\n    background: rgba(59, 130, 246, 0.02);\n    border-color: rgba(59, 130, 246, 0.15);\n}<\/p>\n<p>.grade-option.prem {\n    background: rgba(139, 92, 246, 0.02);\n    border-color: rgba(139, 92, 246, 0.15);\n}<\/p>\n<p>.grade-name {\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>.grade-use {\n    color: #64748b;\n    font-size: 0.75rem;\n}<\/p>\n<p>\/* \u6587\u6863\u7279\u5f81 - \u6de1\u5316 *\/\n.doc-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}<\/p>\n<p>.doc-feature {\n    background: rgba(59, 130, 246, 0.05);\n    color: #3b82f6;\n    padding: 4px 8px;\n    border-radius: 6px;\n    font-size: 0.75rem;\n    font-weight: 500;\n}<\/p>\n<p>\/* \u652f\u6301\u7279\u5f81 *\/\n.support-features {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}<\/p>\n<p>.support-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.8rem;\n    color: #64748b;\n}<\/p>\n<p>.support-icon {\n    font-size: 0.9rem;\n}<\/p>\n<p>\/* \u6b65\u9aa4\u8fde\u63a5\u5668 - \u6de1\u5316 *\/\n.step-connector {\n    position: absolute;\n    bottom: -16px;\n    left: 32px;\n    width: 2px;\n    height: 16px;\n    background: linear-gradient(to bottom, rgba(16, 185, 129, 0.4), transparent);\n}<\/p>\n<p>.journey-step:last-child .step-connector {\n    display: none;\n}<\/p>\n<p>\/* \u6837\u54c1\u89c6\u89c9 *\/\n.sample-visual {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.sample-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.sample-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.sample-image {\n    width: 100%;\n    height: 280px;\n    object-fit: cover;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.sample-image-container:hover .sample-image {\n    transform: scale(1.05);\n}<\/p>\n<p>\/* \u6837\u54c1\u9ad8\u4eae\u70b9 *\/\n.sample-highlights {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n}<\/p>\n<p>.highlight-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.h-point-1 {\n    top: 25%;\n    left: 20%;\n}<\/p>\n<p>.h-point-2 {\n    bottom: 30%;\n    right: 25%;\n}<\/p>\n<p>.highlight-marker {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #10b981, #059669);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 0.9rem;\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\n    cursor: pointer;\n    animation: highlight-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes highlight-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.highlight-tooltip {\n    position: absolute;\n    top: -50px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 0.75rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.highlight-point:hover .highlight-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(16, 185, 129, 0.9) 0%, rgba(5, 150, 105, 0.8) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.sample-image-container:hover .image-overlay {\n    opacity: 1;\n}<\/p>\n<p>\/* \u6837\u54c1CTA *\/\n.sample-cta {\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border-radius: 20px;\n    padding: 32px;\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.04);\n    text-align: center;\n}<\/p>\n<p>.sample-cta h3 {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 8px 0;\n}<\/p>\n<p>.sample-cta p {\n    font-size: 0.9rem;\n    color: #64748b;\n    margin: 0 0 24px 0;\n}<\/p>\n<p>\/* \u6837\u54c1\u6d41\u7a0b - \u6de1\u5316 *\/\n.sample-process {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 24px;\n    padding: 16px;\n    background: rgba(248, 250, 252, 0.6);\n    border-radius: 12px;\n}<\/p>\n<p>.process-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}<\/p>\n<p>.process-number {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #10b981, #059669);\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}<\/p>\n<p>.process-step span {\n    font-size: 0.75rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.process-arrow {\n    color: #10b981;\n    font-size: 1.2rem;\n    font-weight: 700;\n}<\/p>\n<p>.cta-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 24px;\n}<\/p>\n<p>.btn-primary,\n.btn-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 24px;\n    border-radius: 12px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    cursor: pointer;\n    border: none;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.btn-primary {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: white;\n    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.2);\n}<\/p>\n<p>.btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.btn-secondary {\n    background: rgba(59, 130, 246, 0.05);\n    color: #3b82f6;\n    border: 1px solid rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.btn-secondary:hover {\n    background: rgba(59, 130, 246, 0.08);\n    transform: translateY(-2px);\n    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);\n}<\/p>\n<p>.btn-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}<\/p>\n<p>.benefit {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: #64748b;\n}<\/p>\n<p>.check {\n    color: #10b981;\n    font-weight: 700;\n    font-size: 0.9rem;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .content-grid,\n    .sample-content {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }<\/p>\n<p>    .main-title,\n    .sample-title {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .spec-grid,\n    .condition-grid,\n    .pallet-visual-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .packaging-details {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .packaging-storage-area,\n    .sample-area {\n        padding: 60px 0;\n    }<\/p>\n<p>    .main-title,\n    .sample-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .product-showcase,\n    .warehouse-showcase {\n        padding: 24px;\n    }<\/p>\n<p>    .main-product-image,\n    .warehouse-image-container {\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .product-img,\n    .warehouse-main-img,\n    .sample-image {\n        height: 200px;\n    }<\/p>\n<p>    .card-content,\n    .sample-package {\n        padding: 24px;\n    }<\/p>\n<p>    .quote-content {\n        flex-direction: column;\n        text-align: center;\n        gap: 20px;\n    }<\/p>\n<p>    .journey-step {\n        flex-direction: column;\n        text-align: center;\n        gap: 16px;\n    }<\/p>\n<p>    .sample-process {\n        flex-direction: column;\n        gap: 8px;\n    }<\/p>\n<p>    .process-arrow {\n        transform: rotate(90deg);\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .main-title,\n    .sample-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .product-showcase,\n    .warehouse-showcase,\n    .card-content,\n    .sample-package,\n    .sample-cta {\n        padding: 20px;\n    }<\/p>\n<p>    .quote-content {\n        padding: 24px;\n    }<\/p>\n<p>    .product-img,\n    .warehouse-main-img,\n    .sample-image {\n        height: 180px;\n    }<\/p>\n<p>    .feature-point,\n    .warehouse-point,\n    .highlight-point {\n        display: none;\n    }\n}\n<\/style>\n<div class=\"landu-trusted-partner\">\n    <!-- \u4e3b\u6807\u9898\u533a\u57df --><\/p>\n<div class=\"partner-intro-section\">\n<div class=\"container\">\n            <!-- \u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"partner-decorations\">\n<div class=\"floating-particles\"><\/div>\n<\/p><\/div>\n<p>            <!-- \u54c1\u724c\u6807\u9898 --><\/p>\n<div class=\"partner-header\">\n<h1 class=\"partner-title\">\n                    <span class=\"title-main\">cURL Too many subrequests.<\/span><br \/>\n                    <span class=\"title-sub\">as Your Trusted Partner?<\/span><br \/>\n                <\/h1>\n<p class=\"partner-subtitle\">\n                    Discover the advantages that make LANDU the preferred choice for construction professionals worldwide\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5168\u7403\u4e1a\u52a1\u4e0e\u8ba4\u8bc1\u533a\u57df --><\/p>\n<div class=\"global-certification-section\">\n<div class=\"container\">\n<div class=\"global-cert-content\">\n                <!-- \u5de6\u4fa7\u5168\u7403\u4e1a\u52a1 - \u6539\u4e3a\u56fe\u7247\u5c55\u793a --><\/p>\n<div class=\"global-presence-showcase\">\n<div class=\"global-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Staff-meeting-in-the-office.jpg\" alt=\"LANDU Global Presence\" class=\"global-main-img\"><\/p>\n<div class=\"global-overlay-badge\">\n<div class=\"badge-main\">60+<\/div>\n<div class=\"badge-label\">Countries Worldwide<\/div>\n<\/p><\/div>\n<div class=\"global-image-annotations\">\n<div class=\"global-point point-left\">\n<div class=\"global-marker\">\n                                    <span class=\"global-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                                <\/div>\n<div class=\"global-tooltip\">\n                                    <strong>Alcance Global<\/strong><\/p>\n<p>Worldwide distribution<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-point point-right\">\n<div class=\"global-marker\">\n                                    <span class=\"global-icon\">\u2713<\/span>\n                                <\/div>\n<div class=\"global-tooltip\">\n                                    <strong>Proven Quality<\/strong><\/p>\n<p>Trusted by professionals<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-text\">\n<h3>Presen\u00e7a Global<\/h3>\n<p>LANDU is a globally recognized manufacturer of Flexible Redispersible Polymer Powder (RDP) and high-performance construction additives. Our products are trusted in <span class=\"highlight\">more than 60 countries worldwide<\/span>, serving diverse industries with proven reliability and consistent quality standards.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u8ba4\u8bc1\u5c55\u793a --><\/p>\n<div class=\"certification-showcase-enhanced\">\n<div class=\"cert-image-container\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"LANDU Certifications\" class=\"cert-main-img\"><\/p>\n<div class=\"cert-annotations\">\n<div class=\"cert-point point-iso\">\n<div class=\"point-marker\">\n                                    <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>ISO 9001<\/strong><\/p>\n<p>Quality Management<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-point point-reach\">\n<div class=\"point-marker\">\n                                    <span class=\"point-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\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>EU REACH<\/strong><\/p>\n<p>Safety Compliance<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-point point-eco\">\n<div class=\"point-marker\">\n                                    <span class=\"point-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\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>EcoVadis<\/strong><\/p>\n<p>Sustentabilidade<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-text\">\n<h3>Certified Quality Assurance<\/h3>\n<p>We operate under strict <span class=\"highlight\">ISO 9001 quality management systems<\/span> and are fully compliant with <span class=\"highlight\">EU REACH regulations<\/span> \u2014 ensuring product safety, consistency, and environmental sustainability from production to delivery.<\/p>\n<div class=\"cert-badges\">\n<div class=\"cert-mini-badge iso\">ISO 9001<\/div>\n<div class=\"cert-mini-badge reach\">EU REACH<\/div>\n<div class=\"cert-mini-badge eco\">EcoVadis<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u521b\u65b0\u7814\u53d1\u533a\u57df --><\/p>\n<div class=\"innovation-section\">\n<div class=\"container\">\n<div class=\"innovation-content\">\n                <!-- \u5de6\u4fa7\u521b\u65b0\u6587\u672c --><\/p>\n<div class=\"innovation-text-section\">\n<div class=\"innovation-header\">\n<div class=\"innovation-icon-large\"><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<h3>Driven by Innovation<\/h3>\n<\/p><\/div>\n<p class=\"innovation-desc\">\n                        cURL Too many subrequests. <span class=\"highlight\">11 invention patents and 4 utility models<\/span>, LANDU\u2019s R&amp;D team continuously develops advanced polymer solutions that redefine performance, flexibility, and efficiency in modern construction chemistry.\n                    <\/p>\n<div class=\"patents-showcase\">\n<div class=\"patent-item invention\">\n<div class=\"patent-visual\">\n<div class=\"patent-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=\"patent-count\">11<\/div>\n<\/p><\/div>\n<div class=\"patent-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"patent-item utility\">\n<div class=\"patent-visual\">\n<div class=\"patent-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2699\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2699.svg\"><\/div>\n<div class=\"patent-count\">4<\/div>\n<\/p><\/div>\n<div class=\"patent-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u7814\u53d1\u5b9e\u9a8c\u5ba4\u56fe\u7247 --><\/p>\n<div class=\"innovation-image-section\">\n<div class=\"lab-main-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-rigorous-test-labs-research-personnel.jpg\" alt=\"LANDU Research Laboratory\" class=\"lab-img\"><\/p>\n<div class=\"lab-features\">\n<div class=\"lab-point point-equipment\">\n<div class=\"lab-marker\">\n                                    <span class=\"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\"><\/span>\n                                <\/div>\n<div class=\"lab-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-point point-team\">\n<div class=\"lab-marker\">\n                                    <span class=\"lab-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\"><\/span>\n                                <\/div>\n<div class=\"lab-tooltip\">\n                                    <strong>Expert Team<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-point point-innovation\">\n<div class=\"lab-marker\">\n                                    <span class=\"lab-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\"><\/span>\n                                <\/div>\n<div class=\"lab-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-overlay-badge\">\n                            <span class=\"badge-text\">R&amp;D Excellence<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4ea7\u54c1\u7ec4\u5408\u533a\u57df - \u4e09\u56fe\u5e76\u5217\u5c55\u793a --><\/p>\n<div class=\"product-portfolio-section\">\n<div class=\"container\">\n<div class=\"portfolio-header\">\n<h2 class=\"portfolio-title\">\n                    <span class=\"portfolio-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/span><br \/>\n                    Portef\u00f3lio Abrangente de Produtos<br \/>\n                <\/h2>\n<p class=\"portfolio-subtitle\">\n                    cURL Too many subrequests.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u4e09\u56fe\u5e76\u5217\u5c55\u793a --><\/p>\n<div class=\"products-gallery-grid\">\n                <!-- \u7b2c\u4e00\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item cellulose-ethers\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-Cellulose-Ethers-samples.jpg\" alt=\"cURL Too many subrequests.\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span><br \/>\n                                <span class=\"category-name\">\u00c9teres de Celulose<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">HPMC<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">HEMC<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">HEC<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>\u00c9teres de Celulose<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u7b2c\u4e8c\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item construction-additives\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Novastar-construction-additive-product-1.jpg\" alt=\"LANDU Construction Additives\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-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\"><\/span><br \/>\n                                <span class=\"category-name\">Construction Additives<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">PCE<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Retarders<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u7b2c\u4e09\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item rdp-products\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-rdp-sample-products.jpg\" alt=\"LANDU RDP Products\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"><\/span><br \/>\n                                <span class=\"category-name\">cURL Too many subrequests.<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">RDP Flex\u00edvel<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">cURL Too many subrequests.<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Durabilidade<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Polymer Powders<\/h4>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u4ea7\u54c1\u7edf\u8ba1\u4fe1\u606f --><\/p>\n<div class=\"portfolio-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-number\">8+<\/div>\n<div class=\"stat-label\">Linhas de Produtos<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">60+<\/div>\n<div class=\"stat-label\">Pa\u00edses Atendidos<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">15+<\/div>\n<div class=\"stat-label\">Anos de Experi\u00eancia<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u751f\u4ea7\u80fd\u529b\u533a\u57df --><\/p>\n<div class=\"production-capability-section\">\n<div class=\"container\">\n<div class=\"production-content\">\n                <!-- \u5de6\u4fa7\u751f\u4ea7\u8bbe\u65bd\u56fe\u7247 --><\/p>\n<div class=\"production-image-section\">\n<div class=\"factory-showcase\">\n                        <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-RDP-FACTORY.jpg\" alt=\"Instala\u00e7\u00e3o de Fabrica\u00e7\u00e3o LANDU\" class=\"factory-main-img\"><\/p>\n<div class=\"factory-annotations\">\n<div class=\"factory-point point-automation\">\n<div class=\"factory-marker\">\n                                    <span class=\"factory-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\udd16\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f916.svg\"><\/span>\n                                <\/div>\n<div class=\"factory-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"factory-point point-quality\">\n<div class=\"factory-marker\">\n                                    <span class=\"factory-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2705\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2705.svg\"><\/span>\n                                <\/div>\n<div class=\"factory-tooltip\">\n                                    <strong>Controlo de Qualidade<\/strong><\/p>\n<p>cURL Too many subrequests.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"factory-point point-capacity\">\n<div class=\"factory-marker\">\n                                    <span class=\"factory-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcca\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ca.svg\"><\/span>\n                                <\/div>\n<div class=\"factory-tooltip\">\n                                    <strong>High Capacity<\/strong><\/p>\n<p>75,000 tons\/year<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"production-capacity-badge\">\n<div class=\"capacity-main\">75,000<\/div>\n<div class=\"capacity-unit\">Toneladas\/Ano<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u751f\u4ea7\u80fd\u529b\u4fe1\u606f --><\/p>\n<div class=\"production-text-section\">\n<div class=\"production-header\">\n<div class=\"production-icon-large\"><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<h3>Reliable, Large-Scale Production<\/h3>\n<\/p><\/div>\n<p class=\"production-desc\">\n                        Supported by three state-of-the-art manufacturing facilities with an annual capacity of <span class=\"highlight\">75,000 tons<\/span>, LANDU guarantees stable supply, uniform quality, and on-time delivery through fully automated production and rigorous quality control.\n                    <\/p>\n<div class=\"production-features\">\n<div class=\"production-feature\">\n<div class=\"feature-visual\">\n<div class=\"feature-icon\">3<\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h4>Manufacturing Facilities<\/h4>\n<p>State-of-the-art production bases<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"production-feature\">\n<div class=\"feature-visual\">\n<div class=\"feature-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/26a1.svg\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h4>Automated Production<\/h4>\n<p>DCS-controlled systems ensure consistency<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"production-feature\">\n<div class=\"feature-visual\">\n<div class=\"feature-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude9a\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f69a.svg\"><\/div>\n<\/p><\/div>\n<div class=\"feature-text\">\n<h4>Entrega Global<\/h4>\n<p>On-time shipping worldwide<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e13\u4e1a\u56e2\u961f\u533a\u57df --><\/p>\n<div class=\"professional-team-section\">\n<div class=\"container\">\n<div class=\"team-content\">\n                <!-- \u5de6\u4fa7\u56e2\u961f\u4fe1\u606f --><\/p>\n<div class=\"team-text-section\">\n<div class=\"team-header\">\n<div class=\"team-icon-large\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc65\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f465.svg\"><\/div>\n<h3>Expert Professional Team<\/h3>\n<\/p><\/div>\n<p class=\"team-desc\">\n                        Our dedicated team of technical experts and sales professionals provides comprehensive support, from product selection and formulation guidance to after-sales service, ensuring your success in every project.\n                    <\/p>\n<div class=\"team-services\">\n<div class=\"service-item\">\n<div class=\"service-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=\"service-text\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>Expert guidance for optimal product choice<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-item\">\n<div class=\"service-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=\"service-text\">\n<h4>Formulation Support<\/h4>\n<p>Technical assistance for mix design<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee0\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e0.svg\"><\/div>\n<div class=\"service-text\">\n<h4>After-sales Service<\/h4>\n<p>Continuous support and troubleshooting<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u56e2\u961f\u56fe\u7247 --><\/p>\n<div class=\"team-image-section\">\n<div class=\"team-showcase\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-sales.jpg\" alt=\"Equipe Profissional LANDU\" class=\"team-main-img\"><\/p>\n<div class=\"team-highlights\">\n<div class=\"team-point point-expertise\">\n<div class=\"team-marker\">\n                                    <span class=\"team-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\"><\/span>\n                                <\/div>\n<div class=\"team-tooltip\">\n                                    <strong>Technical Expertise<\/strong><\/p>\n<p>Qualified professionals<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"team-point point-support\">\n<div class=\"team-marker\">\n                                    <span class=\"team-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\udd1d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f91d.svg\"><\/span>\n                                <\/div>\n<div class=\"team-tooltip\">\n                                    <strong>Customer Support<\/strong><\/p>\n<p>Dedicated service<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"team-overlay-badge\">\n                            <span class=\"badge-text\">Professional Support<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- CTA\u533a\u57df --><\/p>\n<div class=\"partnership-cta-section\">\n<div class=\"container\">\n<div class=\"cta-content\">\n<div class=\"cta-header\">\n<h2 class=\"cta-title\">Ready to Partner with LANDU?<\/h2>\n<p class=\"cta-subtitle\">\n                        Whether you need <span class=\"service-highlight\">custom formulations<\/span>,<br \/>\n                        <span class=\"service-highlight\">technical consultation<\/span>, or<br \/>\n                        <span class=\"service-highlight\">reliable supply solutions<\/span>,<br \/>\n                        LANDU possesses the expertise, capacity, and global presence to deliver exceptional results for your business.\n                    <\/p>\n<\/p><\/div>\n<div class=\"cta-actions\">\n<div class=\"cta-buttons\">\n                        <a href=\"https:\/\/hpmc.ae\/pt\/contact\/\" class=\"primary-button editing\"><br \/>\n                            <span class=\"button-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcde\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4de.svg\"><\/span><br \/>\n                            <span class=\"button-text\">cURL Too many subrequests.<\/span><\/p>\n<div class=\"button-arrow\">\u2192<\/div>\n<p>                        <\/a>\n                    <\/div>\n<div class=\"cta-benefits\">\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Free consultation<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Global delivery<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Expert support<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-trusted-partner {\n    font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 25%, #e0f2fe 50%, #ecfdf5 75%, #f0fdf4 100%);\n    position: relative;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u4e3b\u6807\u9898\u533a\u57df *\/\n.partner-intro-section {\n    padding: 60px 0 40px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.partner-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.6;\n}<\/p>\n<p>.deco-element {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.3;\n}<\/p>\n<p>.deco-1 {\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(34, 87, 221, 0.12) 0%, rgba(34, 87, 221, 0.03) 70%, transparent 100%);\n    top: -50px;\n    right: -50px;\n    animation: float-decoration 25s ease-in-out infinite;\n}<\/p>\n<p>.deco-2 {\n    width: 150px;\n    height: 150px;\n    background: radial-gradient(circle, rgba(0, 113, 36, 0.1) 0%, rgba(0, 113, 36, 0.02) 70%, transparent 100%);\n    bottom: -30px;\n    left: -30px;\n    animation: float-decoration 30s ease-in-out infinite reverse;\n}<\/p>\n<p>.deco-3 {\n    width: 120px;\n    height: 120px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n    top: 40%;\n    left: 20%;\n    animation: float-decoration 20s ease-in-out infinite;\n}<\/p>\n<p>.floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    opacity: 0.4;\n    animation: particle-float 12s ease-in-out infinite;\n    box-shadow: 0 0 8px currentColor;\n}<\/p>\n<p>.p-1 { background: #2257dd; top: 15%; left: 10%; animation-delay: 0s; }\n.p-2 { background: #007124; top: 30%; right: 15%; animation-delay: 2.4s; }\n.p-3 { background: #3b82f6; top: 60%; left: 30%; animation-delay: 4.8s; }\n.p-4 { background: #10b981; bottom: 25%; right: 25%; animation-delay: 7.2s; }\n.p-5 { background: #8b5cf6; top: 45%; right: 40%; animation-delay: 9.6s; }<\/p>\n<p>@keyframes float-decoration {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    25% { transform: translate(-15px, -20px) rotate(90deg); }\n    50% { transform: translate(10px, -10px) rotate(180deg); }\n    75% { transform: translate(-8px, 15px) rotate(270deg); }\n}<\/p>\n<p>@keyframes particle-float {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-20px) translateX(-10px) scale(1.1); opacity: 0.7; }\n    50% { transform: translateY(-10px) translateX(6px) scale(0.9); opacity: 0.8; }\n    75% { transform: translateY(-25px) translateX(-6px) scale(1.05); opacity: 0.6; }\n}<\/p>\n<p>\/* \u54c1\u724c\u6807\u9898 *\/\n.partner-header {\n    text-align: center;\n    margin-bottom: 0;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.partner-title {\n    font-size: 3rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 20px;\n}<\/p>\n<p>.title-main {\n    display: block;\n    background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 3.2rem;\n    margin-bottom: 8px;\n    letter-spacing: 1px;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    color: #007124;\n    font-size: 1.8rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.partner-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u5168\u7403\u4e1a\u52a1\u4e0e\u8ba4\u8bc1\u533a\u57df *\/\n.global-certification-section {\n    padding: 60px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.global-cert-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u5168\u7403\u4e1a\u52a1\u5c55\u793a - \u6539\u4e3a\u56fe\u7247 *\/\n.global-presence-showcase {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.global-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.global-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.global-main-img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.global-image-container:hover .global-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.global-overlay-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 16px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(34, 87, 221, 0.3);\n    box-shadow: 0 8px 24px rgba(34, 87, 221, 0.2);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.global-image-container:hover .global-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-main {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #2257dd;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n}<\/p>\n<p>.badge-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 4px;\n}<\/p>\n<p>.global-image-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.global-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-left { top: 40%; left: 15%; }\n.point-right { bottom: 30%; right: 20%; }<\/p>\n<p>.global-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: global-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes global-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.global-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.global-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.global-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.global-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.global-point:hover .global-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.global-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.global-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.global-text h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.global-text p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.highlight {\n    color: #2257dd;\n    font-weight: 700;\n}<\/p>\n<p>\/* \u8ba4\u8bc1\u5c55\u793a\u589e\u5f3a *\/\n.certification-showcase-enhanced {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.cert-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.cert-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.cert-main-img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.cert-image-container:hover .cert-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.cert-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.cert-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-iso { top: 20%; left: 15%; }\n.point-reach { top: 50%; right: 20%; }\n.point-eco { bottom: 25%; left: 25%; }<\/p>\n<p>.point-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.point-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.point-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.point-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.point-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.cert-point:hover .point-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.point-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.point-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.cert-text h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.cert-text p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 20px;\n}<\/p>\n<p>.cert-badges {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.cert-mini-badge {\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    border: 1px solid;\n}<\/p>\n<p>.cert-mini-badge.iso {\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-color: rgba(34, 87, 221, 0.3);\n}<\/p>\n<p>.cert-mini-badge.reach {\n    background: rgba(0, 113, 36, 0.1);\n    color: #007124;\n    border-color: rgba(0, 113, 36, 0.3);\n}<\/p>\n<p>.cert-mini-badge.eco {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>\/* \u521b\u65b0\u7814\u53d1\u533a\u57df *\/\n.innovation-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.innovation-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>.innovation-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.innovation-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.innovation-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #fef3c7, #fed7aa);\n    border-radius: 20px;\n    border: 1px solid rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.innovation-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.innovation-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.patents-showcase {\n    display: flex;\n    gap: 24px;\n}<\/p>\n<p>.patent-item {\n    flex: 1;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    text-align: center;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.patent-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.patent-visual {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.patent-icon {\n    font-size: 1.5rem;\n}<\/p>\n<p>.patent-count {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #f59e0b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.patent-label {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u7814\u53d1\u5b9e\u9a8c\u5ba4\u56fe\u7247 *\/\n.innovation-image-section {\n    position: relative;\n}<\/p>\n<p>.lab-main-image {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.lab-main-image:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.lab-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.lab-main-image:hover .lab-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.lab-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.lab-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-equipment { top: 20%; right: 15%; }\n.point-team { top: 60%; left: 20%; }\n.point-innovation { bottom: 20%; right: 25%; }<\/p>\n<p>.lab-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: lab-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes lab-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.lab-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.lab-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.lab-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.lab-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.lab-point:hover .lab-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.lab-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.lab-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.lab-overlay-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 12px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(245, 158, 11, 0.3);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.2);\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.lab-main-image:hover .lab-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #f59e0b;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7ec4\u5408\u533a\u57df - \u4e09\u56fe\u5e76\u5217\u5c55\u793a *\/\n.product-portfolio-section {\n    padding: 80px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.portfolio-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.portfolio-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.portfolio-icon {\n    font-size: 2.2rem;\n}<\/p>\n<p>.portfolio-subtitle {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u4e09\u56fe\u5e76\u5217\u5c55\u793a\u7f51\u683c *\/\n.products-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 60px;\n}<\/p>\n<p>.product-showcase-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.product-showcase-item:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.product-image-container {\n    position: relative;\n    height: 280px;\n    overflow: hidden;\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-img {\n    transform: scale(1.08);\n}<\/p>\n<p>.product-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n        to bottom,\n        rgba(0, 0, 0, 0.1) 0%,\n        rgba(0, 0, 0, 0.05) 30%,\n        rgba(0, 0, 0, 0.3) 70%,\n        rgba(0, 0, 0, 0.7) 100%\n    );\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 20px;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-overlay {\n    opacity: 1;\n}<\/p>\n<p>.product-category-badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 10px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    align-self: flex-start;\n    transform: translateY(-10px);\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-category-badge {\n    transform: translateY(0);\n}<\/p>\n<p>.category-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.category-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.product-features {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n    align-self: flex-end;\n    transform: translateY(10px);\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-features {\n    transform: translateY(0);\n}<\/p>\n<p>.feature-point {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    border-radius: 8px;\n    padding: 6px 10px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.feature-marker {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #374151;\n}<\/p>\n<p>.product-info {\n    padding: 24px;\n}<\/p>\n<p>.product-info h4 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-info p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* \u4e0d\u540c\u4ea7\u54c1\u7c7b\u522b\u7684\u989c\u8272\u4e3b\u9898 *\/\n.cellulose-ethers:hover {\n    border-color: rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.cellulose-ethers .product-category-badge {\n    border: 2px solid rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.construction-additives:hover {\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.construction-additives .product-category-badge {\n    border: 2px solid rgba(16, 185, 129, 0.2);\n}<\/p>\n<p>.rdp-products:hover {\n    border-color: rgba(139, 92, 246, 0.3);\n}<\/p>\n<p>.rdp-products .product-category-badge {\n    border: 2px solid rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7edf\u8ba1\u4fe1\u606f *\/\n.portfolio-stats {\n    display: flex;\n    justify-content: center;\n    gap: 60px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n}<\/p>\n<p>.stat-number {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #8b5cf6;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n    margin-bottom: 8px;\n}<\/p>\n<p>.stat-label {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u751f\u4ea7\u80fd\u529b\u533a\u57df *\/\n.production-capability-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.production-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u751f\u4ea7\u8bbe\u65bd\u56fe\u7247 *\/\n.production-image-section {\n    position: relative;\n}<\/p>\n<p>.factory-showcase {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.factory-showcase:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.factory-main-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.factory-showcase:hover .factory-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.factory-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.factory-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-automation { top: 20%; left: 15%; }\n.point-quality { top: 60%; right: 20%; }\n.point-capacity { bottom: 20%; left: 25%; }<\/p>\n<p>.factory-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: factory-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes factory-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.factory-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.factory-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.factory-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.factory-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.factory-point:hover .factory-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.factory-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.factory-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.production-capacity-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 16px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(239, 68, 68, 0.3);\n    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.2);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.factory-showcase:hover .production-capacity-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.capacity-main {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #ef4444;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n}<\/p>\n<p>.capacity-unit {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 2px;\n}<\/p>\n<p>\/* \u751f\u4ea7\u80fd\u529b\u6587\u672c *\/\n.production-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.production-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.production-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #fecaca, #fca5a5);\n    border-radius: 20px;\n    border: 1px solid rgba(239, 68, 68, 0.2);\n}<\/p>\n<p>.production-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.production-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.production-features {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.production-feature {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.production-feature:hover {\n    transform: translateX(8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.feature-visual {\n    position: relative;\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.feature-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #fecaca, #fca5a5);\n    border-radius: 12px;\n    opacity: 0.2;\n}<\/p>\n<p>.feature-icon {\n    font-size: 1.5rem;\n    color: #ef4444;\n    font-weight: 800;\n    z-index: 1;\n}<\/p>\n<p>.feature-text h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* \u4e13\u4e1a\u56e2\u961f\u533a\u57df *\/\n.professional-team-section {\n    padding: 80px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.team-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u56e2\u961f\u6587\u672c *\/\n.team-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.team-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.team-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #e0f2fe, #b3e5fc);\n    border-radius: 20px;\n    border: 1px solid rgba(6, 182, 212, 0.2);\n}<\/p>\n<p>.team-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.team-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.team-services {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.service-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.service-item:hover {\n    transform: translateX(8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.service-icon {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #e0f2fe, #b3e5fc);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.service-text h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.service-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* \u56e2\u961f\u56fe\u7247 *\/\n.team-image-section {\n    position: relative;\n}<\/p>\n<p>.team-showcase {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.team-showcase:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.team-main-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.team-showcase:hover .team-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.team-highlights {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.team-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-expertise { top: 25%; right: 20%; }\n.point-support { bottom: 30%; left: 20%; }<\/p>\n<p>.team-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: team-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes team-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.team-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.team-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.team-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.team-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.team-point:hover .team-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.team-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.team-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.team-overlay-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 12px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(6, 182, 212, 0.3);\n    box-shadow: 0 8px 24px rgba(6, 182, 212, 0.2);\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.team-showcase:hover .team-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.team-overlay-badge .badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #06b6d4;\n}<\/p>\n<p>\/* CTA\u533a\u57df *\/\n.partnership-cta-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.cta-content {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 24px;\n    padding: 60px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.cta-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #007124 0%, #2257dd 50%, #007124 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes gradient-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.cta-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.cta-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.cta-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>.service-highlight {\n    color: #007124;\n    font-weight: 700;\n}<\/p>\n<p>.cta-actions {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 32px;\n}<\/p>\n<p>.cta-buttons {\n    display: flex;\n    gap: 20px;\n}<\/p>\n<p>.primary-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 36px;\n    border-radius: 14px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #007124 0%, #059669 100%);\n    color: white;\n    box-shadow: 0 8px 24px rgba(0, 113, 36, 0.3);\n}<\/p>\n<p>.primary-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n    transition: left 0.6s ease;\n}<\/p>\n<p>.primary-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px rgba(0, 113, 36, 0.4);\n    background: linear-gradient(135deg, #059669 0%, #047857 100%);\n}<\/p>\n<p>.primary-button:hover::before {\n    left: 100%;\n}<\/p>\n<p>.button-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.button-arrow {\n    font-size: 1.2rem;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.primary-button:hover .button-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-benefits {\n    display: flex;\n    gap: 32px;\n    justify-content: center;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.95rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.benefit-icon {\n    color: #10b981;\n    font-weight: 700;\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .global-cert-content,\n    .innovation-content,\n    .production-content,\n    .team-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }<\/p>\n<p>    .cta-benefits {\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .products-gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }<\/p>\n<p>    .portfolio-stats {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .partner-intro-section,\n    .global-certification-section,\n    .innovation-section,\n    .product-portfolio-section,\n    .production-capability-section,\n    .professional-team-section,\n    .partnership-cta-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .global-main-img,\n    .cert-main-img,\n    .lab-img,\n    .factory-main-img,\n    .team-main-img {\n        height: 250px;\n    }<\/p>\n<p>    .patents-showcase {\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .cta-content {\n        padding: 40px 30px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .products-gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .product-image-container {\n        height: 220px;\n    }<\/p>\n<p>    .portfolio-stats {\n        flex-direction: column;\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .partner-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .global-main-img,\n    .cert-main-img,\n    .lab-img,\n    .factory-main-img,\n    .team-main-img {\n        height: 200px;\n    }<\/p>\n<p>    .innovation-header,\n    .production-header,\n    .team-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n    }<\/p>\n<p>    .innovation-icon-large,\n    .production-icon-large,\n    .team-icon-large {\n        width: 60px;\n        height: 60px;\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .cta-content {\n        padding: 32px 20px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .cta-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .primary-button {\n        width: 100%;\n        justify-content: center;\n        padding: 16px 32px;\n        font-size: 1rem;\n    }<\/p>\n<p>    .product-image-container {\n        height: 180px;\n    }<\/p>\n<p>    .product-info {\n        padding: 20px;\n    }<\/p>\n<p>    .product-info h4 {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .product-info p {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    \/* \u9690\u85cf\u5c0f\u5c4f\u5e55\u4e0a\u7684\u4ea4\u4e92\u70b9 *\/\n    .global-image-annotations,\n    .cert-annotations,\n    .lab-features,\n    .factory-annotations,\n    .team-highlights,\n    .product-overlay {\n        display: none;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>LANDU Flexible Redispersible Polymer Powder for Construction LANDU ACCURATE\u2122 Redefining flexibility and durability in cementitious materials. Enhance elasticity, crack resistance, and adhesion with superior polymer technology that adapts to structural movement. Advanced flexible polymer formulation delivering exceptional performance for dynamic construction environments. Enhanced Elasticity Superior flexibility Crack Resistance Anti-cracking formula Strong Adhesion Reliable bonding Request [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5319,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/pages\/5197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/comments?post=5197"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/pages\/5197\/revisions"}],"predecessor-version":[{"id":5198,"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/pages\/5197\/revisions\/5198"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/pages\/5319"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/pt\/wp-json\/wp\/v2\/media?parent=5197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}