{"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\/es_mx\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/flexible-redispersible-polymer-powder\/","title":{"rendered":"LANDU Polvo de pol\u00edmero redispersible flexible para construcci\u00f3n de alto rendimiento"},"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\">Pol\u00edmero Redispersable<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Polvo para Construcci\u00f3n<\/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                        Redefiniendo la flexibilidad y durabilidad en materiales cementicios. Mejorar<br \/>\n                        <span class=\"landu-flex-keyword\">elasticidad<\/span>,<br \/>\n                        <span class=\"landu-flex-keyword\">resistencia a grietas<\/span>, y<br \/>\n                        <span class=\"landu-flex-keyword\">adhesi\u00f3n<\/span> con tecnolog\u00eda de pol\u00edmero superior que se adapta al movimiento estructural.\n                    <\/p>\n<p class=\"landu-flex-sub-description\">\n                        Formulaci\u00f3n avanzada de pol\u00edmero flexible que ofrece un rendimiento excepcional para entornos de construcci\u00f3n din\u00e1micos.\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>Elasticidad Mejorada<\/h3>\n<p>Flexibilidad Superior<\/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>Resistencia a grietas<\/h3>\n<p>F\u00f3rmula anti-rotura<\/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>Adhesi\u00f3n fuerte<\/h3>\n<p>Uni\u00f3n confiable<\/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\/es_mx\/contact\/\" class=\"landu-flex-cta-button landu-flex-primary editing\" target=\"_blank\"><br \/>\n                        <span class=\"landu-flex-button-text\">Solicitar Muestra Gratis<\/span><\/p>\n<div class=\"landu-flex-button-icon\">\u2192<\/div>\n<p>                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/es_mx\/contact\/\" class=\"landu-flex-cta-button landu-flex-secondary editing\" target=\"_blank\">Explorar Especificaciones<\/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\">Elongaci\u00f3n<\/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\">Flexibilidad<\/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\">Aplicaciones Flexibles<\/h4>\n<div class=\"landu-flex-app-grid\">\n<div class=\"landu-flex-app-item landu-flex-sealant\">\n<p>                            <span>Sellador Flexible<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-coating\">\n<p>                            <span>Recubrimiento el\u00e1stico<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-membrane\">\n<p>                            <span>Membrana impermeable<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-joint\">\n<p>                            <span>Compuesto para juntas<\/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\">Polvo de pol\u00edmero flexible redispergible de alta calidad<\/h2>\n<div class=\"landu-flex-intro-subtitle\">\n                            <span class=\"landu-flex-subtitle-highlight\">Flexibilidad inigualable<\/span><br \/>\n                            para materiales cementicios y de construcci\u00f3n\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-description\">\n<p class=\"landu-flex-main-desc\">\n                            LANDU ACCURATE\u2122 Polvo de pol\u00edmero flexible redispergible (RDP) es un<br \/>\n                            <span class=\"landu-flex-desc-highlight\">aditivo polim\u00e9rico de alto rendimiento<\/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\">Solicita tu muestra hoy<\/span><br \/>\n                                <span class=\"landu-flex-cta-sub\">\u00a1Ve la diferencia de primera mano!<\/span>\n                            <\/div>\n<p>                            <a href=\"https:\/\/hpmc.ae\/es_mx\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"landu-flex-sample-button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Obtener muestra        \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=\"Muestra de Polvo de Pol\u00edmero Redispersable Flexible LANDU\" 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>Elasticidad<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-durability\">\n<p>                                <span>Durabilidad<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-adhesion\">\n<p>                                <span>Adhesi\u00f3n<\/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                        Por qu\u00e9 LANDU RDP Flexible<br \/>\n                        <span class=\"landu-flex-title-accent\">Destaca<\/span><br \/>\n                    <\/h3>\n<div class=\"landu-flex-advantages-subtitle\">\n                        Tecnolog\u00eda avanzada de pol\u00edmeros que ofrece un rendimiento excepcional en diversas aplicaciones\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\">Rendimiento avanzado de elasticidad<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Absorbe la expansi\u00f3n t\u00e9rmica, vibraciones y peque\u00f1os desplazamientos del sustrato.<\/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\">Prevenci\u00f3n de grietas sobresaliente<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Reduce las fracturas causadas por encogimiento, estr\u00e9s mec\u00e1nico y fluctuaciones de temperatura.<\/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\">Fuerza de adhesi\u00f3n superior<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Logra una adhesi\u00f3n s\u00f3lida tanto en superficies r\u00edgidas como en superficies en movimiento flexible.<\/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\">Capacidad de protecci\u00f3n contra el agua<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Forma una pel\u00edcula densa y el\u00e1stica para minimizar la entrada de agua.<\/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\">Mejora en el flujo de aplicaci\u00f3n<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Optimiza la manejabilidad para mezclas m\u00e1s f\u00e1ciles y acabados m\u00e1s suaves.<\/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>Tecnolog\u00eda LANDU<\/span>\n                    <\/div>\n<h2 class=\"section-title\">\n                        <span class=\"product-brand\">ACCURATE\u2122<\/span><br \/>\n                        <span class=\"product-name\">Pol\u00edmero en Polvo Flexible para Redispersi\u00f3n<\/span><br \/>\n                        <span class=\"subtitle\">Especificaciones 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\">Informaci\u00f3n del producto<\/h3>\n<p class=\"section-desc\">Especificaciones completas y flexibles de RDP<\/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\">Nombre del producto<\/div>\n<div class=\"spec-value\">Polvo de Pol\u00edmero Redisersible ACCURATE\u2122<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">N\u00famero CAS<\/div>\n<div class=\"spec-value\">24937-78-8<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">C\u00f3digo HS<\/div>\n<div class=\"spec-value\">39052900<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">Grados disponibles<\/div>\n<div class=\"spec-value\">\n<div class=\"grade-tags-simple\">\n                                            <span class=\"grade-tag economical\">Econ\u00f3mico<\/span><br \/>\n                                            <span class=\"grade-tag standard\">Est\u00e1ndar<\/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\">Usos principales<\/div>\n<div class=\"spec-value\">Materiales de construcci\u00f3n, adhesivos, morteros, revocos<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">Asistencia T\u00e9cnica<\/div>\n<div class=\"spec-value\">Orientaci\u00f3n completa en formulaci\u00f3n y aplicaci\u00f3n<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">Marca OEM<\/div>\n<div class=\"spec-value\">Ofrecido bajo petici\u00f3n<\/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=\"Productos RDP Flexibles LANDU\" 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>Grado Flexible<\/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=\"Muestra del Producto RDP 5045N LANDU\" class=\"secondary-img\"><\/p>\n<div class=\"sample-badge\">Producto 5045N<\/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>Grado insignia<\/span>\n                    <\/div>\n<\/p><\/div>\n<h2 class=\"tech-title-enhanced\">\n                    <span class=\"product-code-enhanced\">RDP flexible 5045N<\/span><br \/>\n                    <span class=\"tech-subtitle-enhanced\">Datos 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=\"Muestra del RDP 5045N Flexible LANDU\" 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\">VAE<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-2\">\n<div class=\"point-label\">\u226599%<\/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\">\u226599%<\/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\">5\u00b0C<\/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>Especificaciones 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\">Par\u00e1metro<\/div>\n<div class=\"tech-cell specification-header\">Valor<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Tipo de pol\u00edmero<\/div>\n<div class=\"tech-cell specification\">VAE (Acetato de vinilo\u2013Etileno)<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Coloide protector<\/div>\n<div class=\"tech-cell specification\">PVA (Alcohol polivin\u00edlico)<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Contenido S\u00f3lido (%)<\/div>\n<div class=\"tech-cell specification\">\u226599<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Contenido de Ceniza (%)<\/div>\n<div class=\"tech-cell specification\">10 \u00b1 2<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Densidad Aparente (g\/L)<\/div>\n<div class=\"tech-cell specification\">400 \u2013 600<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Tg (\u00b0C)<\/div>\n<div class=\"tech-cell specification\">5<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">MFFT (\u00b0C)<\/div>\n<div class=\"tech-cell specification\">0<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Valor de pH<\/div>\n<div class=\"tech-cell specification\">6 \u2013 8<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple featured-row\">\n<div class=\"tech-cell parameter\">Tipo<\/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>Aspectos Destacados del Rendimiento<\/h4>\n<ul class=\"advantages-list-simple\">\n<li>Proporciona una tolerancia excepcional a la deformaci\u00f3n y resistencia adhesiva<\/li>\n<li>Incrementa significativamente la resistencia a grietas, la resistencia al impacto y la manejabilidad del material<\/li>\n<li>Mantiene la humedad, cohesi\u00f3n y suavidad en aplicaciones a base de cemento<\/li>\n<li>Ofrece el equilibrio perfecto entre flexibilidad y poder de uni\u00f3n para entornos de alta tensi\u00f3n<\/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\">\u00c1reas de Uso Recomendadas<\/h2>\n<p class=\"applications-subtitle\">Aplicaciones vers\u00e1tiles en los sectores de construcci\u00f3n e industrial<\/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\">Adhesivos para azulejos<\/h3>\n<p class=\"app-description\">\n                            Adhesi\u00f3n superior para baldosas de cer\u00e1mica y piedra con mayor flexibilidad y tolerancia al movimiento.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Uni\u00f3n Superior<\/div>\n<div class=\"benefit-tag\">Tolerancia al Movimiento<\/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\">Sistemas EIFS\/ETICS<\/h3>\n<p class=\"app-description\">\n                            Sistemas de acabado de aislamiento exterior con elasticidad superior y resistencia a las inclemencias del tiempo.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Resistente a la intemperie<\/div>\n<div class=\"benefit-tag\">El\u00e1stico<\/div>\n<div class=\"benefit-tag\">Aislamiento<\/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\">Yeso para paredes<\/h3>\n<p class=\"app-description\">\n                            Preparaci\u00f3n y acabado de paredes lisas con excelente resistencia a grietas y manejabilidad.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Resistente a las grietas<\/div>\n<div class=\"benefit-tag\">Acabado Suave<\/div>\n<div class=\"benefit-tag\">Trabajable<\/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\">Morteros de enlucido<\/h3>\n<p class=\"app-description\">\n                            Mayor manejabilidad y durabilidad para aplicaciones de enlucido interior y exterior.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Mejorada manejabilidad<\/div>\n<div class=\"benefit-tag\">Duradero<\/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\">Morteros de reparaci\u00f3n<\/h3>\n<p class=\"app-description\">\n                            Reparaci\u00f3n y restauraci\u00f3n estructural con excelente adherencia y durabilidad a largo plazo.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Adhesi\u00f3n fuerte<\/div>\n<div class=\"benefit-tag\">Reparaci\u00f3n estructural<\/div>\n<div class=\"benefit-tag\">A largo plazo<\/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>Embalaje profesional<\/span>\n                <\/div>\n<h2 class=\"main-title\">\n                    Embalaje y almacenamiento<br \/>\n                <\/h2>\n<p class=\"main-subtitle\">\n                    El polvo de pol\u00edmero redispersible flexible LANDU (Flexible RDP) se empaqueta cuidadosamente para garantizar la integridad del producto, estabilidad y facilidad de manejo durante el transporte y almacenamiento.\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=\"Paquete RDP LANDU\" 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>Bolsa est\u00e1ndar de 25 kg<\/strong><\/p>\n<p>Protecci\u00f3n multicapa<\/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>Interior con revestimiento de PE<\/strong><\/p>\n<p>Barrera contra la humedad<\/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>Dise\u00f1o sellado<\/strong><\/p>\n<p>Protecci\u00f3n contra la contaminaci\u00f3n<\/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\">25 kg<\/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\">Protecci\u00f3n en m\u00faltiples capas<\/span><br \/>\n                                    <span class=\"detail-desc\">Papel sellado + forro de PE<\/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 a la humedad<\/span><br \/>\n                                    <span class=\"detail-desc\">Tecnolog\u00eda avanzada de barrera<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>Especificaciones de embalaje est\u00e1ndar<\/h3>\n<p>Dise\u00f1ado para una protecci\u00f3n y manejo \u00f3ptimos<\/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 por bolsa<\/div>\n<\/p><\/div>\n<div class=\"spec-item\">\n<div class=\"spec-label\">Dimensiones<\/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>Opciones de configuraci\u00f3n de palets<\/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 bolsas (4 bolsas\/capa \u00d7 5 capas)<\/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 bolsas (4 bolsas\/capa \u00d7 6 capas)<\/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>Empaquetado personalizado disponible para pedidos OEM o al por mayor<\/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=\"Almac\u00e9n Profesional LANDU\" 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=\"\ud83c\udf21\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f321.svg\"><\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>Control de clima<\/strong><\/p>\n<p>Temperatura y humedad \u00f3ptimas<\/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>Sistema de ventilaci\u00f3n<\/strong><\/p>\n<p>Circulaci\u00f3n continua de aire<\/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>Protecci\u00f3n contra las inclemencias del tiempo<\/strong><\/p>\n<p>Sellado contra los elementos<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-badge\">\n                                <span class=\"badge-text\">Instalaci\u00f3n de almacenamiento profesional<\/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>Directrices de almacenamiento<\/h3>\n<p>Condiciones \u00f3ptimas de conservaci\u00f3n para una vida \u00fatil m\u00e1xima<\/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\">Temperatura<\/span><br \/>\n                                        <span class=\"condition-value\">5\u00b0C \u2013 35\u00b0C<\/span><br \/>\n                                        <span class=\"condition-desc\">Rango de temperatura ambiente<\/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\">Humedad<\/span><br \/>\n                                        <span class=\"condition-value\">&lt; 65% HR<\/span><br \/>\n                                        <span class=\"condition-desc\">Entorno seco<\/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>Entorno sellado<\/strong><\/p>\n<p>Mantenga las bolsas bien selladas en un lugar fresco, seco y bien ventilado para prevenir la absorci\u00f3n de humedad y mantener la calidad del producto.<\/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>Protecci\u00f3n Ambiental<\/strong><\/p>\n<p>Evite la exposici\u00f3n directa a la luz solar, humedad o calor para mantener la consistencia del rendimiento y prolongar la vida \u00fatil hasta 12 meses.<\/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>Solicite una cotizaci\u00f3n ahora<\/h3>\n<p>Descubra c\u00f3mo LANDU Flexible RDP puede mejorar sus formulaciones cementicias con nuestras soluciones profesionales de envasado y almacenamiento.<\/p>\n<\/p><\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/es_mx\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"quote-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Solicitar Cotizaci\u00f3n        \u2192<\/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>Programa de pruebas gratuito<\/span>\n                <\/div>\n<h2 class=\"sample-title\">\n                    Pru\u00e9belo usted mismo \u2013 Muestras gratuitas disponibles<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>flexibilidad<\/strong>, <strong>fuerza de adhesi\u00f3n<\/strong>,<br \/>\n                    y <strong>resistencia a grietas<\/strong> con facilidad.\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\">Su paquete de muestras incluye:<\/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>Muestra de grado seleccionado<\/h4>\n<p>500g\u20131kg de grado seleccionado seg\u00fan los requisitos de su aplicaci\u00f3n<\/p>\n<div class=\"grade-selection\">\n<div class=\"grade-option eco\">\n                                        <span class=\"grade-name\">Econ\u00f3mico<\/span><br \/>\n                                        <span class=\"grade-use\">Aplicaciones b\u00e1sicas<\/span>\n                                    <\/div>\n<div class=\"grade-option std\">\n                                        <span class=\"grade-name\">Est\u00e1ndar<\/span><br \/>\n                                        <span class=\"grade-use\">Uso general<\/span>\n                                    <\/div>\n<div class=\"grade-option prem\">\n                                        <span class=\"grade-name\">Premium<\/span><br \/>\n                                        <span class=\"grade-use\">Alto rendimiento<\/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>Documentaci\u00f3n t\u00e9cnica<\/h4>\n<p>Hoja de datos t\u00e9cnicos completa (TDS) con especificaciones detalladas, directrices de aplicaci\u00f3n y proporciones de mezcla<\/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\"> Datos de rendimiento<\/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\"> Resultados de pruebas<\/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\"> Gu\u00eda de aplicaci\u00f3n<\/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\">I+D<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>Soporte t\u00e9cnico experto<\/h4>\n<p>Acceso directo a nuestro equipo de I+D para orientaci\u00f3n en formulaciones, resoluci\u00f3n de problemas y recomendaciones de optimizaci\u00f3n<\/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>Consulta en vivo<\/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>Soporte por correo electr\u00f3nico<\/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>Asistencia telef\u00f3nica<\/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=\"Kit de muestras gratuitas\" 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>Kit de muestra<\/strong><\/p>\n<p>Listo para probar<\/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>Materiales de prueba<\/strong><\/p>\n<p>Suite completa de pruebas<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">Kit de muestras gratuitas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sample-cta\">\n<h3>\u00bfListo para probar?<\/h3>\n<p>Recibe tu kit de muestra completo entregado en todo el mundo<\/p>\n<div class=\"sample-process\">\n<div class=\"process-step\">\n<div class=\"process-number\">1<\/div>\n<p>                                <span>Solicitar Muestra<\/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>Env\u00edo 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>Prueba y eval\u00faa<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n                            <a href=\"https:\/\/hpmc.ae\/es_mx\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"btn-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Solicitar Muestra Gratis<\/button><br \/>\n<\/a><\/p>\n<p><a href=\"https:\/\/hpmc.ae\/es_mx\/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        Soporte 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 se requiere compromiso<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Env\u00edo r\u00e1pido a nivel mundial<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Soporte t\u00e9cnico experto<\/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\">\u00bfPor qu\u00e9 elegir LANDU<\/span><br \/>\n                    <span class=\"title-sub\">como su socio de confianza?<\/span><br \/>\n                <\/h1>\n<p class=\"partner-subtitle\">\n                    Descubra las ventajas que hacen de LANDU la opci\u00f3n preferida para profesionales de la construcci\u00f3n en todo el mundo\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=\"Presencia Global de LANDU\" class=\"global-main-img\"><\/p>\n<div class=\"global-overlay-badge\">\n<div class=\"badge-main\">60+<\/div>\n<div class=\"badge-label\">Pa\u00edses en todo el mundo<\/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>Distribuci\u00f3n mundial<\/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>Calidad comprobada<\/strong><\/p>\n<p>Confiado por profesionales<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-text\">\n<h3>Presencia global<\/h3>\n<p>LANDU es un fabricante reconocido a nivel mundial de Polvo de Pol\u00edmero Redisersible Flexible (RDP) y aditivos de construcci\u00f3n de alto rendimiento. Nuestros productos son confiables en <span class=\"highlight\">m\u00e1s de 60 pa\u00edses en todo el mundo<\/span>, sirviendo a diversas industrias con fiabilidad comprobada y est\u00e1ndares de calidad consistentes.<\/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=\"Certificaciones de LANDU\" 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>Gesti\u00f3n de calidad<\/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>UE REACH<\/strong><\/p>\n<p>Cumplimiento de seguridad<\/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>Sostenibilidad<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-text\">\n<h3>Aseguramiento de calidad certificado<\/h3>\n<p>Operamos bajo estrictos <span class=\"highlight\">sistemas de gesti\u00f3n de calidad ISO 9001<\/span> y cumplimos plenamente con <span class=\"highlight\">las regulaciones REACH de la UE<\/span> \u2014 garantizando la seguridad del producto, la consistencia y la sostenibilidad ambiental desde la producci\u00f3n hasta la entrega.<\/p>\n<div class=\"cert-badges\">\n<div class=\"cert-mini-badge iso\">ISO 9001<\/div>\n<div class=\"cert-mini-badge reach\">UE 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>Impulsados por la innovaci\u00f3n<\/h3>\n<\/p><\/div>\n<p class=\"innovation-desc\">\n                        Con <span class=\"highlight\">11 patentes de invenci\u00f3n y 4 modelos de utilidad<\/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\">Patentes de Invenci\u00f3n<\/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\">Modelos de Utilidad<\/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=\"Laboratorio de Investigaci\u00f3n LANDU\" 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>Equipamiento Avanzado<\/strong><\/p>\n<p>Pruebas de \u00faltima generaci\u00f3n<\/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>Equipo de Expertos<\/strong><\/p>\n<p>Investigadores con experiencia<\/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>Enfoque en la innovaci\u00f3n<\/strong><\/p>\n<p>Desarrollo continuo<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-overlay-badge\">\n                            <span class=\"badge-text\">Excelencia en I+D<\/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                    Portafolio completo de productos<br \/>\n                <\/h2>\n<p class=\"portfolio-subtitle\">\n                    Desde superplastificantes de HPMC, HEMC, HEC y poliacrilatos (PCE) hasta retardadores de yeso, polvo hidrof\u00f3bico de silicona (SHP), espumantes en polvo y grados RDP flexibles de alta calidad, LANDU ofrece una gama completa de aditivos polim\u00e9ricos dise\u00f1ados para sistemas cementicios y morteros en seco.\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=\"Eteres de Celulosa LANDU\" 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 celulosa<\/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 celulosa<\/h4>\n<p>HPMC, HEMC, HEC para una retenci\u00f3n de agua superior, mejora de la trabajabilidad y propiedades espesantes en aplicaciones de construcci\u00f3n.<\/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=\"Aditivos para Construcci\u00f3n LANDU\" 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\">Aditivos para construcci\u00f3n<\/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\">Retardantes<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Desespumantes<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Aditivos Especiales<\/h4>\n<p>Superplastificantes PCE, retardantes de yeso, desespumantes en polvo y polvos hidrof\u00f3bicos para necesidades espec\u00edficas de construcci\u00f3n.<\/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=\"Productos RDP LANDU\" 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\">Productos RDP<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">RDP flexible<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Alta Adhesi\u00f3n<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Durabilidad<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Polvos de Pol\u00edmero<\/h4>\n<p>Polvos de pol\u00edmero redispergibles de alta calidad (RDP) para mayor flexibilidad, adhesi\u00f3n y durabilidad en adhesivos y morteros para azulejos.<\/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\">L\u00edneas de productos<\/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\">A\u00f1os de experiencia<\/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=\"Instalaci\u00f3n de Fabricaci\u00f3n 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>L\u00edneas Automatizadas<\/strong><\/p>\n<p>Sistemas controlados por DCS<\/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>Control de Calidad<\/strong><\/p>\n<p>Pruebas rigurosas<\/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>Alta Capacidad<\/strong><\/p>\n<p>75.000 toneladas\/a\u00f1o<\/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\/A\u00f1o<\/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>Producci\u00f3n confiable a gran escala<\/h3>\n<\/p><\/div>\n<p class=\"production-desc\">\n                        Respaldada por tres instalaciones de fabricaci\u00f3n de \u00faltima generaci\u00f3n con una capacidad anual de <span class=\"highlight\">75.000 toneladas<\/span>, LANDU garantiza suministro estable, calidad uniforme y entrega puntual a trav\u00e9s de una producci\u00f3n totalmente automatizada y un control de calidad riguroso.\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>Instalaciones de fabricaci\u00f3n<\/h4>\n<p>Bases de producci\u00f3n de \u00faltima generaci\u00f3n<\/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>Producci\u00f3n automatizada<\/h4>\n<p>Los sistemas controlados por DCS aseguran la consistencia<\/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>Env\u00edo puntual en todo el mundo<\/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>Equipo profesional experto<\/h3>\n<\/p><\/div>\n<p class=\"team-desc\">\n                        Nuestro equipo dedicado de expertos t\u00e9cnicos y profesionales de ventas ofrece soporte integral, desde la selecci\u00f3n de productos y orientaci\u00f3n en formulaciones hasta el servicio postventa, asegurando su \u00e9xito en cada proyecto.\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>Selecci\u00f3n de productos<\/h4>\n<p>Orientaci\u00f3n experta para la elecci\u00f3n \u00f3ptima de productos<\/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>Soporte en formulaciones<\/h4>\n<p>Asistencia t\u00e9cnica para el dise\u00f1o de mezclas<\/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>Servicio postventa<\/h4>\n<p>Soporte continuo y resoluci\u00f3n de problemas<\/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=\"Equipo Profesional 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>Experiencia t\u00e9cnica<\/strong><\/p>\n<p>Profesionales calificados<\/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>Atenci\u00f3n al cliente<\/strong><\/p>\n<p>Servicio dedicado<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"team-overlay-badge\">\n                            <span class=\"badge-text\">Soporte profesional<\/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\">\u00bfListo para Asociarte con LANDU?<\/h2>\n<p class=\"cta-subtitle\">\n                        Ya sea que necesites <span class=\"service-highlight\">f\u00f3rmulas personalizadas<\/span>,<br \/>\n                        <span class=\"service-highlight\">asesor\u00eda t\u00e9cnica<\/span>, o<br \/>\n                        <span class=\"service-highlight\">soluciones de suministro confiables<\/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\/es_mx\/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\">Contacta a Nuestro Equipo<\/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>Consulta gratuita<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Entrega global<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Soporte experto<\/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>POL\u00cdMERO EN POLVO REDISPERSIBLE FLEXIBLE LANDU para construcci\u00f3n LANDU ACCURATE\u2122 Redefiniendo la flexibilidad y durabilidad en materiales cementicios. Mejora la elasticidad, resistencia a grietas y adherencia con tecnolog\u00eda de pol\u00edmero superior que se adapta al movimiento estructural. Formulaci\u00f3n avanzada de pol\u00edmero flexible que ofrece un rendimiento excepcional para entornos de construcci\u00f3n din\u00e1micos. Elasticidad mejorada Flexibilidad superior Resistencia a grietas F\u00f3rmula anti-agrietamiento Adherencia fuerte Uni\u00f3n confiable Solicitar [\u2026]<\/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\/es_mx\/wp-json\/wp\/v2\/pages\/5197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/comments?post=5197"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages\/5197\/revisions"}],"predecessor-version":[{"id":5198,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages\/5197\/revisions\/5198"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/pages\/5319"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/es_mx\/wp-json\/wp\/v2\/media?parent=5197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}