{"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\/fi\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/flexible-redispersible-polymer-powder\/","title":{"rendered":"LANDU joustava uudelleen dispersoitava polymeerip\u00f6ly korkeasuorituskykyiseen rakentamiseen"},"content":{"rendered":"<div class=\"landu-flex-banner-wrapper\">\n<div class=\"landu-flex-banner-container\">\n        <!-- \u80cc\u666f\u88c5\u9970\u5c42 --><\/p>\n<div class=\"landu-flex-background-layers\"><\/div>\n<p>        <!-- \u67d4\u6027\u88c5\u9970\u5143\u7d20 --><\/p>\n<div class=\"landu-flex-decorative-elements\">\n            <!-- \u67d4\u6027\u66f2\u7ebf --><\/p>\n<p>            <!-- \u5f39\u6027\u51e0\u4f55\u5f62\u72b6 --><\/p>\n<p>            <!-- \u8fde\u63a5\u7ebf\u6761 --><\/p>\n<p>            <!-- \u6d6e\u52a8\u805a\u5408\u7269\u9897\u7c92\u7fa4 --><\/p>\n<div class=\"landu-flex-particle-system\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"landu-flex-main-content\">\n<div class=\"landu-flex-content-left\">\n                <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"landu-flex-title-section\">\n<h1 class=\"landu-flex-main-title\">\n                        <span class=\"landu-flex-highlight-word\">LANDU Flexible<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Redispersible Polymer<\/span><br \/>\n                        <span class=\"landu-flex-title-line\">Rakentamiseen tarkoitettu jauhe<\/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                        Uudelleen m\u00e4\u00e4rittelee joustavuuden ja kest\u00e4vyyden sementtipohjaisissa materiaaleissa. Paranna<br \/>\n                        <span class=\"landu-flex-keyword\">elastisuutta<\/span>,<br \/>\n                        <span class=\"landu-flex-keyword\">halkeamiskest\u00e4vyytt\u00e4<\/span>, ja<br \/>\n                        <span class=\"landu-flex-keyword\">cURL Too many subrequests.<\/span> ylivoimaisella polymeriteknologialla, joka sopeutuu rakenteelliseen liikkeeseen.\n                    <\/p>\n<p class=\"landu-flex-sub-description\">\n                        Edistynyt joustava polymeril\u00e4\u00e4ke, joka tarjoaa poikkeuksellista suorituskyky\u00e4 dynaamisissa rakennusymp\u00e4rist\u00f6iss\u00e4.\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>Parannettu elastisuus<\/h3>\n<p>Ylivertainen joustavuus<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-feature-card landu-flex-crack-resistance\">\n<div class=\"landu-flex-feature-icon\"><\/div>\n<div class=\"landu-flex-feature-content\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>V\u00e4hemm\u00e4n halkeilua ehk\u00e4isev\u00e4 kaava<\/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>Strong Adhesion<\/h3>\n<p>Luotettava sitoutuminen<\/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\/fi\/contact\/\" class=\"landu-flex-cta-button landu-flex-primary editing\" target=\"_blank\"><br \/>\n                        <span class=\"landu-flex-button-text\">Pyyd\u00e4 ilmainen n\u00e4yte<\/span><\/p>\n<div class=\"landu-flex-button-icon\">\u2192<\/div>\n<p>                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/fi\/contact\/\" class=\"landu-flex-cta-button landu-flex-secondary editing\" target=\"_blank\">Tutki tekniset tiedot<\/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\">Venym\u00e4<\/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\">Joustavuus<\/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\">Sertifioitu<\/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\">Joustavat sovellukset<\/h4>\n<div class=\"landu-flex-app-grid\">\n<div class=\"landu-flex-app-item landu-flex-sealant\">\n<p>                            <span>Joustava tiivistysaine<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-coating\">\n<p>                            <span>Elastinen pinnoite<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-membrane\">\n<p>                            <span>Vesitiivis kalvo<\/span>\n                        <\/div>\n<div class=\"landu-flex-app-item landu-flex-joint\">\n<p>                            <span>Liitosseos<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .landu-flex-banner-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-banner-container {\n            width: 100%;\n            min-height: 600px;\n            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #ecfdf5 50%, #f8faff 75%, #fefce8 100%);\n            position: relative;\n            overflow: hidden;\n            padding: 80px 40px;\n            font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n        }<\/p>\n<p>        \/* \u80cc\u666f\u88c5\u9970\u5c42 *\/\n        .landu-flex-background-layers {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .landu-flex-bg-layer {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.2;\n        }<\/p>\n<p>        .landu-flex-layer-1 {\n            width: 320px;\n            height: 320px;\n            background: radial-gradient(circle, rgba(34, 87, 221, 0.15) 0%, rgba(34, 87, 221, 0.05) 70%, transparent 100%);\n            top: -80px;\n            right: -80px;\n            animation: landu-flex-float-slow 30s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-layer-2 {\n            width: 240px;\n            height: 240px;\n            background: radial-gradient(circle, rgba(0, 113, 36, 0.12) 0%, rgba(0, 113, 36, 0.04) 70%, transparent 100%);\n            bottom: -60px;\n            left: -60px;\n            animation: landu-flex-float-slow 35s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-layer-3 {\n            width: 180px;\n            height: 180px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.03) 70%, transparent 100%);\n            top: 25%;\n            left: 10%;\n            animation: landu-flex-float-slow 25s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-layer-4 {\n            width: 150px;\n            height: 150px;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n            top: 65%;\n            right: 15%;\n            animation: landu-flex-float-slow 40s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-layer-5 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.02) 70%, transparent 100%);\n            top: 5%;\n            right: 35%;\n            animation: landu-flex-float-slow 32s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-float-slow {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(-15px, -20px) rotate(90deg); }\n            50% { transform: translate(10px, -10px) rotate(180deg); }\n            75% { transform: translate(-8px, 15px) rotate(270deg); }\n        }<\/p>\n<p>        \/* \u67d4\u6027\u88c5\u9970\u5143\u7d20 *\/\n        .landu-flex-decorative-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u66f2\u7ebf *\/\n        .landu-flex-curve {\n            position: absolute;\n            border: 3px solid;\n            border-radius: 50px;\n            opacity: 0.4;\n        }<\/p>\n<p>        .landu-flex-curve-1 {\n            width: 120px;\n            height: 60px;\n            border-color: rgba(34, 87, 221, 0.3);\n            border-style: solid none solid none;\n            top: 20%;\n            left: 15%;\n            transform: rotate(25deg);\n            animation: landu-flex-curve-wave 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-curve-2 {\n            width: 100px;\n            height: 80px;\n            border-color: rgba(0, 113, 36, 0.3);\n            border-style: none solid none solid;\n            bottom: 30%;\n            right: 20%;\n            transform: rotate(-30deg);\n            animation: landu-flex-curve-wave 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-curve-3 {\n            width: 80px;\n            height: 40px;\n            border-color: rgba(16, 185, 129, 0.3);\n            border-style: solid none solid none;\n            top: 60%;\n            left: 25%;\n            transform: rotate(45deg);\n            animation: landu-flex-curve-wave 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-curve-wave {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) scaleY(1); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) scaleY(1.2); }\n        }<\/p>\n<p>        \/* \u5f39\u6027\u51e0\u4f55\u5f62\u72b6 *\/\n        .landu-flex-shape {\n            position: absolute;\n            opacity: 0.5;\n        }<\/p>\n<p>        .landu-flex-elastic-1 {\n            width: 40px;\n            height: 20px;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            border-radius: 20px;\n            top: 30%;\n            right: 30%;\n            animation: landu-flex-elastic-stretch 5s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-elastic-2 {\n            width: 30px;\n            height: 30px;\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            border-radius: 50%;\n            bottom: 40%;\n            left: 20%;\n            animation: landu-flex-elastic-bounce 7s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-spring-1 {\n            width: 8px;\n            height: 60px;\n            background: repeating-linear-gradient(\n                to bottom,\n                #f59e0b 0px,\n                #f59e0b 6px,\n                transparent 6px,\n                transparent 12px\n            );\n            top: 15%;\n            right: 10%;\n            animation: landu-flex-spring-compress 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-spring-2 {\n            width: 6px;\n            height: 45px;\n            background: repeating-linear-gradient(\n                to bottom,\n                #8b5cf6 0px,\n                #8b5cf6 5px,\n                transparent 5px,\n                transparent 10px\n            );\n            bottom: 20%;\n            right: 40%;\n            animation: landu-flex-spring-compress 6s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-elastic-stretch {\n            0%, 100% { transform: scaleX(1) scaleY(1); }\n            50% { transform: scaleX(1.4) scaleY(0.7); }\n        }<\/p>\n<p>        @keyframes landu-flex-elastic-bounce {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.3); }\n        }<\/p>\n<p>        @keyframes landu-flex-spring-compress {\n            0%, 100% { transform: scaleY(1); }\n            50% { transform: scaleY(0.6); }\n        }<\/p>\n<p>        \/* \u8fde\u63a5\u7ebf\u6761 *\/\n        .landu-flex-connection-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, rgba(34, 87, 221, 0.4) 50%, transparent 100%);\n            opacity: 0.6;\n        }<\/p>\n<p>        .landu-flex-line-1 {\n            width: 150px;\n            top: 35%;\n            left: 30%;\n            transform: rotate(20deg);\n            animation: landu-flex-line-flex 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-line-2 {\n            width: 120px;\n            bottom: 35%;\n            right: 25%;\n            transform: rotate(-40deg);\n            animation: landu-flex-line-flex 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-line-3 {\n            width: 100px;\n            top: 65%;\n            right: 50%;\n            transform: rotate(70deg);\n            animation: landu-flex-line-flex 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-line-flex {\n            0%, 100% { opacity: 0.4; transform: rotate(var(--initial-rotate, 0deg)) scaleX(1); }\n            50% { opacity: 0.8; transform: rotate(var(--initial-rotate, 0deg)) scaleX(1.2); }\n        }<\/p>\n<p>        \/* \u6d6e\u52a8\u805a\u5408\u7269\u9897\u7c92\u7cfb\u7edf *\/\n        .landu-flex-particle-system {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .landu-flex-particle {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.7;\n            animation: landu-flex-particle-float 15s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-p1 { width: 10px; height: 10px; background: #2257dd; top: 15%; right: 25%; animation-delay: 0s; }\n        .landu-flex-p2 { width: 8px; height: 8px; background: #007124; top: 25%; right: 45%; animation-delay: 1.5s; }\n        .landu-flex-p3 { width: 12px; height: 12px; background: #3b82f6; top: 45%; right: 15%; animation-delay: 3s; }\n        .landu-flex-p4 { width: 9px; height: 9px; background: #10b981; top: 65%; right: 35%; animation-delay: 4.5s; }\n        .landu-flex-p5 { width: 7px; height: 7px; background: #8b5cf6; top: 85%; right: 55%; animation-delay: 6s; }\n        .landu-flex-p6 { width: 11px; height: 11px; background: #f59e0b; top: 35%; right: 65%; animation-delay: 7.5s; }\n        .landu-flex-p7 { width: 6px; height: 6px; background: #ef4444; top: 55%; right: 75%; animation-delay: 9s; }\n        .landu-flex-p8 { width: 9px; height: 9px; background: #06b6d4; top: 75%; right: 85%; animation-delay: 10.5s; }\n        .landu-flex-p9 { width: 8px; height: 8px; background: #84cc16; top: 20%; right: 80%; animation-delay: 12s; }\n        .landu-flex-p10 { width: 10px; height: 10px; background: #f97316; top: 40%; right: 90%; animation-delay: 13.5s; }<\/p>\n<p>        @keyframes landu-flex-particle-float {\n            0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.5; }\n            25% { transform: translateY(-25px) translateX(-15px) scale(1.2); opacity: 0.8; }\n            50% { transform: translateY(-15px) translateX(10px) scale(0.8); opacity: 0.9; }\n            75% { transform: translateY(-35px) translateX(-8px) scale(1.1); opacity: 0.7; }\n        }<\/p>\n<p>        \/* \u4e3b\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-main-content {\n            position: relative;\n            z-index: 10;\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 60px;\n            max-width: 1200px;\n            margin: 0 auto;\n            align-items: center;\n        }<\/p>\n<p>        .landu-flex-content-left {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u6807\u9898\u533a\u57df *\/\n        .landu-flex-title-section {\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .landu-flex-main-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            line-height: 1.1;\n            color: #1e293b;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-highlight-word {\n            display: block;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-size: 1.8rem;\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .landu-flex-title-line {\n            display: block;\n            color: #475569;\n            font-weight: 700;\n        }<\/p>\n<p>        .landu-flex-brand-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid rgba(34, 87, 221, 0.2);\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: #2257dd;\n            box-shadow: 0 4px 12px rgba(34, 87, 221, 0.1);\n        }<\/p>\n<p>        .landu-flex-badge-icon {\n            width: 16px;\n            height: 16px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 50%;\n        }<\/p>\n<p>        \/* \u63cf\u8ff0\u533a\u57df *\/\n        .landu-flex-main-description {\n            font-size: 1.1rem;\n            color: #475569;\n            line-height: 1.6;\n            margin-bottom: 12px;\n        }<\/p>\n<p>        .landu-flex-keyword {\n            color: #2257dd;\n            font-weight: 600;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-sub-description {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.5;\n            font-weight: 500;\n            margin: 0;\n        }<\/p>\n<p>        \/* \u7279\u6027\u7f51\u683c *\/\n        .landu-flex-features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }<\/p>\n<p>        .landu-flex-feature-card {\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(15px);\n            border-radius: 16px;\n            padding: 24px 20px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-elasticity::before { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-crack-resistance::before { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-adhesion::before { background: linear-gradient(90deg, transparent, #3b82f6, transparent); }<\/p>\n<p>        .landu-flex-feature-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);\n            background: rgba(255, 255, 255, 0.95);\n        }<\/p>\n<p>        .landu-flex-feature-card:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-feature-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-elasticity .landu-flex-feature-icon { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n        .landu-flex-crack-resistance .landu-flex-feature-icon { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }\n        .landu-flex-adhesion .landu-flex-feature-icon { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); }<\/p>\n<p>        .landu-flex-icon-elasticity {\n            width: 24px;\n            height: 8px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 4px;\n            position: relative;\n            animation: landu-flex-icon-stretch 3s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-icon-stretch {\n            0%, 100% { transform: scaleX(1); }\n            50% { transform: scaleX(1.5); }\n        }<\/p>\n<p>        .landu-flex-icon-crack {\n            width: 24px;\n            height: 24px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-icon-crack::after {\n            content: '';\n            position: absolute;\n            width: 2px;\n            height: 16px;\n            background: white;\n            top: 4px;\n            left: 11px;\n            border-radius: 1px;\n        }<\/p>\n<p>        .landu-flex-icon-adhesion {\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n            border-radius: 4px;\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-icon-adhesion::after {\n            content: '';\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            top: 4px;\n            left: 4px;\n        }<\/p>\n<p>        .landu-flex-feature-content h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 6px;\n        }<\/p>\n<p>        .landu-flex-feature-content p {\n            font-size: 0.9rem;\n            color: #64748b;\n            margin: 0;\n            font-weight: 500;\n        }<\/p>\n<p>        \/* \u884c\u52a8\u6309\u94ae *\/\n        .landu-flex-action-section {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n        }<\/p>\n<p>        .landu-flex-cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 16px 32px;\n            border-radius: 12px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.1rem;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-primary {\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(0, 113, 36, 0.3);\n        }<\/p>\n<p>        .landu-flex-secondary {\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(34, 87, 221, 0.3);\n        }<\/p>\n<p>        .landu-flex-cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: left 0.6s ease;\n        }<\/p>\n<p>        .landu-flex-cta-button:hover {\n            transform: translateY(-3px);\n        }<\/p>\n<p>        .landu-flex-primary:hover {\n            box-shadow: 0 12px 32px rgba(0, 113, 36, 0.4);\n            background: linear-gradient(135deg, #059669 0%, #047857 100%);\n        }<\/p>\n<p>        .landu-flex-secondary:hover {\n            box-shadow: 0 12px 32px rgba(34, 87, 221, 0.4);\n            background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);\n        }<\/p>\n<p>        .landu-flex-cta-button:hover::before {\n            left: 100%;\n        }<\/p>\n<p>        .landu-flex-button-icon {\n            font-size: 1.2rem;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-cta-button:hover .landu-flex-button-icon {\n            transform: translateX(4px);\n        }<\/p>\n<p>        \/* \u53f3\u4fa7\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-content-right {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u805a\u5408\u7269\u7ed3\u6784\u56fe *\/\n        .landu-flex-polymer-structure {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 32px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .landu-flex-polymer-container {\n            position: relative;\n            width: 200px;\n            height: 160px;\n            margin: 0 auto 24px;\n        }<\/p>\n<p>        \/* \u67d4\u6027\u94fe\u6761\u7f51\u7edc *\/\n        .landu-flex-chain-network {\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .landu-flex-chain {\n            position: absolute;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }<\/p>\n<p>        .landu-flex-chain-1 {\n            top: 30%;\n            left: 10%;\n            transform: rotate(15deg);\n            animation: landu-flex-chain-wave 8s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-chain-2 {\n            bottom: 30%;\n            right: 10%;\n            transform: rotate(-20deg);\n            animation: landu-flex-chain-wave 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-chain-wave {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) translateY(0); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) translateY(-10px); }\n        }<\/p>\n<p>        .landu-flex-node {\n            width: 16px;\n            height: 16px;\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            border-radius: 50%;\n            box-shadow: 0 4px 12px rgba(34, 87, 221, 0.4);\n            animation: landu-flex-node-pulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-node-1 { animation-delay: 0s; }\n        .landu-flex-node-2 { animation-delay: 0.5s; }\n        .landu-flex-node-3 { animation-delay: 1s; }\n        .landu-flex-node-4 { animation-delay: 1.5s; }\n        .landu-flex-node-5 { animation-delay: 2s; }\n        .landu-flex-node-6 { animation-delay: 2.5s; }<\/p>\n<p>        @keyframes landu-flex-node-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n        }<\/p>\n<p>        .landu-flex-segment {\n            width: 20px;\n            height: 3px;\n            background: linear-gradient(90deg, #64748b 0%, #94a3b8 50%, #64748b 100%);\n            border-radius: 2px;\n            animation: landu-flex-segment-flex 6s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-segment-flex {\n            0%, 100% { transform: scaleX(1) scaleY(1); }\n            50% { transform: scaleX(1.3) scaleY(0.7); }\n        }<\/p>\n<p>        \/* \u4ea4\u8054\u70b9 *\/\n        .landu-flex-crosslink {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            box-shadow: 0 0 12px rgba(0, 113, 36, 0.5);\n            animation: landu-flex-crosslink-glow 5s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-cross-1 { top: 20%; right: 30%; animation-delay: 0s; }\n        .landu-flex-cross-2 { bottom: 40%; left: 25%; animation-delay: 1.67s; }\n        .landu-flex-cross-3 { top: 60%; right: 20%; animation-delay: 3.33s; }<\/p>\n<p>        @keyframes landu-flex-crosslink-glow {\n            0%, 100% { opacity: 0.8; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        \/* \u6027\u80fd\u6307\u6807 *\/\n        .landu-flex-performance-metrics {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .landu-flex-metric-item {\n            flex: 1;\n            text-align: center;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(15px);\n            padding: 20px 16px;\n            border-radius: 14px;\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-metric-item:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .landu-flex-metric-value {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #2257dd;\n            margin-bottom: 6px;\n            font-family: 'Courier New', monospace;\n        }<\/p>\n<p>        .landu-flex-metric-label {\n            font-size: 0.8rem;\n            color: #64748b;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }<\/p>\n<p>        \/* \u5e94\u7528\u9886\u57df *\/\n        .landu-flex-applications {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(15px);\n            border-radius: 16px;\n            padding: 24px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n        }<\/p>\n<p>        .landu-flex-app-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 16px;\n            text-align: center;\n        }<\/p>\n<p>        .landu-flex-app-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n        }<\/p>\n<p>        .landu-flex-app-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 14px 16px;\n            border-radius: 12px;\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n            font-size: 0.85rem;\n            color: #475569;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-app-item:hover {\n            background: rgba(255, 255, 255, 1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .landu-flex-app-icon {\n            width: 20px;\n            height: 20px;\n            border-radius: 6px;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .landu-flex-icon-sealant { background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%); }\n        .landu-flex-icon-coating { background: linear-gradient(135deg, #007124 0%, #059669 100%); }\n        .landu-flex-icon-membrane { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }\n        .landu-flex-icon-joint { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .landu-flex-banner-container {\n                padding: 50px 30px;\n                min-height: 700px;\n            }<\/p>\n<p>            .landu-flex-main-content {\n                grid-template-columns: 1fr;\n                gap: 50px;\n                text-align: center;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 2.4rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .landu-flex-features-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 16px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .landu-flex-banner-container {\n                padding: 40px 24px;\n                min-height: 800px;\n            }<\/p>\n<p>            .landu-flex-main-content {\n                gap: 40px;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 2rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.3rem;\n            }<\/p>\n<p>            .landu-flex-features-grid {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }<\/p>\n<p>            .landu-flex-action-section {\n                flex-direction: column;\n                align-items: center;\n            }<\/p>\n<p>            .landu-flex-cta-button {\n                width: 100%;\n                max-width: 300px;\n                justify-content: center;\n            }<\/p>\n<p>            .landu-flex-performance-metrics {\n                flex-direction: column;\n                gap: 12px;\n            }<\/p>\n<p>            .landu-flex-app-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .landu-flex-polymer-container {\n                width: 160px;\n                height: 120px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-flex-banner-container {\n                padding: 32px 20px;\n                min-height: 900px;\n            }<\/p>\n<p>            .landu-flex-main-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .landu-flex-highlight-word {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .landu-flex-main-description {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-feature-card {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .landu-flex-polymer-structure {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .landu-flex-applications {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-flex-content-wrapper\">\n<div class=\"landu-flex-content-container\">\n        <!-- \u80cc\u666f\u88c5\u9970\u5c42 --><\/p>\n<div class=\"landu-flex-content-background\"><\/div>\n<p>        <!-- \u88c5\u9970\u6027\u7c92\u5b50\u7cfb\u7edf --><\/p>\n<div class=\"landu-flex-content-particles\"><\/div>\n<p>        <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"landu-flex-main-section\">\n            <!-- \u4ea7\u54c1\u4ecb\u7ecd\u90e8\u5206 --><\/p>\n<div class=\"landu-flex-intro-section\">\n<div class=\"landu-flex-intro-content\">\n<div class=\"landu-flex-intro-header\">\n<div class=\"landu-flex-brand-highlight\">\n<div class=\"landu-flex-brand-icon\"><\/div>\n<p>                            <span class=\"landu-flex-brand-text\">LANDU ACCURATE\u2122<\/span>\n                        <\/div>\n<h2 class=\"landu-flex-intro-title\">Premium Joustava Redispersible Polymerijauhe<\/h2>\n<div class=\"landu-flex-intro-subtitle\">\n                            <span class=\"landu-flex-subtitle-highlight\">Vertailukelpoinen Joustavuus<\/span><br \/>\n                            Sementti- ja Rakennusmateriaalien varten\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-description\">\n<p class=\"landu-flex-main-desc\">\n                            LANDU ACCURATE\u2122 Joustava Redispersible Polymerijauhe (RDP) on<br \/>\n                            <span class=\"landu-flex-desc-highlight\">high-performance polymer additive<\/span><br \/>\n                            engineered to deliver superior elasticity, crack mitigation, and movement tolerance.<br \/>\n                            Unlike conventional rigid formulations, our flexible grade adapts to vibrations,<br \/>\n                            substrate movements, and mechanical stress\u2014ensuring exceptional durability and<br \/>\n                            long-term structural integrity.\n                        <\/p>\n<p class=\"landu-flex-secondary-desc\">\n                            Serving as an elasticity enhancer, crack-prevention agent, and adhesion booster,<br \/>\n                            ACCURATE\u2122 transforms the resilience and lifespan of your cement-based projects.\n                        <\/p>\n<\/p><\/div>\n<div class=\"landu-flex-cta-section\">\n<div class=\"landu-flex-sample-cta\">\n<div class=\"landu-flex-cta-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccc\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cc.svg\"><\/div>\n<div class=\"landu-flex-cta-content\">\n                                <span class=\"landu-flex-cta-main\">Pyyd\u00e4 n\u00e4yte jo t\u00e4n\u00e4\u00e4n<\/span><br \/>\n                                <span class=\"landu-flex-cta-sub\">N\u00e4e ero omin silmin!<\/span>\n                            <\/div>\n<p>                            <a href=\"https:\/\/hpmc.ae\/fi\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"landu-flex-sample-button\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Hanki n\u00e4yte        \u2192<\/button><br \/>\n<\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landu-flex-intro-visual\">\n<div class=\"landu-flex-product-showcase\">\n<div class=\"landu-flex-product-frame\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Flexible-Redispersible-Polymer-Powder-sample.jpg\" alt=\"LANDU Joustava Dispergoitu Polymerip\u00f6lyn\u00e4yte\" 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\">cURL Too many subrequests.<\/span><br \/>\n                                    <span class=\"landu-flex-badge-flexible\">JOUSTAVA<\/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>Elastisuus<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-durability\">\n<p>                                <span>Kest\u00e4vyys<\/span>\n                            <\/div>\n<div class=\"landu-flex-indicator landu-flex-ind-adhesion\">\n<p>                                <span>Adhesion<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u7279\u8272\u4f18\u52bf\u90e8\u5206 --><\/p>\n<div class=\"landu-flex-advantages-section\">\n<div class=\"landu-flex-advantages-header\">\n<h3 class=\"landu-flex-advantages-title\">\n                        Miksi VALITA LANDU Joustava RDP<br \/>\n                        <span class=\"landu-flex-title-accent\">Stands Out<\/span><br \/>\n                    <\/h3>\n<div class=\"landu-flex-advantages-subtitle\">\n                        Edistynyt polymeriteknologia tarjoaa poikkeuksellista suorituskyky\u00e4 eri sovelluksissa\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\">Edistynyt elastisuussuorituskyky<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Sitoo l\u00e4mp\u00f6laajenemista, t\u00e4rin\u00e4\u00e4 ja pieni\u00e4 alustan liikkeit\u00e4.<\/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\">Erinomainen halkeamien ehk\u00e4isy<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>V\u00e4hent\u00e4\u00e4 kutistumisesta, mekaanisesta rasituksesta ja l\u00e4mp\u00f6tilavaihteluista johtuvia halkeamia.<\/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\">Ylivertainen tartuntalujuus<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Saavuttaa vahvan tartunnan sek\u00e4 j\u00e4ykiss\u00e4 ett\u00e4 joustavasti liikkuvissa pinnoissa.<\/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\">Vesieristyskyky<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Muodostaa tihe\u00e4n, elastisen kalvon minimoiden veden p\u00e4\u00e4syn.<\/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\">Parannettu sovelluksen virtaus<\/h4>\n<\/p><\/div>\n<div class=\"landu-flex-card-content\">\n<p>Optimoitu ty\u00f6stett\u00e4vyys helpompaa sekoitusta ja tasaisempia viimeistelyj\u00e4 varten.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .landu-flex-content-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            margin-top: -1px; \/* \u65e0\u7f1d\u8854\u63a5banner *\/\n        }<\/p>\n<p>        .landu-flex-content-container {\n            width: 100%;\n            background: linear-gradient(180deg, \n                rgba(240, 249, 255, 0.95) 0%, \n                rgba(255, 255, 255, 0.98) 25%, \n                rgba(248, 250, 252, 1) 50%, \n                rgba(255, 255, 255, 1) 75%, \n                rgba(249, 250, 251, 1) 100%);\n            position: relative;\n            padding: 80px 0;\n            font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n        }<\/p>\n<p>        \/* \u80cc\u666f\u88c5\u9970\u5c42 *\/\n        .landu-flex-content-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .landu-flex-content-bg-layer {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.08;\n        }<\/p>\n<p>        .landu-flex-content-layer-1 {\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(34, 87, 221, 0.2) 0%, transparent 70%);\n            top: 10%;\n            right: -100px;\n            animation: landu-flex-content-float 25s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-content-layer-2 {\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(0, 113, 36, 0.15) 0%, transparent 70%);\n            bottom: 20%;\n            left: -80px;\n            animation: landu-flex-content-float 30s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .landu-flex-content-layer-3 {\n            width: 250px;\n            height: 250px;\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\n            top: 40%;\n            left: 20%;\n            animation: landu-flex-content-float 35s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-content-layer-4 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 70%);\n            bottom: 10%;\n            right: 30%;\n            animation: landu-flex-content-float 28s ease-in-out infinite reverse;\n        }<\/p>\n<p>        @keyframes landu-flex-content-float {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(-20px, -30px) rotate(90deg); }\n            50% { transform: translate(15px, -15px) rotate(180deg); }\n            75% { transform: translate(-10px, 20px) rotate(270deg); }\n        }<\/p>\n<p>        \/* \u88c5\u9970\u6027\u7c92\u5b50 *\/\n        .landu-flex-content-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }<\/p>\n<p>        .landu-flex-content-particle {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.6;\n            animation: landu-flex-content-particle-drift 20s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-cp1 { width: 8px; height: 8px; background: #2257dd; top: 15%; right: 20%; animation-delay: 0s; }\n        .landu-flex-cp2 { width: 6px; height: 6px; background: #007124; top: 35%; right: 60%; animation-delay: 3s; }\n        .landu-flex-cp3 { width: 10px; height: 10px; background: #3b82f6; top: 55%; right: 15%; animation-delay: 6s; }\n        .landu-flex-cp4 { width: 7px; height: 7px; background: #10b981; top: 75%; right: 45%; animation-delay: 9s; }\n        .landu-flex-cp5 { width: 9px; height: 9px; background: #8b5cf6; top: 25%; right: 80%; animation-delay: 12s; }\n        .landu-flex-cp6 { width: 5px; height: 5px; background: #f59e0b; top: 65%; right: 70%; animation-delay: 15s; }<\/p>\n<p>        @keyframes landu-flex-content-particle-drift {\n            0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n            25% { transform: translateY(-30px) translateX(-20px) scale(1.3); opacity: 0.7; }\n            50% { transform: translateY(-20px) translateX(15px) scale(0.8); opacity: 0.8; }\n            75% { transform: translateY(-40px) translateX(-10px) scale(1.1); opacity: 0.6; }\n        }<\/p>\n<p>        \/* \u4e3b\u8981\u5185\u5bb9\u533a\u57df *\/\n        .landu-flex-main-section {\n            position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            flex-direction: column;\n            gap: 80px;\n        }<\/p>\n<p>        \/* \u4ea7\u54c1\u4ecb\u7ecd\u90e8\u5206 *\/\n        .landu-flex-intro-section {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }<\/p>\n<p>        .landu-flex-intro-content {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }<\/p>\n<p>        \/* \u4ecb\u7ecd\u5934\u90e8 *\/\n        .landu-flex-intro-header {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-brand-highlight {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(15px);\n            padding: 12px 20px;\n            border-radius: 25px;\n            border: 1px solid rgba(34, 87, 221, 0.2);\n            box-shadow: 0 6px 20px rgba(34, 87, 221, 0.15);\n            width: fit-content;\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-brand-highlight:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(34, 87, 221, 0.2);\n        }<\/p>\n<p>        .landu-flex-brand-icon {\n            position: relative;\n            width: 24px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-icon-core {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: linear-gradient(135deg, #2257dd, #1d4ed8);\n            border-radius: 50%;\n            top: 6px;\n            left: 6px;\n            animation: landu-flex-icon-pulse 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-icon-ring {\n            position: absolute;\n            width: 24px;\n            height: 24px;\n            border: 2px solid rgba(34, 87, 221, 0.3);\n            border-radius: 50%;\n            animation: landu-flex-icon-rotate 8s linear infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-icon-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n        }<\/p>\n<p>        @keyframes landu-flex-icon-rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }<\/p>\n<p>        .landu-flex-brand-text {\n            font-size: 1rem;\n            font-weight: 700;\n            color: #2257dd;\n            letter-spacing: 0.05em;\n        }<\/p>\n<p>        .landu-flex-intro-title {\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: #1e293b;\n            line-height: 1.2;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-intro-subtitle {\n            font-size: 1.2rem;\n            color: #475569;\n            font-weight: 600;\n            line-height: 1.4;\n        }<\/p>\n<p>        .landu-flex-subtitle-highlight {\n            background: linear-gradient(135deg, #007124 0%, #059669 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-weight: 700;\n        }<\/p>\n<p>        \/* \u4ecb\u7ecd\u63cf\u8ff0 *\/\n        .landu-flex-intro-description {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-main-desc {\n            font-size: 1.05rem;\n            color: #475569;\n            line-height: 1.7;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-desc-highlight {\n            color: #2257dd;\n            font-weight: 600;\n            background: linear-gradient(135deg, rgba(34, 87, 221, 0.1), rgba(34, 87, 221, 0.05));\n            padding: 2px 6px;\n            border-radius: 4px;\n        }<\/p>\n<p>        .landu-flex-secondary-desc {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.6;\n            font-weight: 500;\n            margin: 0;\n            padding-left: 20px;\n            border-left: 3px solid rgba(34, 87, 221, 0.3);\n            background: rgba(34, 87, 221, 0.05);\n            padding: 16px 20px;\n            border-radius: 0 8px 8px 0;\n        }<\/p>\n<p>        \/* CTA\u90e8\u5206 *\/\n        .landu-flex-cta-section {\n            margin-top: 8px;\n        }<\/p>\n<p>        .landu-flex-sample-cta {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);\n            border: 2px solid rgba(245, 158, 11, 0.3);\n            border-radius: 16px;\n            padding: 20px 24px;\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-sample-cta:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 32px rgba(245, 158, 11, 0.2);\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.08) 100%);\n        }<\/p>\n<p>        .landu-flex-cta-icon {\n            font-size: 1.5rem;\n            animation: landu-flex-cta-bounce 2s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-cta-bounce {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-4px); }\n        }<\/p>\n<p>        .landu-flex-cta-content {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }<\/p>\n<p>        .landu-flex-cta-main {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #1e293b;\n        }<\/p>\n<p>        .landu-flex-cta-sub {\n            font-size: 0.9rem;\n            color: #64748b;\n            font-weight: 500;\n        }<\/p>\n<p>        .landu-flex-sample-button {\n            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 10px;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);\n        }<\/p>\n<p>        .landu-flex-sample-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);\n            background: linear-gradient(135deg, #d97706 0%, #b45309 100%);\n        }<\/p>\n<p>        .landu-flex-button-arrow {\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-sample-button:hover .landu-flex-button-arrow {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* \u4ea7\u54c1\u5c55\u793a\u533a\u57df *\/\n        .landu-flex-intro-visual {\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }<\/p>\n<p>        .landu-flex-product-showcase {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-product-frame {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-product-frame:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 28px 50px rgba(0, 0, 0, 0.2);\n        }<\/p>\n<p>        .landu-flex-product-image {\n            width: 100%;\n            height: 300px;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .landu-flex-image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, \n                rgba(34, 87, 221, 0.1) 0%, \n                rgba(0, 113, 36, 0.1) 50%, \n                rgba(245, 158, 11, 0.1) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-product-frame:hover .landu-flex-image-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-product-badge {\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }<\/p>\n<p>        .landu-flex-badge-premium,\n        .landu-flex-badge-flexible {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 6px 12px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 700;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .landu-flex-badge-premium {\n            color: #2257dd;\n            border: 1px solid rgba(34, 87, 221, 0.3);\n        }<\/p>\n<p>        .landu-flex-badge-flexible {\n            color: #007124;\n            border: 1px solid rgba(0, 113, 36, 0.3);\n        }<\/p>\n<p>        \/* \u7279\u6027\u6307\u793a\u5668 *\/\n        .landu-flex-feature-indicators {\n            display: flex;\n            gap: 16px;\n            margin-top: 16px;\n        }<\/p>\n<p>        .landu-flex-indicator {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.6);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #475569;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .landu-flex-indicator:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .landu-flex-ind-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            animation: landu-flex-ind-glow 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-ind-elasticity .landu-flex-ind-dot { background: #2257dd; animation-delay: 0s; }\n        .landu-flex-ind-durability .landu-flex-ind-dot { background: #007124; animation-delay: 1s; }\n        .landu-flex-ind-adhesion .landu-flex-ind-dot { background: #8b5cf6; animation-delay: 2s; }<\/p>\n<p>        @keyframes landu-flex-ind-glow {\n            0%, 100% { opacity: 0.7; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        \/* \u7279\u8272\u4f18\u52bf\u90e8\u5206 *\/\n        .landu-flex-advantages-section {\n            display: flex;\n            flex-direction: column;\n            gap: 48px;\n        }<\/p>\n<p>        .landu-flex-advantages-header {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .landu-flex-advantages-title {\n            font-size: 2rem;\n            font-weight: 800;\n            color: #1e293b;\n            margin: 0;\n        }<\/p>\n<p>        .landu-flex-title-accent {\n            background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .landu-flex-advantages-subtitle {\n            font-size: 1.1rem;\n            color: #64748b;\n            font-weight: 500;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.5;\n        }<\/p>\n<p>        \/* \u4f18\u52bf\u7f51\u683c *\/\n        .landu-flex-advantages-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 24px;\n        }<\/p>\n<p>        .landu-flex-advantage-card {\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 32px 28px;\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .landu-flex-advantage-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-card-elastic::before { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-card-crack::before { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-card-bonding::before { background: linear-gradient(90deg, transparent, #8b5cf6, transparent); }\n        .landu-flex-card-water::before { background: linear-gradient(90deg, transparent, #06b6d4, transparent); }\n        .landu-flex-card-flow::before { background: linear-gradient(90deg, transparent, #f59e0b, transparent); }<\/p>\n<p>        .landu-flex-advantage-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 44px rgba(0, 0, 0, 0.15);\n            background: rgba(255, 255, 255, 0.95);\n        }<\/p>\n<p>        .landu-flex-advantage-card:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .landu-flex-card-header {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .landu-flex-card-icon {\n            width: 56px;\n            height: 56px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .landu-flex-card-elastic .landu-flex-card-icon { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }\n        .landu-flex-card-crack .landu-flex-card-icon { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }\n        .landu-flex-card-bonding .landu-flex-card-icon { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); }\n        .landu-flex-card-water .landu-flex-card-icon { background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%); }\n        .landu-flex-card-flow .landu-flex-card-icon { background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%); }<\/p>\n<p>        \/* \u56fe\u6807\u52a8\u753b *\/\n        .landu-flex-icon-elastic-perf {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-elastic-waves {\n            position: relative;\n            width: 32px;\n            height: 20px;\n        }<\/p>\n<p>        .landu-flex-wave {\n            position: absolute;\n            height: 3px;\n            background: linear-gradient(90deg, #2257dd, #1d4ed8);\n            border-radius: 2px;\n        }<\/p>\n<p>        .landu-flex-wave-1 { width: 32px; top: 0; animation: landu-flex-wave-stretch 3s ease-in-out infinite; }\n        .landu-flex-wave-2 { width: 24px; top: 8px; left: 4px; animation: landu-flex-wave-stretch 3s ease-in-out infinite 0.5s; }\n        .landu-flex-wave-3 { width: 16px; top: 16px; left: 8px; animation: landu-flex-wave-stretch 3s ease-in-out infinite 1s; }<\/p>\n<p>        @keyframes landu-flex-wave-stretch {\n            0%, 100% { transform: scaleX(1); }\n            50% { transform: scaleX(1.4); }\n        }<\/p>\n<p>        .landu-flex-icon-crack-prev {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-crack-shield {\n            position: relative;\n            width: 28px;\n            height: 28px;\n        }<\/p>\n<p>        .landu-flex-shield-core {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            background: linear-gradient(135deg, #007124, #059669);\n            border-radius: 50%;\n            top: 4px;\n            left: 4px;\n            animation: landu-flex-shield-pulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-shield-ring {\n            position: absolute;\n            width: 28px;\n            height: 28px;\n            border: 3px solid rgba(0, 113, 36, 0.4);\n            border-radius: 50%;\n            animation: landu-flex-shield-rotate 6s linear infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-shield-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }<\/p>\n<p>        @keyframes landu-flex-shield-rotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }<\/p>\n<p>        .landu-flex-icon-bonding {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-bonding-links {\n            position: relative;\n            width: 32px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-link {\n            position: absolute;\n            width: 12px;\n            height: 4px;\n            background: linear-gradient(90deg, #8b5cf6, #7c3aed);\n            border-radius: 2px;\n        }<\/p>\n<p>        .landu-flex-link-1 { top: 4px; left: 2px; transform: rotate(20deg); animation: landu-flex-link-move 4s ease-in-out infinite; }\n        .landu-flex-link-2 { bottom: 4px; right: 2px; transform: rotate(-20deg); animation: landu-flex-link-move 4s ease-in-out infinite 2s; }<\/p>\n<p>        .landu-flex-connection-point {\n            position: absolute;\n            width: 8px;\n            height: 8px;\n            background: #8b5cf6;\n            border-radius: 50%;\n            top: 8px;\n            left: 12px;\n            animation: landu-flex-connection-glow 3s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes landu-flex-link-move {\n            0%, 100% { transform: rotate(var(--initial-rotate, 0deg)) translateX(0); }\n            50% { transform: rotate(var(--initial-rotate, 0deg)) translateX(4px); }\n        }<\/p>\n<p>        @keyframes landu-flex-connection-glow {\n            0%, 100% { opacity: 0.8; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.3); }\n        }<\/p>\n<p>        .landu-flex-icon-water {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-water-drops {\n            position: relative;\n            width: 32px;\n            height: 24px;\n        }<\/p>\n<p>        .landu-flex-drop {\n            position: absolute;\n            width: 6px;\n            height: 8px;\n            background: linear-gradient(135deg, #06b6d4, #0891b2);\n            border-radius: 3px 3px 50% 50%;\n            animation: landu-flex-drop-fall 2s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-drop-1 { top: 0; left: 8px; animation-delay: 0s; }\n        .landu-flex-drop-2 { top: 4px; left: 16px; animation-delay: 0.7s; }\n        .landu-flex-drop-3 { top: 2px; left: 24px; animation-delay: 1.4s; }<\/p>\n<p>        .landu-flex-water-shield {\n            position: absolute;\n            bottom: 0;\n            left: 4px;\n            width: 24px;\n            height: 3px;\n            background: linear-gradient(90deg, #06b6d4, #0891b2);\n            border-radius: 2px;\n            opacity: 0.7;\n        }<\/p>\n<p>        @keyframes landu-flex-drop-fall {\n            0% { transform: translateY(0) scale(1); opacity: 1; }\n            100% { transform: translateY(12px) scale(0.8); opacity: 0.3; }\n        }<\/p>\n<p>        .landu-flex-icon-flow {\n            position: relative;\n        }<\/p>\n<p>        .landu-flex-flow-lines {\n            position: relative;\n            width: 32px;\n            height: 20px;\n        }<\/p>\n<p>        .landu-flex-flow-line {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #f59e0b, transparent);\n            border-radius: 1px;\n            animation: landu-flex-flow-move 3s ease-in-out infinite;\n        }<\/p>\n<p>        .landu-flex-line-1 { width: 32px; top: 2px; animation-delay: 0s; }\n        .landu-flex-line-2 { width: 28px; top: 9px; left: 2px; animation-delay: 1s; }\n        .landu-flex-line-3 { width: 24px; top: 16px; left: 4px; animation-delay: 2s; }<\/p>\n<p>        @keyframes landu-flex-flow-move {\n            0%, 100% { opacity: 0.6; transform: translateX(0); }\n            50% { opacity: 1; transform: translateX(6px); }\n        }<\/p>\n<p>        .landu-flex-card-title {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin: 0;\n            line-height: 1.3;\n        }<\/p>\n<p>        .landu-flex-card-content {\n            margin-top: 4px;\n        }<\/p>\n<p>        .landu-flex-card-content p {\n            font-size: 1rem;\n            color: #64748b;\n            line-height: 1.6;\n            margin: 0;\n            font-weight: 500;\n        }<\/p>\n<p>        .landu-flex-card-accent {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .landu-flex-accent-blue { background: linear-gradient(90deg, transparent, #2257dd, transparent); }\n        .landu-flex-accent-green { background: linear-gradient(90deg, transparent, #007124, transparent); }\n        .landu-flex-accent-purple { background: linear-gradient(90deg, transparent, #8b5cf6, transparent); }\n        .landu-flex-accent-cyan { background: linear-gradient(90deg, transparent, #06b6d4, transparent); }\n        .landu-flex-accent-orange { background: linear-gradient(90deg, transparent, #f59e0b, transparent); }<\/p>\n<p>        .landu-flex-advantage-card:hover .landu-flex-card-accent {\n            opacity: 1;\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .landu-flex-content-container {\n                padding: 60px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 30px;\n                gap: 60px;\n            }<\/p>\n<p>            .landu-flex-intro-section {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                text-align: center;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.9rem;\n            }<\/p>\n<p>            .landu-flex-advantages-grid {\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n                gap: 20px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .landu-flex-content-container {\n                padding: 50px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 24px;\n                gap: 50px;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.7rem;\n            }<\/p>\n<p>            .landu-flex-intro-subtitle {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .landu-flex-advantages-title {\n                font-size: 1.7rem;\n            }<\/p>\n<p>            .landu-flex-sample-cta {\n                flex-direction: column;\n                text-align: center;\n                gap: 16px;\n            }<\/p>\n<p>            .landu-flex-feature-indicators {\n                justify-content: center;\n                flex-wrap: wrap;\n            }<\/p>\n<p>            .landu-flex-advantages-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .landu-flex-advantage-card {\n                padding: 28px 24px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-flex-content-container {\n                padding: 40px 0;\n            }<\/p>\n<p>            .landu-flex-main-section {\n                padding: 0 20px;\n                gap: 40px;\n            }<\/p>\n<p>            .landu-flex-intro-title {\n                font-size: 1.5rem;\n            }<\/p>\n<p>            .landu-flex-intro-subtitle {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-advantages-title {\n                font-size: 1.5rem;\n            }<\/p>\n<p>            .landu-flex-main-desc {\n                font-size: 1rem;\n            }<\/p>\n<p>            .landu-flex-secondary-desc {\n                font-size: 0.95rem;\n                padding: 14px 16px;\n            }<\/p>\n<p>            .landu-flex-advantage-card {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .landu-flex-card-header {\n                gap: 12px;\n            }<\/p>\n<p>            .landu-flex-card-icon {\n                width: 48px;\n                height: 48px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-flexible-product-section\">\n    <!-- \u4ea7\u54c1\u6982\u89c8\u533a\u57df --><\/p>\n<div class=\"product-overview-section\">\n<div class=\"container\">\n            <!-- \u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"section-decorations\">\n<div class=\"floating-molecules\"><\/div>\n<\/p><\/div>\n<div class=\"overview-content\">\n                <!-- \u6807\u9898\u533a\u57df --><\/p>\n<div class=\"section-header\">\n<div class=\"brand-badge\">\n<p>                        <span>LANDU Technology<\/span>\n                    <\/div>\n<h2 class=\"section-title\">\n                        <span class=\"product-brand\">ACCURATE\u2122<\/span><br \/>\n                        <span class=\"product-name\">Joustava uudelleen dispersoitava polymeeripulveri<\/span><br \/>\n                        <span class=\"subtitle\">Tekniset tiedot<\/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\">Tuotetiedot<\/h3>\n<p class=\"section-desc\">Kattavat joustavat RDP-ominaisuudet<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-layout\">\n                            <!-- \u7b80\u5316\u7684\u89c4\u683c\u8868\u683c --><\/p>\n<div class=\"simple-spec-table\">\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">ACCURATE\u2122 Redispersible Polymer Powder<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">24937-78-8<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">39052900<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">\n<div class=\"grade-tags-simple\">\n                                            <span class=\"grade-tag economical\">Economical<\/span><br \/>\n                                            <span class=\"grade-tag standard\">cURL Too many subrequests.<\/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\">Ensisijaiset k\u00e4ytt\u00f6tarkoitukset<\/div>\n<div class=\"spec-value\">Rakennusmateriaalit, liimat, laastit, rappaukset<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">cURL Too many subrequests.<\/div>\n<div class=\"spec-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"spec-row\">\n<div class=\"spec-label\">OEM-br\u00e4nd\u00e4ys<\/div>\n<div class=\"spec-value\">Tarjotaan pyynn\u00f6st\u00e4<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u533a\u57df --><\/p>\n<div class=\"product-showcase-enhanced\">\n<div class=\"main-product-image\">\n<div class=\"image-frame\">\n                                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Flexible-Redispersible-Polymer-Powder-products-rdp.jpg\" alt=\"LANDU Joustavat RDP-tuotteet\" 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>Joustava luokka<\/span>\n                                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"secondary-product-image\">\n<div class=\"secondary-image-frame\">\n                                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-5045N-product-sample.jpg\" alt=\"LANDU RDP 5045N Tuoten\u00e4yte\" class=\"secondary-img\"><\/p>\n<div class=\"sample-badge\">5045N-tuote<\/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>Lipputuote<\/span>\n                    <\/div>\n<\/p><\/div>\n<h2 class=\"tech-title-enhanced\">\n                    <span class=\"product-code-enhanced\">Joustava RDP 5045N<\/span><br \/>\n                    <span class=\"tech-subtitle-enhanced\">Tekniset tiedot<\/span><br \/>\n                <\/h2>\n<\/p><\/div>\n<div class=\"tech-content-enhanced\">\n<div class=\"tech-data-container\">\n                    <!-- \u5de6\u4fa7\uff1a\u4ea7\u54c1\u56fe\u7247\u548c3D\u6548\u679c --><\/p>\n<div class=\"product-visual-section\">\n<div class=\"product-3d-showcase\">\n                            <!-- \u4e3b\u8981\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-image-3d\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-5045N-sample.jpg\" alt=\"LANDU Joustava RDP 5045N N\u00e4yte\" class=\"tech-product-img\"><\/p>\n<div class=\"image-3d-effects\">\n<div class=\"data-points\">\n<div class=\"data-point dp-1\">\n<div class=\"point-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-2\">\n<div class=\"point-label\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"data-point dp-3\">\n<div class=\"point-label\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <!-- \u4ea7\u54c1\u7279\u6027\u73af\u5f62\u56fe --><\/p>\n<div class=\"characteristics-wheel\">\n<div class=\"wheel-center\">\n<div class=\"center-logo\">5045N<\/div>\n<\/p><\/div>\n<div class=\"wheel-segments\">\n<div class=\"segment seg-1\">\n<div class=\"segment-value\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"segment seg-2\">\n<div class=\"segment-value\">400-600<\/div>\n<\/p><\/div>\n<div class=\"segment seg-3\">\n<div class=\"segment-value\">6-8<\/div>\n<\/p><\/div>\n<div class=\"segment seg-4\">\n<div class=\"segment-value\">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>Tekniset tiedot<\/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\">Parameter<\/div>\n<div class=\"tech-cell specification-header\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Polymer Type<\/div>\n<div class=\"tech-cell specification\">VAE (Vinyl Acetate\u2013Ethylene)<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Protective Colloid<\/div>\n<div class=\"tech-cell specification\">PVA (Polyvinyl Alcohol)<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Solid Content (%)<\/div>\n<div class=\"tech-cell specification\">\u226599<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">Ash Content (%)<\/div>\n<div class=\"tech-cell specification\">10 \u00b1 2<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple\">\n<div class=\"tech-cell parameter\">cURL Too many subrequests.<\/div>\n<div class=\"tech-cell specification\">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\">pH-arvo<\/div>\n<div class=\"tech-cell specification\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<div class=\"tech-row-simple featured-row\">\n<div class=\"tech-cell parameter\">Type<\/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>cURL Too many subrequests.<\/h4>\n<ul class=\"advantages-list-simple\">\n<li>Tarjoaa poikkeuksellisen muodonmuutoskest\u00e4vyyden ja tarttuvuuden<\/li>\n<li>Lis\u00e4\u00e4 merkitt\u00e4v\u00e4sti halkeamiskest\u00e4vyytt\u00e4, iskunkest\u00e4vyytt\u00e4 ja materiaalin ty\u00f6stett\u00e4vyytt\u00e4<\/li>\n<li>S\u00e4ilytt\u00e4\u00e4 kosteuden, koheesion ja sileyden betonipohjaisissa sovelluksissa<\/li>\n<li>Toimittaa t\u00e4ydellisen tasapainon joustavuuden ja tarttumisvoiman v\u00e4lill\u00e4 korkeapaineisissa ymp\u00e4rist\u00f6iss\u00e4<\/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\">Suositellut k\u00e4ytt\u00f6kohteet<\/h2>\n<p class=\"applications-subtitle\">Monipuoliset sovellukset rakennus- ja teollisuussektoreilla<\/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\">Laatta-kiinnikkeet<\/h3>\n<p class=\"app-description\">\n                            Ylivertainen sitoutuminen keramiikka- ja kivilaatoille parannetulla joustavuudella ja liikkeen sietokyvyll\u00e4.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Superior Bonding<\/div>\n<div class=\"benefit-tag\">Liikkeen toleranssi<\/div>\n<div class=\"benefit-tag\">Flexible<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- EIFS\/ETICS\u7cfb\u7edf --><\/p>\n<div class=\"application-card eifs-systems\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual eifs-visual\">\n<div class=\"insulation-layers\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon eifs-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">EIFS\/ETICS-j\u00e4rjestelm\u00e4t<\/h3>\n<p class=\"app-description\">\n                            Ulkoiset eristysverhoukset, joissa on erinomainen elastisuus ja s\u00e4\u00e4nkest\u00e4vyys.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">S\u00e4\u00e4nkest\u00e4v\u00e4<\/div>\n<div class=\"benefit-tag\">Joustava<\/div>\n<div class=\"benefit-tag\">Eristys<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u5899\u9762\u817b\u5b50 --><\/p>\n<div class=\"application-card wall-putty\">\n<div class=\"card-image\">\n<div class=\"app-visual-placeholder\">\n<div class=\"app-icon-visual putty-visual\">\n<div class=\"putty-surface\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-overlay\">\n<div class=\"app-icon putty-icon\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<h3 class=\"app-title\">Wall Putty<\/h3>\n<p class=\"app-description\">\n                            Sile\u00e4 sein\u00e4n valmistelu ja viimeistely erinomaisella halkeamiskest\u00e4vyydell\u00e4 ja ty\u00f6stett\u00e4vyydell\u00e4.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Crack Resistant<\/div>\n<div class=\"benefit-tag\">Smooth Finish<\/div>\n<div class=\"benefit-tag\">Ty\u00f6kelpoinen<\/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\">Laastimassat<\/h3>\n<p class=\"app-description\">\n                            Parannettu ty\u00f6stett\u00e4vyys ja kest\u00e4vyys sis\u00e4- ja ulkoseinien rappausk\u00e4ytt\u00f6\u00f6n.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">cURL Too many subrequests.<\/div>\n<div class=\"benefit-tag\">Kest\u00e4v\u00e4<\/div>\n<div class=\"benefit-tag\">Sis\u00e4-\/Ulkoalue<\/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\">cURL Too many subrequests.<\/h3>\n<p class=\"app-description\">\n                            Rakenteellinen korjaus ja kunnostus erinomaisella tarttuvuudella ja pitk\u00e4aikaisella kest\u00e4vyydell\u00e4.\n                        <\/p>\n<div class=\"app-benefits\">\n<div class=\"benefit-tag\">Strong Adhesion<\/div>\n<div class=\"benefit-tag\">Rakenteellinen korjaus<\/div>\n<div class=\"benefit-tag\">Pitk\u00e4aikainen<\/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>Ammattimainen pakkaus<\/span>\n                <\/div>\n<h2 class=\"main-title\">\n                    Packaging &amp; Storage<br \/>\n                <\/h2>\n<p class=\"main-subtitle\">\n                    LANDU Flexible Redispersible Polymer Powder (Joustava RDP) on huolellisesti pakattu varmistamaan tuotteen eheyden, vakauden ja helpon k\u00e4sittelyn kuljetuksen ja varastoinnin aikana.\n                <\/p>\n<\/p><\/div>\n<p>            <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"content-grid\">\n                <!-- \u5305\u88c5\u4fe1\u606f\u5361\u7247 --><\/p>\n<div class=\"packaging-card\">\n                    <!-- \u4ea7\u54c1\u56fe\u7247\u5c55\u793a\u533a --><\/p>\n<div class=\"product-showcase\">\n<div class=\"main-product-image\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Landu-rdp-redispersible-polymer-powder-package.jpg\" alt=\"LANDU RDP Paketti\" 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>25 kg Standardipussi<\/strong><\/p>\n<p>Monikerroksinen suojaus<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-point point-2\">\n<div class=\"point-marker\">\n                                        <span class=\"point-number\">2<\/span>\n                                    <\/div>\n<div class=\"point-tooltip\">\n                                        <strong>PE-v\u00e4likerros sis\u00e4tiloissa<\/strong><\/p>\n<p>Kosteuseste<\/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>Tiivis muotoilu<\/strong><\/p>\n<p>Saastumisen esto<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay-info\">\n<div class=\"overlay-content\">\n<div class=\"weight-badge\">25kg<\/div>\n<div class=\"dimensions\">0,69 m \u00d7 0,40 m \u00d7 0,18 m<\/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\">Monikerroksinen suojaus<\/span><br \/>\n                                    <span class=\"detail-desc\">Tiivistetty paperi + PE-v\u00e4likerros<\/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\">Moisture Resistant<\/span><br \/>\n                                    <span class=\"detail-desc\">Edistynyt este teknologi<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>Standardipakkausm\u00e4\u00e4ritykset<\/h3>\n<p>Suunniteltu optimaalisen suojan ja k\u00e4sittelyn saavuttamiseksi<\/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 pusseittain<\/div>\n<\/p><\/div>\n<div class=\"spec-item\">\n<div class=\"spec-label\">Dimensions<\/div>\n<div class=\"spec-value\">0,69 m \u00d7 0,40 m \u00d7 0,18 m<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"pallet-options\">\n<h4>Lavojen kokoonpanovaihtoehdot<\/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\">500 kg<\/span><br \/>\n                                        <span class=\"desc\">20 pussia (4 pussia\/kerros \u00d7 5 kerrosta)<\/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 pussia (4 pussia\/kerros \u00d7 6 kerrosta)<\/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>Mukautettu pakkaus saatavilla OEM- tai suurtilauksille<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u50a8\u5b58\u6307\u5357\u5361\u7247 --><\/p>\n<div class=\"storage-card\">\n                    <!-- \u4ed3\u5e93\u56fe\u7247\u5c55\u793a\u533a --><\/p>\n<div class=\"warehouse-showcase\">\n<div class=\"warehouse-image-container\">\n                            <img loading=\"lazy\" height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-large-warehouse.jpg\" alt=\"LANDU Ammattimainen Varasto\" 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>Ilmastoidut olosuhteet<\/strong><\/p>\n<p>Optimaalinen l\u00e4mp\u00f6tila ja kosteus<\/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>Ilmanvaihtoj\u00e4rjestelm\u00e4<\/strong><\/p>\n<p>Jatkuva ilmankierto<\/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>S\u00e4\u00e4nkest\u00e4v\u00e4 suojaus<\/strong><\/p>\n<p>Tiiviisti suojattu elementeilt\u00e4<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"warehouse-badge\">\n                                <span class=\"badge-text\">Ammattimainen varastointitila<\/span><br \/>\n                                <span class=\"badge-subtext\">ISO Certified<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"content-header\">\n<h3>cURL Too many subrequests.<\/h3>\n<p>Optimaaliset s\u00e4ilytysolosuhteet maksimaalisen s\u00e4ilyvyyden saavuttamiseksi<\/p>\n<\/p><\/div>\n<div class=\"storage-conditions\">\n<div class=\"condition-grid\">\n<div class=\"condition-item temperature\">\n<div class=\"condition-icon\">\n<div class=\"thermometer\"><\/div>\n<\/p><\/div>\n<div class=\"condition-info\">\n                                        <span class=\"condition-label\">cURL Too many subrequests.<\/span><br \/>\n                                        <span class=\"condition-value\">5\u00b0C \u2013 35\u00b0C<\/span><br \/>\n                                        <span class=\"condition-desc\">Huoneenl\u00e4mp\u00f6tila-alue<\/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\">Kosteus<\/span><br \/>\n                                        <span class=\"condition-value\">&lt; 65% RH<\/span><br \/>\n                                        <span class=\"condition-desc\">Kuiva ymp\u00e4rist\u00f6<\/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>Tiivis ymp\u00e4rist\u00f6<\/strong><\/p>\n<p>Pid\u00e4 pussit tiiviisti suljettuina viile\u00e4ss\u00e4, kuivassa ja hyvin ilmastoidussa paikassa est\u00e4\u00e4ksesi kosteuden imeytymisen ja s\u00e4ilytt\u00e4\u00e4ksesi tuotteen laadun.<\/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>Ymp\u00e4rist\u00f6nsuojelu<\/strong><\/p>\n<p>V\u00e4lt\u00e4 suoraa auringonvaloa, kosteutta tai l\u00e4mp\u00f6\u00e4 yll\u00e4pit\u00e4\u00e4ksesi suorituskyvyn johdonmukaisuutta ja pident\u00e4\u00e4ksesi s\u00e4ilyvyysaikaa jopa 12 kuukauteen.<\/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>Pyyd\u00e4 tarjous nyt<\/h3>\n<p>L\u00f6yd\u00e4, kuinka LANDU Flexible RDP voi parantaa sementtipohjaisia koostumuksiasi ammattimaisilla pakkaus- ja varastointiratkaisuillamme.<\/p>\n<\/p><\/div>\n<p>                    <a href=\"https:\/\/hpmc.ae\/fi\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"quote-btn\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Hanki tarjous \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>Free Testing Program<\/span>\n                <\/div>\n<h2 class=\"sample-title\">\n                    Testaa itse \u2013 Ilmaisia n\u00e4ytteit\u00e4 saatavilla<br \/>\n                <\/h2>\n<p class=\"sample-intro\">\n                    Before committing to your next procurement, see how ACCURATE\u2122 Flexible RDP performs in your own mix designs.<br \/>\n                    Our free sample program lets you evaluate <strong>flexibility<\/strong>, <strong>tartuntalujuus<\/strong>,<br \/>\n                    and <strong>halkeamiskest\u00e4vyytt\u00e4<\/strong> helposti.\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\">N\u00e4ytek Packagesi sis\u00e4lt\u00e4\u00e4:<\/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>Valittu luokka-n\u00e4yte<\/h4>\n<p>500g\u20131kg valittua luokkaa sovellustarpeidesi mukaan<\/p>\n<div class=\"grade-selection\">\n<div class=\"grade-option eco\">\n                                        <span class=\"grade-name\">Economical<\/span><br \/>\n                                        <span class=\"grade-use\">Perussovellukset<\/span>\n                                    <\/div>\n<div class=\"grade-option std\">\n                                        <span class=\"grade-name\">cURL Too many subrequests.<\/span><br \/>\n                                        <span class=\"grade-use\">Yleisotarkoitukseen<\/span>\n                                    <\/div>\n<div class=\"grade-option prem\">\n                                        <span class=\"grade-name\">Premium<\/span><br \/>\n                                        <span class=\"grade-use\">Korkean suorituskyvyn<\/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>cURL Too many subrequests.<\/h4>\n<p>T\u00e4ydellinen tekninen tietosivu (TDS) yksityiskohtaisine spesifikaatioineen, sovellusohjeineen ja sekoitussuhteineen<\/p>\n<div class=\"doc-features\">\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcca\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ca.svg\"> Performance Data<\/span><br \/>\n                                    <span class=\"doc-feature\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd2c\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f52c.svg\"> Testitulokset<\/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\"> Sovellusohje<\/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\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"step-info\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>Suora p\u00e4\u00e4sy tutkimus- ja kehitystiimiimme formulointiohjeita, ongelmanratkaisua ja optimointisuosituksia varten<\/p>\n<div class=\"support-features\">\n<div class=\"support-item\">\n                                        <span class=\"support-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcac\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4ac.svg\"><\/span><br \/>\n                                        <span>Live-konsultaatio<\/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>S\u00e4hk\u00f6postituki<\/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>Puhelintuki<\/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=\"cURL Too many subrequests.\" class=\"sample-image\"><\/p>\n<div class=\"sample-highlights\">\n<div class=\"highlight-point h-point-1\">\n<div class=\"highlight-marker\">\n                                    <span class=\"highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce6\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e6.svg\"><\/span>\n                                <\/div>\n<div class=\"highlight-tooltip\">\n                                    <strong>Sample Kit<\/strong><\/p>\n<p>Valmis testattavaksi<\/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>Testimateriaalit<\/strong><\/p>\n<p>T\u00e4ydellinen testauspaketti<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-overlay\">\n<div class=\"overlay-badge\">cURL Too many subrequests.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sample-cta\">\n<h3>Valmis testaukseen?<\/h3>\n<p>Saat kattavan n\u00e4ytekokoelmasi toimitettuna kaikkialle maailmaan<\/p>\n<div class=\"sample-process\">\n<div class=\"process-step\">\n<div class=\"process-number\">1<\/div>\n<p>                                <span>Pyyd\u00e4 n\u00e4yte<\/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>Fast Shipping<\/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>Testaa ja arvioi<\/span>\n                            <\/div>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n                            <a href=\"https:\/\/hpmc.ae\/fi\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    <button class=\"btn-primary\" onclick=\"window.open('https:\/\/hpmc.ae\/contact\/', '_blank'); return false;\">Pyyd\u00e4 ilmainen n\u00e4yte<\/button><br \/>\n<\/a><\/p>\n<p><a href=\"https:\/\/hpmc.ae\/fi\/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        Tekninen tuki<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>Ei sitoumuksia<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Nopea maailmanlaajuinen toimitus<\/span>\n                            <\/div>\n<div class=\"benefit\">\n                                <span class=\"check\">\u2713<\/span><br \/>\n                                <span>Asiantunteva tekninen tuki<\/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\">Why Choose LANDU<\/span><br \/>\n                    <span class=\"title-sub\">kuin Luotettava Kumppanisi?<\/span><br \/>\n                <\/h1>\n<p class=\"partner-subtitle\">\n                    L\u00f6yd\u00e4 edut, jotka tekev\u00e4t LANDU:sta suosituimman valinnan rakennusalan ammattilaisille kaikkialla maailmassa\n                <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5168\u7403\u4e1a\u52a1\u4e0e\u8ba4\u8bc1\u533a\u57df --><\/p>\n<div class=\"global-certification-section\">\n<div class=\"container\">\n<div class=\"global-cert-content\">\n                <!-- \u5de6\u4fa7\u5168\u7403\u4e1a\u52a1 - \u6539\u4e3a\u56fe\u7247\u5c55\u793a --><\/p>\n<div class=\"global-presence-showcase\">\n<div class=\"global-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Staff-meeting-in-the-office.jpg\" alt=\"LANDU Globaali l\u00e4sn\u00e4olo\" class=\"global-main-img\"><\/p>\n<div class=\"global-overlay-badge\">\n<div class=\"badge-main\">60+<\/div>\n<div class=\"badge-label\">Countries Worldwide<\/div>\n<\/p><\/div>\n<div class=\"global-image-annotations\">\n<div class=\"global-point point-left\">\n<div class=\"global-marker\">\n                                    <span class=\"global-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf0d\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f30d.svg\"><\/span>\n                                <\/div>\n<div class=\"global-tooltip\">\n                                    <strong>Global Reach<\/strong><\/p>\n<p>Worldwide distribution<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-point point-right\">\n<div class=\"global-marker\">\n                                    <span class=\"global-icon\">\u2713<\/span>\n                                <\/div>\n<div class=\"global-tooltip\">\n                                    <strong>cURL Too many subrequests.<\/strong><\/p>\n<p>Ammattilaisten luottama<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"global-text\">\n<h3>Global Presence<\/h3>\n<p>LANDU on maailmanlaajuisesti tunnustettu valmistaja joustavaa uudelleen dispersoitavaa polymeeripulveria (RDP) ja korkealaatuisia rakennuslis\u00e4aineita. Tuotteitamme luottavat <span class=\"highlight\">enemm\u00e4n kuin 60 maassa ymp\u00e4ri maailmaa<\/span>, palvellen monipuolisia teollisuudenaloja todistetulla luotettavuudella ja johdonmukaisilla laatuvaatimuksilla.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u8ba4\u8bc1\u5c55\u793a --><\/p>\n<div class=\"certification-showcase-enhanced\">\n<div class=\"cert-image-container\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"LANDU Certifications\" class=\"cert-main-img\"><\/p>\n<div class=\"cert-annotations\">\n<div class=\"cert-point point-iso\">\n<div class=\"point-marker\">\n                                    <span class=\"point-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udccb\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4cb.svg\"><\/span>\n                                <\/div>\n<div class=\"point-tooltip\">\n                                    <strong>ISO 9001<\/strong><\/p>\n<p>cURL Too many subrequests.<\/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>cURL Too many subrequests.<\/strong><\/p>\n<p>Turvallisuusvaatimusten noudattaminen<\/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>Kest\u00e4vyys<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cert-text\">\n<h3>Sertifioitu laatuvarmistus<\/h3>\n<p>Toimimme tiukkojen <span class=\"highlight\">ISO 9001 laatujohtamisj\u00e4rjestelmien alaisena<\/span> ja olemme t\u00e4ysin yhteensopivia <span class=\"highlight\">EU REACH -asetusten kanssa<\/span> \u2014 varmistaen tuoteturvallisuuden, johdonmukaisuuden ja ymp\u00e4rist\u00f6n kest\u00e4vyyden tuotannosta toimitukseen.<\/p>\n<div class=\"cert-badges\">\n<div class=\"cert-mini-badge iso\">ISO 9001<\/div>\n<div class=\"cert-mini-badge reach\">cURL Too many subrequests.<\/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>Innovaatioiden ohjaama<\/h3>\n<\/p><\/div>\n<p class=\"innovation-desc\">\n                        Yhdess\u00e4 <span class=\"highlight\">11 keksint\u00f6patenttia ja 4 k\u00e4ytt\u00f6mallia<\/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\">Keksint\u00f6patentit<\/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\">K\u00e4ytt\u00f6mallit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u7814\u53d1\u5b9e\u9a8c\u5ba4\u56fe\u7247 --><\/p>\n<div class=\"innovation-image-section\">\n<div class=\"lab-main-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-rigorous-test-labs-research-personnel.jpg\" alt=\"LANDU Tutkimuslaboratorio\" 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>Edistyneet laitteet<\/strong><\/p>\n<p>Huipputason testaus<\/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>Asiantuntijatiimi<\/strong><\/p>\n<p>Kokenut tutkimusryhm\u00e4<\/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>Innovaatioihin keskittyminen<\/strong><\/p>\n<p>Jatkuva kehitys<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"lab-overlay-badge\">\n                            <span class=\"badge-text\">R&amp;D Excellence<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4ea7\u54c1\u7ec4\u5408\u533a\u57df - \u4e09\u56fe\u5e76\u5217\u5c55\u793a --><\/p>\n<div class=\"product-portfolio-section\">\n<div class=\"container\">\n<div class=\"portfolio-header\">\n<h2 class=\"portfolio-title\">\n                    <span class=\"portfolio-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/span><br \/>\n                    Kattava tuotevalikoima<br \/>\n                <\/h2>\n<p class=\"portfolio-subtitle\">\n                    HPMC:st\u00e4, HEMC:st\u00e4, HEC:st\u00e4 ja polykarboksilaattipohjaisista superplastisoijista (PCE) kipsin hidastajiin, silikonihydrofobiseen jauheeseen (SHP), vaahdonpoistajiin ja korkealaatuisiin joustaviin RDP-luokkiin, LANDU tarjoaa t\u00e4ydellisen valikoiman polymeerilis\u00e4aineita, jotka on r\u00e4\u00e4t\u00e4l\u00f6ity sementtij\u00e4rjestelmiin ja kuivasekoitemorttareihin.\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=\"LANDU Cellulose Ethers\" 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\">Cellulose Ethers<\/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>Cellulose Ethers<\/h4>\n<p>HPMC, HEMC, HEC parantavat vedenpid\u00e4tyskyky\u00e4, ty\u00f6stett\u00e4vyytt\u00e4 ja paksuudenominaisuuksia rakennusk\u00e4yt\u00f6ss\u00e4.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u7b2c\u4e8c\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item construction-additives\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/Novastar-construction-additive-product-1.jpg\" alt=\"LANDU Rakennuslis\u00e4aineet\" class=\"product-img\"><\/p>\n<div class=\"product-overlay\">\n<div class=\"product-category-badge\">\n                                <span class=\"category-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2697\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2697.svg\"><\/span><br \/>\n                                <span class=\"category-name\">Construction Additives<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">PCE<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Retarders<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Vaahdonpoistajat<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Erikoislis\u00e4aineet<\/h4>\n<p>PCE-superplastisoijat, kipsin hidastajat, vaahdonpoistajat ja hydrofobiset jauheet erikoisrakennustarpeisiin.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u7b2c\u4e09\u5f20\u4ea7\u54c1\u56fe\u7247 --><\/p>\n<div class=\"product-showcase-item rdp-products\">\n<div class=\"product-image-container\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-rdp-sample-products.jpg\" alt=\"LANDU RDP-tuotteet\" 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\">RDP-tuotteet<\/span>\n                            <\/div>\n<div class=\"product-features\">\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Joustava RDP<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Korkea tarttuvuus<\/span>\n                                <\/div>\n<div class=\"feature-point\">\n                                    <span class=\"feature-marker\">Kest\u00e4vyys<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"product-info\">\n<h4>Polymer Powders<\/h4>\n<p>Korkealaatuiset uudelleen dispersoituvat polymeerijauheet (RDP) parantavat joustavuutta, tarttuvuutta ja kest\u00e4vyytt\u00e4 laasti- ja laatta-ainemateriaaleissa.<\/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\">Tuoteperheet<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">60+<\/div>\n<div class=\"stat-label\">Palvellut maat<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-number\">15+<\/div>\n<div class=\"stat-label\">Vuosien kokemus<\/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=\"LANDU Manufacturing Facility\" 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>Automaattiset linjat<\/strong><\/p>\n<p>DCS-ohjatut j\u00e4rjestelm\u00e4t<\/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>Quality Control<\/strong><\/p>\n<p>Tiukat testaukset<\/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>Korkea kapasiteetti<\/strong><\/p>\n<p>75 000 tonnia\/vuosi<\/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\">cURL Too many subrequests.<\/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>Luotettava, laajamittainen tuotanto<\/h3>\n<\/p><\/div>\n<p class=\"production-desc\">\n                        Tukee kolmen huippuluokan tuotantolaitoksen vuosikapasiteetti, <span class=\"highlight\">75 000 tonnia<\/span>, LANDU takaa vakaan toimituksen, tasaisen laadun ja t\u00e4sm\u00e4llisen toimituksen t\u00e4ysin automatisoidun tuotannon ja tiukan laadunvalvonnan avulla.\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>Valmistuslaitokset<\/h4>\n<p>Huippuluokan tuotantolaitokset<\/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>Automaattinen tuotanto<\/h4>\n<p>DCS-ohjatut j\u00e4rjestelm\u00e4t varmistavat johdonmukaisuuden<\/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>Global Delivery<\/h4>\n<p>Toimitukset ajoissa maailmanlaajuisesti<\/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>Asiantunteva ammattilaistiimi<\/h3>\n<\/p><\/div>\n<p class=\"team-desc\">\n                        Omistautunut tiimimme teknisi\u00e4 asiantuntijoita ja myyntihenkil\u00f6it\u00e4 tarjoaa kattavaa tukea, tuotteiden valinnasta ja koostumuksen ohjauksesta j\u00e4lkimyyntipalveluihin, varmistaen menestyksesi jokaisessa projektissa.\n                    <\/p>\n<div class=\"team-services\">\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfaf\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3af.svg\"><\/div>\n<div class=\"service-text\">\n<h4>cURL Too many subrequests.<\/h4>\n<p>Asiantunteva ohjaus optimaalisen tuotteen valintaan<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83e\uddea\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f9ea.svg\"><\/div>\n<div class=\"service-text\">\n<h4>Formulation Support<\/h4>\n<p>Tekninen apu sekoitussuunnittelussa<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-item\">\n<div class=\"service-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udee0\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f6e0.svg\"><\/div>\n<div class=\"service-text\">\n<h4>After-sales Service<\/h4>\n<p>Jatkuva tuki ja ongelmanratkaisu<\/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=\"cURL Too many subrequests.\" class=\"team-main-img\"><\/p>\n<div class=\"team-highlights\">\n<div class=\"team-point point-expertise\">\n<div class=\"team-marker\">\n                                    <span class=\"team-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf93\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f393.svg\"><\/span>\n                                <\/div>\n<div class=\"team-tooltip\">\n                                    <strong>Technical Expertise<\/strong><\/p>\n<p>P\u00e4tevi\u00e4 ammattilaisia<\/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>Asiakastuki<\/strong><\/p>\n<p>Omistautunut palvelu<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"team-overlay-badge\">\n                            <span class=\"badge-text\">Ammatillinen tuki<\/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\">Valmis yhteisty\u00f6h\u00f6n LANDU:n kanssa?<\/h2>\n<p class=\"cta-subtitle\">\n                        Whether you need <span class=\"service-highlight\">custom formulations<\/span>,<br \/>\n                        <span class=\"service-highlight\">tekninen konsultointi<\/span>, or<br \/>\n                        <span class=\"service-highlight\">luotettavat toimitusratkaisut<\/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\/fi\/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\">Contact Our Team<\/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>Ilmainen konsultointi<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Globaali toimitus<\/span>\n                        <\/div>\n<div class=\"benefit-item\">\n                            <span class=\"benefit-icon\">\u2713<\/span><br \/>\n                            <span>Asiantuntijatuki<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landu-trusted-partner {\n    font-family: 'Segoe UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 25%, #e0f2fe 50%, #ecfdf5 75%, #f0fdf4 100%);\n    position: relative;\n}<\/p>\n<p>.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n}<\/p>\n<p>\/* \u4e3b\u6807\u9898\u533a\u57df *\/\n.partner-intro-section {\n    padding: 60px 0 40px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.partner-decorations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    opacity: 0.6;\n}<\/p>\n<p>.deco-element {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.3;\n}<\/p>\n<p>.deco-1 {\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(34, 87, 221, 0.12) 0%, rgba(34, 87, 221, 0.03) 70%, transparent 100%);\n    top: -50px;\n    right: -50px;\n    animation: float-decoration 25s ease-in-out infinite;\n}<\/p>\n<p>.deco-2 {\n    width: 150px;\n    height: 150px;\n    background: radial-gradient(circle, rgba(0, 113, 36, 0.1) 0%, rgba(0, 113, 36, 0.02) 70%, transparent 100%);\n    bottom: -30px;\n    left: -30px;\n    animation: float-decoration 30s ease-in-out infinite reverse;\n}<\/p>\n<p>.deco-3 {\n    width: 120px;\n    height: 120px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 70%, transparent 100%);\n    top: 40%;\n    left: 20%;\n    animation: float-decoration 20s ease-in-out infinite;\n}<\/p>\n<p>.floating-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    opacity: 0.4;\n    animation: particle-float 12s ease-in-out infinite;\n    box-shadow: 0 0 8px currentColor;\n}<\/p>\n<p>.p-1 { background: #2257dd; top: 15%; left: 10%; animation-delay: 0s; }\n.p-2 { background: #007124; top: 30%; right: 15%; animation-delay: 2.4s; }\n.p-3 { background: #3b82f6; top: 60%; left: 30%; animation-delay: 4.8s; }\n.p-4 { background: #10b981; bottom: 25%; right: 25%; animation-delay: 7.2s; }\n.p-5 { background: #8b5cf6; top: 45%; right: 40%; animation-delay: 9.6s; }<\/p>\n<p>@keyframes float-decoration {\n    0%, 100% { transform: translate(0, 0) rotate(0deg); }\n    25% { transform: translate(-15px, -20px) rotate(90deg); }\n    50% { transform: translate(10px, -10px) rotate(180deg); }\n    75% { transform: translate(-8px, 15px) rotate(270deg); }\n}<\/p>\n<p>@keyframes particle-float {\n    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }\n    25% { transform: translateY(-20px) translateX(-10px) scale(1.1); opacity: 0.7; }\n    50% { transform: translateY(-10px) translateX(6px) scale(0.9); opacity: 0.8; }\n    75% { transform: translateY(-25px) translateX(-6px) scale(1.05); opacity: 0.6; }\n}<\/p>\n<p>\/* \u54c1\u724c\u6807\u9898 *\/\n.partner-header {\n    text-align: center;\n    margin-bottom: 0;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.partner-title {\n    font-size: 3rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 20px;\n}<\/p>\n<p>.title-main {\n    display: block;\n    background: linear-gradient(135deg, #2257dd 0%, #1d4ed8 50%, #1e40af 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 3.2rem;\n    margin-bottom: 8px;\n    letter-spacing: 1px;\n}<\/p>\n<p>.title-sub {\n    display: block;\n    color: #007124;\n    font-size: 1.8rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.partner-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u5168\u7403\u4e1a\u52a1\u4e0e\u8ba4\u8bc1\u533a\u57df *\/\n.global-certification-section {\n    padding: 60px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.global-cert-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u5168\u7403\u4e1a\u52a1\u5c55\u793a - \u6539\u4e3a\u56fe\u7247 *\/\n.global-presence-showcase {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.global-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.global-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.global-main-img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.global-image-container:hover .global-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.global-overlay-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 16px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(34, 87, 221, 0.3);\n    box-shadow: 0 8px 24px rgba(34, 87, 221, 0.2);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.global-image-container:hover .global-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-main {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #2257dd;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n}<\/p>\n<p>.badge-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 4px;\n}<\/p>\n<p>.global-image-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.global-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-left { top: 40%; left: 15%; }\n.point-right { bottom: 30%; right: 20%; }<\/p>\n<p>.global-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: global-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes global-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.global-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.global-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.global-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.global-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.global-point:hover .global-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.global-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.global-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.global-text h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.global-text p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}<\/p>\n<p>.highlight {\n    color: #2257dd;\n    font-weight: 700;\n}<\/p>\n<p>\/* \u8ba4\u8bc1\u5c55\u793a\u589e\u5f3a *\/\n.certification-showcase-enhanced {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.cert-image-container {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.cert-image-container:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.cert-main-img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.cert-image-container:hover .cert-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.cert-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.cert-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-iso { top: 20%; left: 15%; }\n.point-reach { top: 50%; right: 20%; }\n.point-eco { bottom: 25%; left: 25%; }<\/p>\n<p>.point-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.point-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.point-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.point-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.point-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.cert-point:hover .point-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.point-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.point-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.cert-text h3 {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n}<\/p>\n<p>.cert-text p {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 20px;\n}<\/p>\n<p>.cert-badges {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}<\/p>\n<p>.cert-mini-badge {\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    border: 1px solid;\n}<\/p>\n<p>.cert-mini-badge.iso {\n    background: rgba(34, 87, 221, 0.1);\n    color: #2257dd;\n    border-color: rgba(34, 87, 221, 0.3);\n}<\/p>\n<p>.cert-mini-badge.reach {\n    background: rgba(0, 113, 36, 0.1);\n    color: #007124;\n    border-color: rgba(0, 113, 36, 0.3);\n}<\/p>\n<p>.cert-mini-badge.eco {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>\/* \u521b\u65b0\u7814\u53d1\u533a\u57df *\/\n.innovation-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.innovation-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>.innovation-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.innovation-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.innovation-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #fef3c7, #fed7aa);\n    border-radius: 20px;\n    border: 1px solid rgba(245, 158, 11, 0.2);\n}<\/p>\n<p>.innovation-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.innovation-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.patents-showcase {\n    display: flex;\n    gap: 24px;\n}<\/p>\n<p>.patent-item {\n    flex: 1;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    text-align: center;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.patent-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.patent-visual {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}<\/p>\n<p>.patent-icon {\n    font-size: 1.5rem;\n}<\/p>\n<p>.patent-count {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #f59e0b;\n    font-family: 'JetBrains Mono', monospace;\n}<\/p>\n<p>.patent-label {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u7814\u53d1\u5b9e\u9a8c\u5ba4\u56fe\u7247 *\/\n.innovation-image-section {\n    position: relative;\n}<\/p>\n<p>.lab-main-image {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.lab-main-image:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.lab-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.lab-main-image:hover .lab-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.lab-features {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.lab-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-equipment { top: 20%; right: 15%; }\n.point-team { top: 60%; left: 20%; }\n.point-innovation { bottom: 20%; right: 25%; }<\/p>\n<p>.lab-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: lab-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes lab-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.lab-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.lab-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.lab-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.lab-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.lab-point:hover .lab-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.lab-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.lab-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.lab-overlay-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 12px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(245, 158, 11, 0.3);\n    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.2);\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.lab-main-image:hover .lab-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #f59e0b;\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7ec4\u5408\u533a\u57df - \u4e09\u56fe\u5e76\u5217\u5c55\u793a *\/\n.product-portfolio-section {\n    padding: 80px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.portfolio-header {\n    text-align: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>.portfolio-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.portfolio-icon {\n    font-size: 2.2rem;\n}<\/p>\n<p>.portfolio-subtitle {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n}<\/p>\n<p>\/* \u4e09\u56fe\u5e76\u5217\u5c55\u793a\u7f51\u683c *\/\n.products-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 60px;\n}<\/p>\n<p>.product-showcase-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n    position: relative;\n}<\/p>\n<p>.product-showcase-item:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.product-image-container {\n    position: relative;\n    height: 280px;\n    overflow: hidden;\n}<\/p>\n<p>.product-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-img {\n    transform: scale(1.08);\n}<\/p>\n<p>.product-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(\n        to bottom,\n        rgba(0, 0, 0, 0.1) 0%,\n        rgba(0, 0, 0, 0.05) 30%,\n        rgba(0, 0, 0, 0.3) 70%,\n        rgba(0, 0, 0, 0.7) 100%\n    );\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 20px;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-overlay {\n    opacity: 1;\n}<\/p>\n<p>.product-category-badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 10px 16px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    align-self: flex-start;\n    transform: translateY(-10px);\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-category-badge {\n    transform: translateY(0);\n}<\/p>\n<p>.category-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.category-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: #1e293b;\n}<\/p>\n<p>.product-features {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n    align-self: flex-end;\n    transform: translateY(10px);\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.product-showcase-item:hover .product-features {\n    transform: translateY(0);\n}<\/p>\n<p>.feature-point {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    border-radius: 8px;\n    padding: 6px 10px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.feature-marker {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #374151;\n}<\/p>\n<p>.product-info {\n    padding: 24px;\n}<\/p>\n<p>.product-info h4 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n}<\/p>\n<p>.product-info p {\n    font-size: 0.95rem;\n    color: #64748b;\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* \u4e0d\u540c\u4ea7\u54c1\u7c7b\u522b\u7684\u989c\u8272\u4e3b\u9898 *\/\n.cellulose-ethers:hover {\n    border-color: rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.cellulose-ethers .product-category-badge {\n    border: 2px solid rgba(59, 130, 246, 0.2);\n}<\/p>\n<p>.construction-additives:hover {\n    border-color: rgba(16, 185, 129, 0.3);\n}<\/p>\n<p>.construction-additives .product-category-badge {\n    border: 2px solid rgba(16, 185, 129, 0.2);\n}<\/p>\n<p>.rdp-products:hover {\n    border-color: rgba(139, 92, 246, 0.3);\n}<\/p>\n<p>.rdp-products .product-category-badge {\n    border: 2px solid rgba(139, 92, 246, 0.2);\n}<\/p>\n<p>\/* \u4ea7\u54c1\u7edf\u8ba1\u4fe1\u606f *\/\n.portfolio-stats {\n    display: flex;\n    justify-content: center;\n    gap: 60px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n}<\/p>\n<p>.stat-number {\n    display: block;\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #8b5cf6;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n    margin-bottom: 8px;\n}<\/p>\n<p>.stat-label {\n    font-size: 1rem;\n    color: #64748b;\n    font-weight: 600;\n}<\/p>\n<p>\/* \u751f\u4ea7\u80fd\u529b\u533a\u57df *\/\n.production-capability-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.production-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u751f\u4ea7\u8bbe\u65bd\u56fe\u7247 *\/\n.production-image-section {\n    position: relative;\n}<\/p>\n<p>.factory-showcase {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.factory-showcase:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.factory-main-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.factory-showcase:hover .factory-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.factory-annotations {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.factory-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-automation { top: 20%; left: 15%; }\n.point-quality { top: 60%; right: 20%; }\n.point-capacity { bottom: 20%; left: 25%; }<\/p>\n<p>.factory-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: factory-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes factory-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.factory-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.factory-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.factory-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.factory-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.factory-point:hover .factory-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.factory-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.factory-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.production-capacity-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 16px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(239, 68, 68, 0.3);\n    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.2);\n    text-align: center;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.factory-showcase:hover .production-capacity-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.capacity-main {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #ef4444;\n    font-family: 'JetBrains Mono', monospace;\n    line-height: 1;\n}<\/p>\n<p>.capacity-unit {\n    font-size: 0.8rem;\n    color: #64748b;\n    font-weight: 600;\n    margin-top: 2px;\n}<\/p>\n<p>\/* \u751f\u4ea7\u80fd\u529b\u6587\u672c *\/\n.production-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.production-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.production-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #fecaca, #fca5a5);\n    border-radius: 20px;\n    border: 1px solid rgba(239, 68, 68, 0.2);\n}<\/p>\n<p>.production-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.production-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.production-features {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.production-feature {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.production-feature:hover {\n    transform: translateX(8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.feature-visual {\n    position: relative;\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.feature-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #fecaca, #fca5a5);\n    border-radius: 12px;\n    opacity: 0.2;\n}<\/p>\n<p>.feature-icon {\n    font-size: 1.5rem;\n    color: #ef4444;\n    font-weight: 800;\n    z-index: 1;\n}<\/p>\n<p>.feature-text h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.feature-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* \u4e13\u4e1a\u56e2\u961f\u533a\u57df *\/\n.professional-team-section {\n    padding: 80px 0;\n    background: rgba(255, 255, 255, 0.5);\n    position: relative;\n}<\/p>\n<p>.team-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}<\/p>\n<p>\/* \u56e2\u961f\u6587\u672c *\/\n.team-text-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}<\/p>\n<p>.team-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n}<\/p>\n<p>.team-icon-large {\n    font-size: 3rem;\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #e0f2fe, #b3e5fc);\n    border-radius: 20px;\n    border: 1px solid rgba(6, 182, 212, 0.2);\n}<\/p>\n<p>.team-header h3 {\n    font-size: 1.8rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>.team-desc {\n    font-size: 1rem;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}<\/p>\n<p>.team-services {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}<\/p>\n<p>.service-item {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.service-item:hover {\n    transform: translateX(8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.service-icon {\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, #e0f2fe, #b3e5fc);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.service-text h4 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 4px;\n}<\/p>\n<p>.service-text p {\n    font-size: 0.9rem;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}<\/p>\n<p>\/* \u56e2\u961f\u56fe\u7247 *\/\n.team-image-section {\n    position: relative;\n}<\/p>\n<p>.team-showcase {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.team-showcase:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.team-main-img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}<\/p>\n<p>.team-showcase:hover .team-main-img {\n    transform: scale(1.05);\n}<\/p>\n<p>.team-highlights {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.team-point {\n    position: absolute;\n    pointer-events: auto;\n}<\/p>\n<p>.point-expertise { top: 25%; right: 20%; }\n.point-support { bottom: 30%; left: 20%; }<\/p>\n<p>.team-marker {\n    width: 32px;\n    height: 32px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    animation: team-point-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes team-point-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n}<\/p>\n<p>.team-marker:hover {\n    transform: scale(1.2);\n}<\/p>\n<p>.team-icon {\n    font-size: 1rem;\n}<\/p>\n<p>.team-tooltip {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.8rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 10;\n}<\/p>\n<p>.team-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 6px solid rgba(0, 0, 0, 0.9);\n}<\/p>\n<p>.team-point:hover .team-tooltip {\n    opacity: 1;\n}<\/p>\n<p>.team-tooltip strong {\n    display: block;\n    margin-bottom: 2px;\n}<\/p>\n<p>.team-tooltip p {\n    margin: 0;\n    font-size: 0.7rem;\n    opacity: 0.8;\n}<\/p>\n<p>.team-overlay-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(15px);\n    padding: 12px 20px;\n    border-radius: 16px;\n    border: 2px solid rgba(6, 182, 212, 0.3);\n    box-shadow: 0 8px 24px rgba(6, 182, 212, 0.2);\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.team-showcase:hover .team-overlay-badge {\n    opacity: 1;\n    transform: translateY(0);\n}<\/p>\n<p>.team-overlay-badge .badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #06b6d4;\n}<\/p>\n<p>\/* CTA\u533a\u57df *\/\n.partnership-cta-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #ffffff 0%, #f8faff 50%, #f0f9ff 100%);\n    position: relative;\n}<\/p>\n<p>.cta-content {\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(25px);\n    border-radius: 24px;\n    padding: 60px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.cta-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #007124 0%, #2257dd 50%, #007124 100%);\n    background-size: 200% 100%;\n    animation: gradient-shift 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes gradient-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n}<\/p>\n<p>.cta-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.cta-title {\n    font-size: 2.4rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 20px;\n}<\/p>\n<p>.cta-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    max-width: 800px;\n    margin: 0 auto;\n}<\/p>\n<p>.service-highlight {\n    color: #007124;\n    font-weight: 700;\n}<\/p>\n<p>.cta-actions {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 32px;\n}<\/p>\n<p>.cta-buttons {\n    display: flex;\n    gap: 20px;\n}<\/p>\n<p>.primary-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 36px;\n    border-radius: 14px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #007124 0%, #059669 100%);\n    color: white;\n    box-shadow: 0 8px 24px rgba(0, 113, 36, 0.3);\n}<\/p>\n<p>.primary-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n    transition: left 0.6s ease;\n}<\/p>\n<p>.primary-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px rgba(0, 113, 36, 0.4);\n    background: linear-gradient(135deg, #059669 0%, #047857 100%);\n}<\/p>\n<p>.primary-button:hover::before {\n    left: 100%;\n}<\/p>\n<p>.button-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.button-arrow {\n    font-size: 1.2rem;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.primary-button:hover .button-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>.cta-benefits {\n    display: flex;\n    gap: 32px;\n    justify-content: center;\n}<\/p>\n<p>.benefit-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.95rem;\n    color: #64748b;\n    font-weight: 500;\n}<\/p>\n<p>.benefit-icon {\n    color: #10b981;\n    font-weight: 700;\n    font-size: 1rem;\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .container {\n        padding: 0 24px;\n    }<\/p>\n<p>    .global-cert-content,\n    .innovation-content,\n    .production-content,\n    .team-content {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.8rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.5rem;\n    }<\/p>\n<p>    .cta-buttons {\n        flex-direction: column;\n        align-items: center;\n    }<\/p>\n<p>    .cta-benefits {\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .products-gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }<\/p>\n<p>    .portfolio-stats {\n        gap: 40px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .partner-intro-section,\n    .global-certification-section,\n    .innovation-section,\n    .product-portfolio-section,\n    .production-capability-section,\n    .professional-team-section,\n    .partnership-cta-section {\n        padding: 50px 0;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2.4rem;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .global-main-img,\n    .cert-main-img,\n    .lab-img,\n    .factory-main-img,\n    .team-main-img {\n        height: 250px;\n    }<\/p>\n<p>    .patents-showcase {\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .cta-content {\n        padding: 40px 30px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .products-gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }<\/p>\n<p>    .product-image-container {\n        height: 220px;\n    }<\/p>\n<p>    .portfolio-stats {\n        flex-direction: column;\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .title-main {\n        font-size: 2rem;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .title-sub {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .partner-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .global-main-img,\n    .cert-main-img,\n    .lab-img,\n    .factory-main-img,\n    .team-main-img {\n        height: 200px;\n    }<\/p>\n<p>    .innovation-header,\n    .production-header,\n    .team-header {\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n    }<\/p>\n<p>    .innovation-icon-large,\n    .production-icon-large,\n    .team-icon-large {\n        width: 60px;\n        height: 60px;\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .cta-content {\n        padding: 32px 20px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .cta-subtitle {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .primary-button {\n        width: 100%;\n        justify-content: center;\n        padding: 16px 32px;\n        font-size: 1rem;\n    }<\/p>\n<p>    .product-image-container {\n        height: 180px;\n    }<\/p>\n<p>    .product-info {\n        padding: 20px;\n    }<\/p>\n<p>    .product-info h4 {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .product-info p {\n        font-size: 0.9rem;\n    }<\/p>\n<p>    \/* \u9690\u85cf\u5c0f\u5c4f\u5e55\u4e0a\u7684\u4ea4\u4e92\u70b9 *\/\n    .global-image-annotations,\n    .cert-annotations,\n    .lab-features,\n    .factory-annotations,\n    .team-highlights,\n    .product-overlay {\n        display: none;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>LANDU Flexible Redispersible Polymer Powder for Construction LANDU ACCURATE\u2122 Redefining flexibility and durability in cementitious materials. Enhance elasticity, crack resistance, and adhesion with superior polymer technology that adapts to structural movement. Advanced flexible polymer formulation delivering exceptional performance for dynamic construction environments. Enhanced Elasticity Superior flexibility Crack Resistance Anti-cracking formula Strong Adhesion Reliable bonding Request [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5319,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/comments?post=5197"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5197\/revisions"}],"predecessor-version":[{"id":5198,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5197\/revisions\/5198"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5319"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/media?parent=5197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}