{"id":18883,"date":"2025-10-20T14:36:59","date_gmt":"2025-10-20T06:36:59","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=18883"},"modified":"2025-10-20T15:09:35","modified_gmt":"2025-10-20T07:09:35","slug":"eter-de-celulose-para-ceramica","status":"publish","type":"page","link":"https:\/\/landu-china.com\/pt\/mercados\/mais-mercados\/eter-de-celulose-para-ceramica\/","title":{"rendered":"\u00c9ter de Celulose LANDERCOLL para Cer\u00e2mica"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18883\" class=\"elementor elementor-18883\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dedd7cc e-con-full e-flex e-con e-parent\" data-id=\"dedd7cc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb455d elementor-widget elementor-widget-html\" data-id=\"2cb455d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landercoll-banner\">\r\n    <section class=\"landercoll-banner-section\">\r\n        <!-- Cellulose Ether molecular background -->\r\n        <div class=\"landercoll-molecules\">\r\n            <div class=\"landercoll-cellulose-chain\">\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n            <\/div>\r\n            <div class=\"landercoll-cellulose-chain landercoll-chain-2\">\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n            <\/div>\r\n            <div class=\"landercoll-cellulose-chain landercoll-chain-3\">\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n                <div class=\"landercoll-glucose-unit\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating ether groups -->\r\n        <div class=\"landercoll-ether-groups\">\r\n            <div class=\"landercoll-ether-group\" style=\"--delay: 0s; --x: 15%; --y: 20%;\">\r\n                <div class=\"landercoll-ether-bond\"><\/div>\r\n                <div class=\"landercoll-ether-oxygen\"><\/div>\r\n            <\/div>\r\n            <div class=\"landercoll-ether-group\" style=\"--delay: 1.5s; --x: 75%; --y: 30%;\">\r\n                <div class=\"landercoll-ether-bond\"><\/div>\r\n                <div class=\"landercoll-ether-oxygen\"><\/div>\r\n            <\/div>\r\n            <div class=\"landercoll-ether-group\" style=\"--delay: 3s; --x: 25%; --y: 70%;\">\r\n                <div class=\"landercoll-ether-bond\"><\/div>\r\n                <div class=\"landercoll-ether-oxygen\"><\/div>\r\n            <\/div>\r\n            <div class=\"landercoll-ether-group\" style=\"--delay: 4.5s; --x: 80%; --y: 75%;\">\r\n                <div class=\"landercoll-ether-bond\"><\/div>\r\n                <div class=\"landercoll-ether-oxygen\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landercoll-container\">\r\n            <div class=\"landercoll-content\">\r\n                <div class=\"landercoll-brand-badge\">\r\n                    <span class=\"landercoll-badge-text\">TECNOLOGIA DE \u00c9TER DE CELULOSE<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"landercoll-main-title\">\r\n                    <span class=\"landercoll-title-line\">LANDERCOLL<\/span>\r\n                    <span class=\"landercoll-title-line\">\u00c9ter de celulose<\/span>\r\n                    <span class=\"landercoll-title-sub\">para Aplica\u00e7\u00f5es Cer\u00e2micas<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"landercoll-subtitle\">\r\n                    <span class=\"landercoll-highlight\">Precis\u00e3o<\/span> em Cada Forma \u2014 \r\n                    <span class=\"landercoll-highlight\">Resist\u00eancia<\/span>, \r\n                    <span class=\"landercoll-highlight\">Estabilidade<\/span>e \r\n                    <span class=\"landercoll-highlight\">Suavidade<\/span> em Cada Cer\u00e2mica.\r\n                <\/p>\r\n                \r\n                <div class=\"landercoll-description\">\r\n                    <p class=\"landercoll-fade-in\">Potencie a sua produ\u00e7\u00e3o cer\u00e2mica com estabilidade de conforma\u00e7\u00e3o excecional e resist\u00eancia \u00e0 liga\u00e7\u00e3o.<\/p>\r\n                    <p class=\"landercoll-fade-in\">O LANDERCOLL garante moldagem uniforme, sinteriza\u00e7\u00e3o densa e qualidade de superf\u00edcie superior em todos os sistemas cer\u00e2micos.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Core properties -->\r\n                <div class=\"landercoll-properties\">\r\n                    <div class=\"landercoll-property-item\">\r\n                        <div class=\"landercoll-property-icon landercoll-strength-icon\">\r\n                            <div class=\"landercoll-strength-bars\">\r\n                                <div class=\"landercoll-bar\"><\/div>\r\n                                <div class=\"landercoll-bar\"><\/div>\r\n                                <div class=\"landercoll-bar\"><\/div>\r\n                                <div class=\"landercoll-bar\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-property-label\">Resist\u00eancia<\/div>\r\n                        <div class=\"landercoll-property-desc\">Poder de liga\u00e7\u00e3o aprimorado<\/div>\r\n                    <\/div>\r\n                    <div class=\"landercoll-property-item\">\r\n                        <div class=\"landercoll-property-icon landercoll-quality-icon\">\r\n                            <div class=\"landercoll-quality-diamond\">\r\n                                <div class=\"landercoll-diamond-facet\"><\/div>\r\n                                <div class=\"landercoll-diamond-facet\"><\/div>\r\n                                <div class=\"landercoll-diamond-facet\"><\/div>\r\n                                <div class=\"landercoll-diamond-facet\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-property-label\">Qualidade<\/div>\r\n                        <div class=\"landercoll-property-desc\">Acabamento de superf\u00edcie superior<\/div>\r\n                    <\/div>\r\n                    <div class=\"landercoll-property-item\">\r\n                        <div class=\"landercoll-property-icon landercoll-stability-icon\">\r\n                            <div class=\"landercoll-stability-wave\">\r\n                                <div class=\"landercoll-wave-line\"><\/div>\r\n                                <div class=\"landercoll-wave-line\"><\/div>\r\n                                <div class=\"landercoll-wave-line\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-property-label\">Estabilidade<\/div>\r\n                        <div class=\"landercoll-property-desc\">Desempenho consistente<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"landercoll-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/contactar-nos\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-primary\">\r\n                        <span>Contactar-nos<\/span>\r\n                        <div class=\"landercoll-btn-ripple\"><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/produtos\/celulose-landercoll\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-secondary\">\r\n                        <span>Saiba mais<\/span>\r\n                        <svg class=\"landercoll-btn-arrow\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14m-7-7 7 7-7 7\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"landercoll-visual-element\">\r\n                <!-- Technical specifications panel -->\r\n                <div class=\"landercoll-tech-panel\">\r\n                    <div class=\"landercoll-tech-header\">\r\n                        <div class=\"landercoll-tech-title\">Propriedades Moleculares<\/div>\r\n                        <div class=\"landercoll-tech-status\">\r\n                            <div class=\"landercoll-status-dot\"><\/div>\r\n                            <span>Ativo<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landercoll-tech-specs\">\r\n                        <div class=\"landercoll-spec-item\">\r\n                            <span class=\"landercoll-spec-label\">Viscosidade<\/span>\r\n                            <div class=\"landercoll-spec-bar\">\r\n                                <div class=\"landercoll-spec-fill\" style=\"--width: 85%;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-spec-item\">\r\n                            <span class=\"landercoll-spec-label\">Reten\u00e7\u00e3o de \u00e1gua<\/span>\r\n                            <div class=\"landercoll-spec-bar\">\r\n                                <div class=\"landercoll-spec-fill\" style=\"--width: 92%;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-spec-item\">\r\n                            <span class=\"landercoll-spec-label\">Ades\u00e3o<\/span>\r\n                            <div class=\"landercoll-spec-bar\">\r\n                                <div class=\"landercoll-spec-fill\" style=\"--width: 88%;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Cellulose Ether 3D Structure -->\r\n                <div class=\"landercoll-cellulose-structure\">\r\n                    <!-- Polymer backbone -->\r\n                    <div class=\"landercoll-polymer-backbone\">\r\n                        <div class=\"landercoll-carbon-chain\">\r\n                            <div class=\"landercoll-carbon-atom\"><\/div>\r\n                            <div class=\"landercoll-carbon-bond\"><\/div>\r\n                            <div class=\"landercoll-carbon-atom\"><\/div>\r\n                            <div class=\"landercoll-carbon-bond\"><\/div>\r\n                            <div class=\"landercoll-carbon-atom\"><\/div>\r\n                            <div class=\"landercoll-carbon-bond\"><\/div>\r\n                            <div class=\"landercoll-carbon-atom\"><\/div>\r\n                            <div class=\"landercoll-carbon-bond\"><\/div>\r\n                            <div class=\"landercoll-carbon-atom\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Hydroxyl groups -->\r\n                    <div class=\"landercoll-hydroxyl-groups\">\r\n                        <div class=\"landercoll-oh-group\" style=\"--position: 20%;\">\r\n                            <div class=\"landercoll-oxygen\"><\/div>\r\n                            <div class=\"landercoll-hydrogen\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-oh-group\" style=\"--position: 45%;\">\r\n                            <div class=\"landercoll-oxygen\"><\/div>\r\n                            <div class=\"landercoll-hydrogen\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-oh-group\" style=\"--position: 70%;\">\r\n                            <div class=\"landercoll-oxygen\"><\/div>\r\n                            <div class=\"landercoll-hydrogen\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Ether substituents -->\r\n                    <div class=\"landercoll-ether-substituents\">\r\n                        <div class=\"landercoll-methyl-group\" style=\"--angle: 45deg; --distance: 60px;\">\r\n                            <div class=\"landercoll-carbon-small\"><\/div>\r\n                            <div class=\"landercoll-hydrogen-small\"><\/div>\r\n                            <div class=\"landercoll-hydrogen-small\"><\/div>\r\n                            <div class=\"landercoll-hydrogen-small\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-ethyl-group\" style=\"--angle: 135deg; --distance: 80px;\">\r\n                            <div class=\"landercoll-carbon-small\"><\/div>\r\n                            <div class=\"landercoll-carbon-small\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Water molecules interaction -->\r\n                    <div class=\"landercoll-water-molecules\">\r\n                        <div class=\"landercoll-water-molecule\" style=\"--orbit-radius: 120px; --orbit-speed: 8s;\">\r\n                            <div class=\"landercoll-h2o-oxygen\"><\/div>\r\n                            <div class=\"landercoll-h2o-hydrogen\"><\/div>\r\n                            <div class=\"landercoll-h2o-hydrogen\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-water-molecule\" style=\"--orbit-radius: 140px; --orbit-speed: 10s;\">\r\n                            <div class=\"landercoll-h2o-oxygen\"><\/div>\r\n                            <div class=\"landercoll-h2o-hydrogen\"><\/div>\r\n                            <div class=\"landercoll-h2o-hydrogen\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-water-molecule\" style=\"--orbit-radius: 100px; --orbit-speed: 6s;\">\r\n                            <div class=\"landercoll-h2o-oxygen\"><\/div>\r\n                            <div class=\"landercoll-h2o-hydrogen\"><\/div>\r\n                            <div class=\"landercoll-h2o-hydrogen\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Hydrogen bonds -->\r\n                    <div class=\"landercoll-hydrogen-bonds\">\r\n                        <div class=\"landercoll-h-bond\"><\/div>\r\n                        <div class=\"landercoll-h-bond\"><\/div>\r\n                        <div class=\"landercoll-h-bond\"><\/div>\r\n                        <div class=\"landercoll-h-bond\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Ceramic interaction visualization -->\r\n                <div class=\"landercoll-ceramic-interaction\">\r\n                    <div class=\"landercoll-ceramic-particles\">\r\n                        <div class=\"landercoll-ceramic-particle\" style=\"--delay: 0s; --x: 10%; --y: 15%;\"><\/div>\r\n                        <div class=\"landercoll-ceramic-particle\" style=\"--delay: 0.5s; --x: 85%; --y: 25%;\"><\/div>\r\n                        <div class=\"landercoll-ceramic-particle\" style=\"--delay: 1s; --x: 20%; --y: 80%;\"><\/div>\r\n                        <div class=\"landercoll-ceramic-particle\" style=\"--delay: 1.5s; --x: 75%; --y: 85%;\"><\/div>\r\n                        <div class=\"landercoll-ceramic-particle\" style=\"--delay: 2s; --x: 50%; --y: 10%;\"><\/div>\r\n                        <div class=\"landercoll-ceramic-particle\" style=\"--delay: 2.5s; --x: 90%; --y: 60%;\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Binding force visualization -->\r\n                    <div class=\"landercoll-binding-forces\">\r\n                        <div class=\"landercoll-force-field\" style=\"--angle: 30deg; --length: 80px;\"><\/div>\r\n                        <div class=\"landercoll-force-field\" style=\"--angle: 120deg; --length: 60px;\"><\/div>\r\n                        <div class=\"landercoll-force-field\" style=\"--angle: 210deg; --length: 70px;\"><\/div>\r\n                        <div class=\"landercoll-force-field\" style=\"--angle: 300deg; --length: 90px;\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Performance indicators -->\r\n                <div class=\"landercoll-performance-indicators\">\r\n                    <div class=\"landercoll-indicator\" style=\"--position-x: 85%; --position-y: 15%;\">\r\n                        <div class=\"landercoll-indicator-pulse\"><\/div>\r\n                        <div class=\"landercoll-indicator-label\">Viscosidade \u00d3ptima<\/div>\r\n                    <\/div>\r\n                    <div class=\"landercoll-indicator\" style=\"--position-x: 15%; --position-y: 85%;\">\r\n                        <div class=\"landercoll-indicator-pulse\"><\/div>\r\n                        <div class=\"landercoll-indicator-label\">Ades\u00e3o Forte<\/div>\r\n                    <\/div>\r\n                    <div class=\"landercoll-indicator\" style=\"--position-x: 85%; --position-y: 85%;\">\r\n                        <div class=\"landercoll-indicator-pulse\"><\/div>\r\n                        <div class=\"landercoll-indicator-label\">Controlo de \u00c1gua<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Molecular formula display -->\r\n                <div class=\"landercoll-formula-display\">\r\n                    <div class=\"landercoll-formula-text\">\r\n                        [C<sub>6<\/sub>H<sub>10<\/sub>O<sub>5<\/sub>]<sub>n<\/sub>\r\n                    <\/div>\r\n                    <div class=\"landercoll-formula-label\">Estrutura de \u00c9ter de Celulose<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landercoll-banner {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n        line-height: 1.6;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-banner *,\r\n    .landercoll-banner *::before,\r\n    .landercoll-banner *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landercoll-banner-section {\r\n        background: radial-gradient(ellipse at top, #003b6f 0%, #001a2e 50%, #000812 100%);\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Cellulose molecular chains background *\/\r\n    .landercoll-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .landercoll-cellulose-chain {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        animation: drift-chain 25s infinite linear;\r\n    }\r\n\r\n    .landercoll-cellulose-chain:nth-child(1) {\r\n        top: 20%;\r\n        left: -20%;\r\n        animation-duration: 30s;\r\n    }\r\n\r\n    .landercoll-chain-2 {\r\n        top: 60%;\r\n        left: -15%;\r\n        animation-duration: 35s;\r\n        animation-delay: -10s;\r\n    }\r\n\r\n    .landercoll-chain-3 {\r\n        top: 80%;\r\n        left: -10%;\r\n        animation-duration: 40s;\r\n        animation-delay: -20s;\r\n    }\r\n\r\n    .landercoll-glucose-unit {\r\n        width: 30px;\r\n        height: 30px;\r\n        background: rgba(0, 119, 200, 0.3);\r\n        border: 2px solid rgba(0, 119, 200, 0.5);\r\n        border-radius: 6px;\r\n        margin-right: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-glucose-unit::after {\r\n        content: '';\r\n        position: absolute;\r\n        right: -20px;\r\n        top: 50%;\r\n        width: 20px;\r\n        height: 2px;\r\n        background: rgba(0, 119, 200, 0.4);\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    @keyframes drift-chain {\r\n        0% { transform: translateX(-100px); }\r\n        100% { transform: translateX(calc(100vw + 100px)); }\r\n    }\r\n\r\n    \/* Floating ether groups *\/\r\n    .landercoll-ether-groups {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landercoll-ether-group {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        opacity: 0;\r\n        animation: appear-float 1s ease-out var(--delay) forwards,\r\n                   float-ether 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-ether-bond {\r\n        width: 40px;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, #0077c8, transparent);\r\n        margin-bottom: 5px;\r\n        animation: glow-bond 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-ether-oxygen {\r\n        width: 12px;\r\n        height: 12px;\r\n        background: #ff6b6b;\r\n        border-radius: 50%;\r\n        margin: 0 auto;\r\n        box-shadow: 0 0 10px rgba(255, 107, 107, 0.6);\r\n        animation: pulse-oxygen 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes appear-float {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes float-ether {\r\n        0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n        33% { transform: translateY(-15px) rotate(5deg); }\r\n        66% { transform: translateY(-5px) rotate(-3deg); }\r\n    }\r\n\r\n    @keyframes glow-bond {\r\n        0%, 100% { opacity: 0.5; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes pulse-oxygen {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.2); }\r\n    }\r\n\r\n    .landercoll-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landercoll-content {\r\n        color: white;\r\n    }\r\n\r\n    \/* Brand badge *\/\r\n    .landercoll-brand-badge {\r\n        display: inline-block;\r\n        padding: 8px 16px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.2), rgba(244, 246, 248, 0.1));\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        border-radius: 20px;\r\n        margin-bottom: 1.5rem;\r\n        animation: glow-pulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-badge-text {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    @keyframes glow-pulse {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.3); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.6); }\r\n    }\r\n\r\n    \/* Animated title *\/\r\n    .landercoll-main-title {\r\n        font-size: 44px;\r\n        font-weight: 700;\r\n        line-height: 1.1;\r\n        margin-bottom: 1rem;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .landercoll-title-line {\r\n        display: block;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: slide-in-up 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landercoll-title-line:nth-child(2) {\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    .landercoll-title-sub {\r\n        display: block;\r\n        font-size: 24px;\r\n        font-weight: 400;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: slide-in-up 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes slide-in-up {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-subtitle {\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-bottom: 2rem;\r\n        letter-spacing: 0.3px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .landercoll-highlight {\r\n        color: #0077c8;\r\n        position: relative;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .landercoll-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        animation: underline-expand 0.8s ease-out forwards;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    @keyframes underline-expand {\r\n        to { width: 100%; }\r\n    }\r\n\r\n    .landercoll-description {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .landercoll-description p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        margin-bottom: 1rem;\r\n        opacity: 0;\r\n        transform: translateX(-20px);\r\n        animation: fade-in-right 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landercoll-description p:first-child {\r\n        animation-delay: 1.2s;\r\n    }\r\n\r\n    .landercoll-description p:last-child {\r\n        animation-delay: 1.4s;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    @keyframes fade-in-right {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Core properties *\/\r\n    .landercoll-properties {\r\n        display: flex;\r\n        gap: 2rem;\r\n        margin-bottom: 3rem;\r\n        opacity: 0;\r\n        animation: fade-in 0.8s ease-out 1.6s forwards;\r\n    }\r\n\r\n    .landercoll-property-item {\r\n        text-align: center;\r\n        flex: 1;\r\n    }\r\n\r\n    .landercoll-property-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        margin: 0 auto 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    \/* Strength icon *\/\r\n    .landercoll-strength-bars {\r\n        display: flex;\r\n        gap: 3px;\r\n        align-items: end;\r\n    }\r\n\r\n    .landercoll-bar {\r\n        width: 4px;\r\n        background: #0077c8;\r\n        border-radius: 2px;\r\n        animation: grow-bar 1.5s ease-out infinite;\r\n    }\r\n\r\n    .landercoll-bar:nth-child(1) { height: 15px; animation-delay: 0s; }\r\n    .landercoll-bar:nth-child(2) { height: 25px; animation-delay: 0.2s; }\r\n    .landercoll-bar:nth-child(3) { height: 35px; animation-delay: 0.4s; }\r\n    .landercoll-bar:nth-child(4) { height: 20px; animation-delay: 0.6s; }\r\n\r\n    @keyframes grow-bar {\r\n        0%, 50% { transform: scaleY(0.5); opacity: 0.5; }\r\n        25% { transform: scaleY(1.2); opacity: 1; }\r\n        100% { transform: scaleY(1); opacity: 0.8; }\r\n    }\r\n\r\n    \/* Quality icon *\/\r\n    .landercoll-quality-diamond {\r\n        width: 30px;\r\n        height: 30px;\r\n        position: relative;\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .landercoll-diamond-facet {\r\n        position: absolute;\r\n        background: linear-gradient(45deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .landercoll-diamond-facet:nth-child(1) {\r\n        width: 30px;\r\n        height: 30px;\r\n        top: 0;\r\n        left: 0;\r\n        opacity: 0.8;\r\n        animation: sparkle 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-diamond-facet:nth-child(2) {\r\n        width: 20px;\r\n        height: 20px;\r\n        top: 5px;\r\n        left: 5px;\r\n        opacity: 0.6;\r\n        animation: sparkle 2s ease-in-out 0.5s infinite;\r\n    }\r\n\r\n    .landercoll-diamond-facet:nth-child(3) {\r\n        width: 10px;\r\n        height: 10px;\r\n        top: 10px;\r\n        left: 10px;\r\n        opacity: 0.4;\r\n        animation: sparkle 2s ease-in-out 1s infinite;\r\n    }\r\n\r\n    .landercoll-diamond-facet:nth-child(4) {\r\n        width: 5px;\r\n        height: 5px;\r\n        top: 12.5px;\r\n        left: 12.5px;\r\n        opacity: 1;\r\n        animation: sparkle 2s ease-in-out 1.5s infinite;\r\n    }\r\n\r\n    @keyframes sparkle {\r\n        0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.8; }\r\n        50% { transform: scale(1.2) rotate(180deg); opacity: 1; }\r\n    }\r\n\r\n    \/* Stability icon *\/\r\n    .landercoll-stability-wave {\r\n        width: 40px;\r\n        height: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-wave-line {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #0077c8;\r\n        border-radius: 1px;\r\n    }\r\n\r\n    .landercoll-wave-line:nth-child(1) {\r\n        top: 2px;\r\n        animation: wave-motion 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-wave-line:nth-child(2) {\r\n        top: 9px;\r\n        animation: wave-motion 2s ease-in-out 0.3s infinite;\r\n    }\r\n\r\n    .landercoll-wave-line:nth-child(3) {\r\n        top: 16px;\r\n        animation: wave-motion 2s ease-in-out 0.6s infinite;\r\n    }\r\n\r\n    @keyframes wave-motion {\r\n        0%, 100% { transform: scaleX(1); opacity: 1; }\r\n        50% { transform: scaleX(0.7); opacity: 0.6; }\r\n    }\r\n\r\n    .landercoll-property-label {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landercoll-property-desc {\r\n        font-size: 12px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-weight: 400;\r\n    }\r\n\r\n    @keyframes fade-in {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Animated buttons *\/\r\n    .landercoll-cta-buttons {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: fade-in 0.8s ease-out 1.8s forwards;\r\n    }\r\n\r\n    .landercoll-btn {\r\n        padding: 14px 32px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-align: center;\r\n        font-family: inherit;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-btn-primary {\r\n        background: linear-gradient(135deg, #0077c8, #005a9b);\r\n        color: white;\r\n        box-shadow: 0 4px 15px rgba(0, 119, 200, 0.3);\r\n    }\r\n\r\n    .landercoll-btn-primary:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.5);\r\n    }\r\n\r\n    .landercoll-btn-ripple {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 0;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        transition: width 0.6s, height 0.6s;\r\n    }\r\n\r\n    .landercoll-btn-primary:hover .landercoll-btn-ripple {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .landercoll-btn-secondary {\r\n        background: transparent;\r\n        color: white;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    .landercoll-btn-secondary:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-color: rgba(255, 255, 255, 0.6);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .landercoll-btn-arrow {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landercoll-btn-secondary:hover .landercoll-btn-arrow {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Visual element container *\/\r\n    .landercoll-visual-element {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        height: 600px;\r\n        gap: 2rem;\r\n    }\r\n\r\n    \/* Technical specifications panel *\/\r\n    .landercoll-tech-panel {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 200px;\r\n        background: rgba(0, 59, 111, 0.15);\r\n        backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1rem;\r\n        opacity: 0;\r\n        animation: slide-in-right 1s ease-out 2s forwards;\r\n    }\r\n\r\n    .landercoll-tech-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .landercoll-tech-title {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .landercoll-tech-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        font-size: 10px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    .landercoll-status-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        background: #4caf50;\r\n        border-radius: 50%;\r\n        animation: pulse-status 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse-status {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.5; }\r\n    }\r\n\r\n    .landercoll-tech-specs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .landercoll-spec-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.25rem;\r\n    }\r\n\r\n    .landercoll-spec-label {\r\n        font-size: 10px;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .landercoll-spec-bar {\r\n        height: 4px;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-radius: 2px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-spec-fill {\r\n        height: 100%;\r\n        width: var(--width);\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n        animation: fill-bar 2s ease-out 2.5s forwards;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n    }\r\n\r\n    @keyframes fill-bar {\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    @keyframes slide-in-right {\r\n        from { \r\n            opacity: 0;\r\n            transform: translateX(30px);\r\n        }\r\n        to { \r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Cellulose Ether 3D Structure *\/\r\n    .landercoll-cellulose-structure {\r\n        width: 350px;\r\n        height: 350px;\r\n        position: relative;\r\n        transform-style: preserve-3d;\r\n        animation: rotate-molecule 30s infinite linear;\r\n        margin: 2rem 0;\r\n    }\r\n\r\n    @keyframes rotate-molecule {\r\n        0% { transform: rotateY(0deg) rotateX(15deg) rotateZ(5deg); }\r\n        100% { transform: rotateY(360deg) rotateX(15deg) rotateZ(5deg); }\r\n    }\r\n\r\n    \/* Polymer backbone *\/\r\n    .landercoll-polymer-backbone {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landercoll-carbon-chain {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0;\r\n    }\r\n\r\n    .landercoll-carbon-atom {\r\n        width: 20px;\r\n        height: 20px;\r\n        background: radial-gradient(circle, #333, #666);\r\n        border: 2px solid #0077c8;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px rgba(0, 119, 200, 0.5);\r\n        animation: pulse-carbon 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-carbon-bond {\r\n        width: 30px;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff, #0077c8);\r\n        animation: flow-electrons 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse-carbon {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n\r\n    @keyframes flow-electrons {\r\n        0%, 100% { opacity: 0.7; transform: scaleX(1); }\r\n        50% { opacity: 1; transform: scaleX(1.2); }\r\n    }\r\n\r\n    \/* Hydroxyl groups *\/\r\n    .landercoll-hydroxyl-groups {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-oh-group {\r\n        position: absolute;\r\n        left: var(--position);\r\n        top: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        animation: sway-oh 4s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-oxygen {\r\n        width: 12px;\r\n        height: 12px;\r\n        background: radial-gradient(circle, #ff6b6b, #e55555);\r\n        border-radius: 50%;\r\n        margin-bottom: 5px;\r\n        box-shadow: 0 0 8px rgba(255, 107, 107, 0.6);\r\n    }\r\n\r\n    .landercoll-hydrogen {\r\n        width: 6px;\r\n        height: 6px;\r\n        background: radial-gradient(circle, #ffffff, #cccccc);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    @keyframes sway-oh {\r\n        0%, 100% { transform: rotate(-5deg); }\r\n        50% { transform: rotate(5deg); }\r\n    }\r\n\r\n    \/* Ether substituents *\/\r\n    .landercoll-ether-substituents {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-methyl-group,\r\n    .landercoll-ethyl-group {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance));\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 3px;\r\n        animation: orbit-substituent 8s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-carbon-small {\r\n        width: 10px;\r\n        height: 10px;\r\n        background: radial-gradient(circle, #333, #666);\r\n        border: 1px solid #0077c8;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .landercoll-hydrogen-small {\r\n        width: 4px;\r\n        height: 4px;\r\n        background: radial-gradient(circle, #ffffff, #cccccc);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    @keyframes orbit-substituent {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(1); }\r\n        50% { transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(1.1); }\r\n    }\r\n\r\n    \/* Water molecules *\/\r\n    .landercoll-water-molecules {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-water-molecule {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        animation: orbit-water var(--orbit-speed) linear infinite;\r\n    }\r\n\r\n    .landercoll-h2o-oxygen {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: radial-gradient(circle, #4fc3f7, #0288d1);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        box-shadow: 0 0 6px rgba(79, 195, 247, 0.8);\r\n    }\r\n\r\n    .landercoll-h2o-hydrogen {\r\n        position: absolute;\r\n        width: 4px;\r\n        height: 4px;\r\n        background: radial-gradient(circle, #ffffff, #e0e0e0);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 3px rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    .landercoll-h2o-hydrogen:nth-child(2) {\r\n        top: 2px;\r\n        left: 12px;\r\n    }\r\n\r\n    .landercoll-h2o-hydrogen:nth-child(3) {\r\n        top: 12px;\r\n        left: 2px;\r\n    }\r\n\r\n    @keyframes orbit-water {\r\n        0% { transform: translate(-50%, -50%) rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg); }\r\n        100% { transform: translate(-50%, -50%) rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg); }\r\n    }\r\n\r\n    \/* Hydrogen bonds *\/\r\n    .landercoll-hydrogen-bonds {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-h-bond {\r\n        position: absolute;\r\n        width: 50px;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\r\n        animation: pulse-h-bond 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-h-bond:nth-child(1) {\r\n        top: 25%;\r\n        left: 30%;\r\n        transform: rotate(45deg);\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landercoll-h-bond:nth-child(2) {\r\n        top: 60%;\r\n        left: 20%;\r\n        transform: rotate(-30deg);\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    .landercoll-h-bond:nth-child(3) {\r\n        top: 40%;\r\n        left: 60%;\r\n        transform: rotate(60deg);\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .landercoll-h-bond:nth-child(4) {\r\n        top: 70%;\r\n        left: 50%;\r\n        transform: rotate(-45deg);\r\n        animation-delay: 1.5s;\r\n    }\r\n\r\n    @keyframes pulse-h-bond {\r\n        0%, 100% { opacity: 0.3; }\r\n        50% { opacity: 0.8; }\r\n    }\r\n\r\n    \/* Ceramic interaction visualization *\/\r\n    .landercoll-ceramic-interaction {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landercoll-ceramic-particles {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-ceramic-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 8px;\r\n        height: 8px;\r\n        background: radial-gradient(circle, #8bc34a, #689f38);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 8px rgba(139, 195, 74, 0.6);\r\n        opacity: 0;\r\n        animation: appear-particle 1s ease-out var(--delay) forwards,\r\n                   drift-particle 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes appear-particle {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes drift-particle {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        25% { transform: translate(10px, -5px) scale(1.1); }\r\n        50% { transform: translate(-5px, 10px) scale(0.9); }\r\n        75% { transform: translate(-10px, -5px) scale(1.1); }\r\n    }\r\n\r\n    \/* Binding forces *\/\r\n    .landercoll-binding-forces {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .landercoll-force-field {\r\n        position: absolute;\r\n        width: var(--length);\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 193, 7, 0.8), transparent);\r\n        transform: rotate(var(--angle));\r\n        transform-origin: left center;\r\n        animation: pulse-force 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse-force {\r\n        0%, 100% { opacity: 0.4; transform: rotate(var(--angle)) scaleX(1); }\r\n        50% { opacity: 1; transform: rotate(var(--angle)) scaleX(1.2); }\r\n    }\r\n\r\n    \/* Performance indicators *\/\r\n    .landercoll-performance-indicators {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landercoll-indicator {\r\n        position: absolute;\r\n        left: var(--position-x);\r\n        top: var(--position-y);\r\n        transform: translate(-50%, -50%);\r\n        opacity: 0;\r\n        animation: fade-in-indicator 1s ease-out 3s forwards;\r\n    }\r\n\r\n    .landercoll-indicator-pulse {\r\n        width: 12px;\r\n        height: 12px;\r\n        background: #ff9800;\r\n        border-radius: 50%;\r\n        margin: 0 auto 8px;\r\n        animation: pulse-indicator 2s ease-in-out infinite;\r\n        box-shadow: 0 0 15px rgba(255, 152, 0, 0.6);\r\n    }\r\n\r\n    .landercoll-indicator-label {\r\n        font-size: 10px;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        text-align: center;\r\n        background: rgba(0, 59, 111, 0.8);\r\n        padding: 4px 8px;\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(5px);\r\n        border: 1px solid rgba(255, 152, 0, 0.3);\r\n        white-space: nowrap;\r\n    }\r\n\r\n    @keyframes fade-in-indicator {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes pulse-indicator {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.3); }\r\n    }\r\n\r\n    \/* Molecular formula display *\/\r\n    .landercoll-formula-display {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        background: rgba(0, 59, 111, 0.15);\r\n        backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 12px;\r\n        padding: 1rem;\r\n        text-align: center;\r\n        opacity: 0;\r\n        animation: slide-in-left 1s ease-out 2.5s forwards;\r\n    }\r\n\r\n    .landercoll-formula-text {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.5rem;\r\n        font-family: 'Courier New', monospace;\r\n    }\r\n\r\n    .landercoll-formula-label {\r\n        font-size: 10px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    @keyframes slide-in-left {\r\n        from { \r\n            opacity: 0;\r\n            transform: translateX(-30px);\r\n        }\r\n        to { \r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Tablet Styles *\/\r\n    @media (max-width: 1024px) {\r\n        .landercoll-banner-section {\r\n            padding: 20px;\r\n        }\r\n\r\n        .landercoll-container {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .landercoll-main-title {\r\n            font-size: 34px;\r\n        }\r\n\r\n        .landercoll-title-sub {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-visual-element {\r\n            height: 500px;\r\n        }\r\n\r\n        .landercoll-cellulose-structure {\r\n            width: 280px;\r\n            height: 280px;\r\n        }\r\n\r\n        .landercoll-properties {\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .landercoll-tech-panel {\r\n            width: 180px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 768px) {\r\n        .landercoll-banner-section {\r\n            padding: 16px;\r\n            min-height: auto;\r\n            padding-top: 3rem;\r\n            padding-bottom: 3rem;\r\n        }\r\n\r\n        .landercoll-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landercoll-main-title {\r\n            font-size: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        .landercoll-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landercoll-subtitle {\r\n            font-size: 16px;\r\n            text-align: center;\r\n        }\r\n\r\n        .landercoll-description {\r\n            text-align: center;\r\n        }\r\n\r\n        .landercoll-description p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landercoll-properties {\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .landercoll-property-item {\r\n            max-width: 200px;\r\n        }\r\n\r\n        .landercoll-cta-buttons {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .landercoll-btn {\r\n            width: 100%;\r\n            max-width: 300px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .landercoll-visual-element {\r\n            order: -1;\r\n            height: 400px;\r\n            position: relative;\r\n        }\r\n\r\n        .landercoll-cellulose-structure {\r\n            width: 220px;\r\n            height: 220px;\r\n        }\r\n\r\n        .landercoll-tech-panel,\r\n        .landercoll-formula-display,\r\n        .landercoll-performance-indicators,\r\n        .landercoll-ceramic-interaction {\r\n            display: none;\r\n        }\r\n\r\n        .landercoll-ether-groups {\r\n            display: none;\r\n        }\r\n\r\n        .landercoll-molecules {\r\n            opacity: 0.05;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landercoll-main-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-subtitle {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-properties {\r\n            gap: 1rem;\r\n        }\r\n\r\n        .landercoll-property-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .landercoll-visual-element {\r\n            height: 300px;\r\n        }\r\n\r\n        .landercoll-cellulose-structure {\r\n            width: 180px;\r\n            height: 180px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f2c2fa e-con-full e-flex e-con e-parent\" data-id=\"1f2c2fa\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a8952 elementor-widget elementor-widget-html\" data-id=\"25a8952\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landercoll-overview\">\r\n    <section class=\"landercoll-overview-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landercoll-overview-molecules\">\r\n            <div class=\"landercoll-molecular-grid\">\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 10%; --y: 15%; --delay: 0s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 25%; --y: 25%; --delay: 0.5s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 40%; --y: 35%; --delay: 1s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 55%; --y: 20%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 70%; --y: 40%; --delay: 2s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 85%; --y: 30%; --delay: 2.5s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 15%; --y: 65%; --delay: 3s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 35%; --y: 75%; --delay: 3.5s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 60%; --y: 80%; --delay: 4s;\"><\/div>\r\n                <div class=\"landercoll-grid-dot\" style=\"--x: 80%; --y: 70%; --delay: 4.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating ceramic particles -->\r\n            <div class=\"landercoll-ceramic-elements\">\r\n                <div class=\"landercoll-ceramic-element\" style=\"--x: 20%; --y: 30%; --size: 8px; --delay: 0s;\">\r\n                    <div class=\"landercoll-element-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-ceramic-element\" style=\"--x: 75%; --y: 25%; --size: 6px; --delay: 1s;\">\r\n                    <div class=\"landercoll-element-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-ceramic-element\" style=\"--x: 30%; --y: 70%; --size: 10px; --delay: 2s;\">\r\n                    <div class=\"landercoll-element-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-ceramic-element\" style=\"--x: 85%; --y: 75%; --size: 7px; --delay: 3s;\">\r\n                    <div class=\"landercoll-element-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landercoll-overview-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landercoll-overview-header\">\r\n                <div class=\"landercoll-overview-badge\">\r\n                    <span class=\"landercoll-overview-badge-text\">APLICA\u00c7\u00d5ES CER\u00c2MICAS<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-overview-title\">\r\n                    <span class=\"landercoll-overview-title-main\">\u00c9ter de Celulose LANDERCOLL<\/span>\r\n                    <span class=\"landercoll-overview-title-sub\">para Aplica\u00e7\u00f5es Cer\u00e2micas<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"landercoll-overview-tagline\">\r\n                    <span class=\"landercoll-tagline-highlight\">Forma\u00e7\u00e3o Consistente.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Ades\u00e3o Forte.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Desempenho Fi\u00e1vel.<\/span>\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid -->\r\n            <div class=\"landercoll-overview-grid\">\r\n                <!-- Overview Text Section -->\r\n                <div class=\"landercoll-overview-content\">\r\n                    <div class=\"landercoll-content-header\">\r\n                        <h3 class=\"landercoll-content-title\">Vis\u00e3o Geral<\/h3>\r\n                        <div class=\"landercoll-content-line\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"landercoll-overview-text\">\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Os ceramics desempenham um papel vital nos setores da constru\u00e7\u00e3o, dom\u00e9stico e industrial. Desde elementos arquitet\u00f3nicos decorativos at\u00e9 cer\u00e2micas t\u00e9cnicas avan\u00e7adas, garantir uma resist\u00eancia e estabilidade \u00f3timas de forma\u00e7\u00e3o \u00e9 essencial para alcan\u00e7ar uma qualidade e apar\u00eancia de produto excecionais.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Como fabricante experiente de \u00e9teres de celulose, a LANDU dedicou anos ao desenvolvimento de aditivos especializados para processos cer\u00e2micos. A nossa s\u00e9rie de \u00c9teres de Celulose LANDERCOLL \u00e9 formulada para oferecer maior flexibilidade de processamento e desempenho de forma\u00e7\u00e3o em uma ampla variedade de sistemas cer\u00e2micos.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Com parcerias em mais de 30 pa\u00edses, a LANDU fornece solu\u00e7\u00f5es de \u00e9teres de celulose personalizadas que cumprem os padr\u00f5es internacionais e s\u00e3o produzidas sob rigorosos protocolos de garantia de qualidade.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Global Reach Indicator -->\r\n                    <div class=\"landercoll-global-stats\">\r\n                        <div class=\"landercoll-stat-item\">\r\n                            <div class=\"landercoll-stat-number\">30+<\/div>\r\n                            <div class=\"landercoll-stat-label\">Pa\u00edses<\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-stat-separator\"><\/div>\r\n                        <div class=\"landercoll-stat-item\">\r\n                            <div class=\"landercoll-stat-number\">100%<\/div>\r\n                            <div class=\"landercoll-stat-label\">Protocolos de QA<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Product Images Section -->\r\n                <div class=\"landercoll-overview-images\">\r\n                    <div class=\"landercoll-image-container landercoll-image-secondary\">\r\n                        <div class=\"landercoll-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/LANDU-Cellulose-ether.jpg\" \r\n                                 alt=\"Etercelulose LANDU\" \r\n                                 class=\"landercoll-product-image\">\r\n                            <div class=\"landercoll-image-overlay\">\r\n                                <div class=\"landercoll-overlay-content\">\r\n                                    <div class=\"landercoll-overlay-title\">Pronto para Aplica\u00e7\u00e3o<\/div>\r\n                                    <div class=\"landercoll-overlay-desc\">Grau Cer\u00e2mico<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Technical indicators -->\r\n                        <div class=\"landercoll-tech-indicators\">\r\n                            <div class=\"landercoll-indicator-dot\" style=\"--position: 15%; --color: #4caf50;\">\r\n                                <div class=\"landercoll-dot-pulse\"><\/div>\r\n                                <div class=\"landercoll-dot-label\">Alta Pureza<\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-indicator-dot\" style=\"--position: 85%; --color: #2196f3;\">\r\n                                <div class=\"landercoll-dot-pulse\"><\/div>\r\n                                <div class=\"landercoll-dot-label\">Qualidade consistente<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Performance metrics -->\r\n                        <div class=\"landercoll-performance-metrics\">\r\n                            <div class=\"landercoll-metric-bar\">\r\n                                <div class=\"landercoll-metric-label\">Reten\u00e7\u00e3o de \u00e1gua<\/div>\r\n                                <div class=\"landercoll-metric-progress\">\r\n                                    <div class=\"landercoll-progress-fill\" style=\"--progress: 95%;\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-metric-bar\">\r\n                                <div class=\"landercoll-metric-label\">Resist\u00eancia Verde<\/div>\r\n                                <div class=\"landercoll-metric-progress\">\r\n                                    <div class=\"landercoll-progress-fill\" style=\"--progress: 88%;\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Download Brochure Button -->\r\n                    <div class=\"landercoll-download-section\">\r\n                        <a href=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/LANDU-Ceramic-cellulose-ether-brochure.pdf\" \r\n                           target=\"_blank\" \r\n                           class=\"landercoll-download-btn\">\r\n                            <div class=\"landercoll-download-icon\">\r\n                                <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                    <path d=\"M10 2V14M10 14L6 10M10 14L14 10M3 16H17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"landercoll-download-content\">\r\n                                <span class=\"landercoll-download-text\">Descarregar a brochura<\/span>\r\n                                <span class=\"landercoll-download-subtitle\">Guia Completo do Produto<\/span>\r\n                            <\/div>\r\n                            <div class=\"landercoll-download-glow\"><\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Benefits Section -->\r\n            <div class=\"landercoll-benefits-section\">\r\n                <div class=\"landercoll-benefits-header\">\r\n                    <h3 class=\"landercoll-benefits-title\">Vantagens Principais do \u00c9ter de Celulose LANDERCOLL<\/h3>\r\n                    <div class=\"landercoll-benefits-subtitle\">em Aplica\u00e7\u00f5es Cer\u00e2micas<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"landercoll-benefits-grid\">\r\n                    <div class=\"landercoll-benefit-card\">\r\n                        <div class=\"landercoll-benefit-icon\">\r\n                            <div class=\"landercoll-water-icon\">\r\n                                <div class=\"landercoll-water-drop\">\r\n                                    <div class=\"landercoll-drop-core\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landercoll-water-waves\">\r\n                                    <div class=\"landercoll-wave\"><\/div>\r\n                                    <div class=\"landercoll-wave\"><\/div>\r\n                                    <div class=\"landercoll-wave\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-content\">\r\n                            <h4 class=\"landercoll-benefit-title\">Reten\u00e7\u00e3o de \u00c1gua Excecional<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Preserva a humidade durante a moldagem, garantindo uma forma\u00e7\u00e3o consistente e deforma\u00e7\u00e3o minimizada.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-benefit-card\">\r\n                        <div class=\"landercoll-benefit-icon\">\r\n                            <div class=\"landercoll-strength-icon\">\r\n                                <div class=\"landercoll-strength-structure\">\r\n                                    <div class=\"landercoll-structure-bar\"><\/div>\r\n                                    <div class=\"landercoll-structure-bar\"><\/div>\r\n                                    <div class=\"landercoll-structure-bar\"><\/div>\r\n                                    <div class=\"landercoll-structure-support\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-content\">\r\n                            <h4 class=\"landercoll-benefit-title\">Plasticidade e Ades\u00e3o Melhoradas<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Refor\u00e7a o corpo verde, reduzindo o risco de fissuras e melhorando a manipula\u00e7\u00e3o.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-benefit-card\">\r\n                        <div class=\"landercoll-benefit-icon\">\r\n                            <div class=\"landercoll-rheology-icon\">\r\n                                <div class=\"landercoll-flow-lines\">\r\n                                    <div class=\"landercoll-flow-line\"><\/div>\r\n                                    <div class=\"landercoll-flow-line\"><\/div>\r\n                                    <div class=\"landercoll-flow-line\"><\/div>\r\n                                    <div class=\"landercoll-flow-line\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-content\">\r\n                            <h4 class=\"landercoll-benefit-title\">Caracter\u00edsticas de Forma\u00e7\u00e3o Est\u00e1vel<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Permite controlo preciso da forma e acabamento suave da superf\u00edcie.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-benefit-card\">\r\n                        <div class=\"landercoll-benefit-icon\">\r\n                            <div class=\"landercoll-burnout-icon\">\r\n                                <div class=\"landercoll-flame\">\r\n                                    <div class=\"landercoll-flame-core\"><\/div>\r\n                                    <div class=\"landercoll-flame-outer\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landercoll-particles\">\r\n                                    <div class=\"landercoll-particle\"><\/div>\r\n                                    <div class=\"landercoll-particle\"><\/div>\r\n                                    <div class=\"landercoll-particle\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-content\">\r\n                            <h4 class=\"landercoll-benefit-title\">Estrutura Compacta Ap\u00f3s Sintragem<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Promove uma microestrutura densa para resist\u00eancia mec\u00e2nica superior e durabilidade duradoura.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"landercoll-benefit-glow\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landercoll-overview {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landercoll-overview *,\r\n    .landercoll-overview *::before,\r\n    .landercoll-overview *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landercoll-overview-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landercoll-overview-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.15;\r\n    }\r\n\r\n    .landercoll-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    .landercoll-ceramic-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-ceramic-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: appear-element 1s ease-out var(--delay) forwards,\r\n                   float-element 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-element-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: radial-gradient(circle, #8bc34a, #689f38);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px rgba(139, 195, 74, 0.6);\r\n    }\r\n\r\n    @keyframes appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes float-element {\r\n        0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n        33% { transform: translateY(-10px) rotate(120deg); }\r\n        66% { transform: translateY(5px) rotate(240deg); }\r\n    }\r\n\r\n    .landercoll-overview-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landercoll-overview-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    .landercoll-overview-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-overview-badge-text {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landercoll-overview-title {\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .landercoll-overview-title-main {\r\n        display: block;\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.5rem;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    .landercoll-overview-title-sub {\r\n        display: block;\r\n        font-size: 20px;\r\n        font-weight: 400;\r\n        color: #64748b;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: slide-in-title 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-overview-tagline {\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        color: #475569;\r\n        line-height: 1.4;\r\n        opacity: 0;\r\n        animation: fade-in-tagline 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    .landercoll-tagline-highlight {\r\n        color: #0077c8;\r\n        margin: 0 1rem;\r\n        position: relative;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .landercoll-tagline-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        animation: expand-underline 0.8s ease-out 1.2s forwards;\r\n    }\r\n\r\n    @keyframes fade-in-tagline {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes expand-underline {\r\n        to { width: 100%; }\r\n    }\r\n\r\n    \/* Main Content Grid *\/\r\n    .landercoll-overview-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        margin-bottom: 5rem;\r\n        align-items: start;\r\n    }\r\n\r\n    .landercoll-overview-content {\r\n        color: #334155;\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: slide-in-content 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    .landercoll-content-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .landercoll-content-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin: 0;\r\n    }\r\n\r\n    .landercoll-content-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, transparent);\r\n        animation: expand-line 1s ease-out 1.5s forwards;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n    }\r\n\r\n    @keyframes expand-line {\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    .landercoll-overview-text {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .landercoll-overview-paragraph {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .landercoll-overview-paragraph:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    @keyframes slide-in-content {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Global Stats *\/\r\n    .landercoll-global-stats {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 2rem;\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 16px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 20px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landercoll-stat-item {\r\n        text-align: center;\r\n    }\r\n\r\n    .landercoll-stat-number {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        line-height: 1;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landercoll-stat-label {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .landercoll-stat-separator {\r\n        width: 1px;\r\n        height: 40px;\r\n        background: linear-gradient(180deg, transparent, rgba(0, 119, 200, 0.3), transparent);\r\n    }\r\n\r\n    \/* Product Images Section *\/\r\n    .landercoll-overview-images {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2rem;\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: slide-in-images 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    .landercoll-image-container {\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-image-frame {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landercoll-product-image {\r\n        width: 100%;\r\n        height: 200px;\r\n        object-fit: cover;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landercoll-image-container:hover .landercoll-product-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .landercoll-image-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        background: linear-gradient(180deg, transparent, rgba(30, 41, 59, 0.9));\r\n        padding: 1.5rem;\r\n        transform: translateY(100%);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landercoll-image-container:hover .landercoll-image-overlay {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .landercoll-overlay-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landercoll-overlay-desc {\r\n        font-size: 12px;\r\n        color: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    @keyframes slide-in-images {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Technical Indicators *\/\r\n    .landercoll-tech-indicators {\r\n        position: absolute;\r\n        top: 1rem;\r\n        left: 1rem;\r\n        right: 1rem;\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .landercoll-indicator-dot {\r\n        position: relative;\r\n        width: 12px;\r\n        height: 12px;\r\n        background: var(--color);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px var(--color);\r\n        animation: pulse-indicator 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-dot-pulse {\r\n        position: absolute;\r\n        top: -4px;\r\n        left: -4px;\r\n        right: -4px;\r\n        bottom: -4px;\r\n        border: 2px solid var(--color);\r\n        border-radius: 50%;\r\n        animation: expand-pulse 2s ease-in-out infinite;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .landercoll-dot-label {\r\n        position: absolute;\r\n        top: -30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-size: 10px;\r\n        color: #1e293b;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 2px 8px;\r\n        border-radius: 10px;\r\n        white-space: nowrap;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .landercoll-image-container:hover .landercoll-dot-label {\r\n        opacity: 1;\r\n    }\r\n\r\n    @keyframes pulse-indicator {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.2); }\r\n    }\r\n\r\n    @keyframes expand-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.5); opacity: 0.2; }\r\n    }\r\n\r\n    \/* Performance Metrics *\/\r\n    .landercoll-performance-metrics {\r\n        position: absolute;\r\n        bottom: 1rem;\r\n        left: 1rem;\r\n        right: 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 12px;\r\n        padding: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        transform: translateY(100%);\r\n        transition: transform 0.3s ease;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .landercoll-image-container:hover .landercoll-performance-metrics {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .landercoll-metric-bar {\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .landercoll-metric-bar:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .landercoll-metric-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landercoll-metric-progress {\r\n        height: 4px;\r\n        background: rgba(0, 0, 0, 0.1);\r\n        border-radius: 2px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-progress-fill {\r\n        height: 100%;\r\n        width: var(--progress);\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n        animation: fill-progress 2s ease-out 2s forwards;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n    }\r\n\r\n    @keyframes fill-progress {\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    \/* Download Brochure Section *\/\r\n    .landercoll-download-section {\r\n        margin-top: 1.5rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: slide-in-download 0.8s ease-out 1.5s forwards;\r\n    }\r\n\r\n    .landercoll-download-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, #0077c8, #00a8ff);\r\n        color: white;\r\n        text-decoration: none;\r\n        border-radius: 16px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 6px 20px rgba(0, 119, 200, 0.3);\r\n        width: 100%;\r\n    }\r\n\r\n    .landercoll-download-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n        transition: left 0.6s ease;\r\n    }\r\n\r\n    .landercoll-download-btn:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .landercoll-download-btn:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.4);\r\n        background: linear-gradient(135deg, #005a9f, #0088cc);\r\n    }\r\n\r\n    .landercoll-download-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landercoll-download-btn:hover .landercoll-download-icon {\r\n        transform: translateY(2px);\r\n    }\r\n\r\n    .landercoll-download-content {\r\n        flex: 1;\r\n        text-align: left;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .landercoll-download-text {\r\n        display: block;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .landercoll-download-subtitle {\r\n        display: block;\r\n        font-size: 12px;\r\n        opacity: 0.9;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .landercoll-download-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1), transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landercoll-download-btn:hover .landercoll-download-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    @keyframes slide-in-download {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Benefits Section *\/\r\n    .landercoll-benefits-section {\r\n        opacity: 0;\r\n        animation: fade-in-benefits 0.8s ease-out 1.2s forwards;\r\n    }\r\n\r\n    .landercoll-benefits-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landercoll-benefits-title {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .landercoll-benefits-subtitle {\r\n        font-size: 16px;\r\n        color: #64748b;\r\n        font-weight: 400;\r\n    }\r\n\r\n    @keyframes fade-in-benefits {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* \u4fee\u6539\u540e\u7684Benefits Grid - \u56db\u4e2a\u5361\u7247\u4e00\u884c\u6392\u5f00 *\/\r\n    .landercoll-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .landercoll-benefit-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: appear-card 0.8s ease-out forwards;\r\n        box-shadow: 0 4px 20px rgba(0, 119, 200, 0.05);\r\n    }\r\n\r\n    .landercoll-benefit-card:nth-child(1) { animation-delay: 1.4s; }\r\n    .landercoll-benefit-card:nth-child(2) { animation-delay: 1.6s; }\r\n    .landercoll-benefit-card:nth-child(3) { animation-delay: 1.8s; }\r\n    .landercoll-benefit-card:nth-child(4) { animation-delay: 2s; }\r\n\r\n    .landercoll-benefit-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n        box-shadow: 0 10px 30px rgba(0, 119, 200, 0.15);\r\n    }\r\n\r\n    .landercoll-benefit-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(0, 119, 200, 0.05), transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landercoll-benefit-card:hover .landercoll-benefit-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    @keyframes appear-card {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-benefit-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        margin-bottom: 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Water retention icon *\/\r\n    .landercoll-water-icon {\r\n        position: relative;\r\n        width: 25px;\r\n        height: 25px;\r\n    }\r\n\r\n    .landercoll-water-drop {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 14px;\r\n        height: 18px;\r\n        background: linear-gradient(180deg, #4fc3f7, #0288d1);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        animation: drop-bounce 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-drop-core {\r\n        position: absolute;\r\n        top: 3px;\r\n        left: 3px;\r\n        width: 8px;\r\n        height: 12px;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n    }\r\n\r\n    .landercoll-water-waves {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 6px;\r\n    }\r\n\r\n    .landercoll-wave {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 2px;\r\n        background: #0288d1;\r\n        border-radius: 1px;\r\n        animation: wave-flow 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-wave:nth-child(1) { animation-delay: 0s; }\r\n    .landercoll-wave:nth-child(2) { animation-delay: 0.5s; bottom: 2px; }\r\n    .landercoll-wave:nth-child(3) { animation-delay: 1s; bottom: 4px; }\r\n\r\n    @keyframes drop-bounce {\r\n        0%, 100% { transform: translateX(-50%) translateY(0); }\r\n        50% { transform: translateX(-50%) translateY(-3px); }\r\n    }\r\n\r\n    @keyframes wave-flow {\r\n        0%, 100% { transform: scaleX(1); opacity: 0.6; }\r\n        50% { transform: scaleX(0.8); opacity: 1; }\r\n    }\r\n\r\n    \/* Strength icon *\/\r\n    .landercoll-strength-icon {\r\n        width: 30px;\r\n        height: 25px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-strength-structure {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-structure-bar {\r\n        position: absolute;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n        animation: strengthen-bar 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-structure-bar:nth-child(1) {\r\n        width: 5px;\r\n        height: 25px;\r\n        left: 4px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landercoll-structure-bar:nth-child(2) {\r\n        width: 5px;\r\n        height: 20px;\r\n        left: 12px;\r\n        top: 5px;\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .landercoll-structure-bar:nth-child(3) {\r\n        width: 5px;\r\n        height: 15px;\r\n        left: 20px;\r\n        top: 10px;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    .landercoll-structure-support {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n        animation: strengthen-base 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes strengthen-bar {\r\n        0%, 100% { transform: scaleY(1); opacity: 0.8; }\r\n        50% { transform: scaleY(1.1); opacity: 1; }\r\n    }\r\n\r\n    @keyframes strengthen-base {\r\n        0%, 100% { transform: scaleX(1); }\r\n        50% { transform: scaleX(1.1); }\r\n    }\r\n\r\n    \/* Rheology icon *\/\r\n    .landercoll-rheology-icon {\r\n        width: 30px;\r\n        height: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-flow-lines {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-flow-line {\r\n        position: absolute;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, #0077c8, #00a8ff, transparent);\r\n        border-radius: 1px;\r\n        animation: flow-motion 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-flow-line:nth-child(1) { top: 1px; animation-delay: 0s; }\r\n    .landercoll-flow-line:nth-child(2) { top: 6px; animation-delay: 0.2s; }\r\n    .landercoll-flow-line:nth-child(3) { top: 11px; animation-delay: 0.4s; }\r\n    .landercoll-flow-line:nth-child(4) { top: 16px; animation-delay: 0.6s; }\r\n\r\n    @keyframes flow-motion {\r\n        0%, 100% { transform: translateX(0); opacity: 0.6; }\r\n        50% { transform: translateX(4px); opacity: 1; }\r\n    }\r\n\r\n    \/* Burnout icon *\/\r\n    .landercoll-burnout-icon {\r\n        width: 25px;\r\n        height: 25px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-flame {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 14px;\r\n        height: 18px;\r\n    }\r\n\r\n    .landercoll-flame-core {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 18px;\r\n        background: linear-gradient(180deg, #ff6b6b, #ff9800);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        animation: flame-flicker 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-flame-outer {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: -2px;\r\n        right: -2px;\r\n        height: 20px;\r\n        background: linear-gradient(180deg, rgba(255, 107, 107, 0.6), rgba(255, 152, 0, 0.6));\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        animation: flame-flicker 1.5s ease-in-out 0.3s infinite;\r\n    }\r\n\r\n    .landercoll-particles {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 12px;\r\n    }\r\n\r\n    .landercoll-particle {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: #ffab40;\r\n        border-radius: 50%;\r\n        animation: particle-rise 2s ease-out infinite;\r\n    }\r\n\r\n    .landercoll-particle:nth-child(1) {\r\n        left: 6px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landercoll-particle:nth-child(2) {\r\n        left: 11px;\r\n        animation-delay: 0.7s;\r\n    }\r\n\r\n    .landercoll-particle:nth-child(3) {\r\n        left: 16px;\r\n        animation-delay: 1.4s;\r\n    }\r\n\r\n    @keyframes flame-flicker {\r\n        0%, 100% { transform: translateX(-50%) scaleY(1); }\r\n        25% { transform: translateX(-50%) scaleY(1.1) scaleX(0.9); }\r\n        50% { transform: translateX(-50%) scaleY(0.9) scaleX(1.1); }\r\n        75% { transform: translateX(-50%) scaleY(1.05) scaleX(0.95); }\r\n    }\r\n\r\n    @keyframes particle-rise {\r\n        0% { transform: translateY(0); opacity: 1; }\r\n        100% { transform: translateY(-12px); opacity: 0; }\r\n    }\r\n\r\n    .landercoll-benefit-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landercoll-benefit-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.5rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .landercoll-benefit-description {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .landercoll-benefits-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 2rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .landercoll-overview-section {\r\n            padding: 4rem 1.5rem;\r\n        }\r\n\r\n        .landercoll-overview-grid {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .landercoll-overview-title-main {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .landercoll-benefits-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .landercoll-download-btn {\r\n            font-size: 15px;\r\n            padding: 0.875rem 1.25rem;\r\n        }\r\n\r\n        .landercoll-download-icon {\r\n            width: 35px;\r\n            height: 35px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landercoll-overview-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landercoll-overview-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landercoll-overview-title-main {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .landercoll-overview-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landercoll-overview-tagline {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landercoll-tagline-highlight {\r\n            display: block;\r\n            margin: 0.25rem 0;\r\n        }\r\n\r\n        .landercoll-content-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .landercoll-benefits-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .landercoll-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .landercoll-benefit-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .landercoll-global-stats {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .landercoll-stat-separator {\r\n            width: 40px;\r\n            height: 1px;\r\n        }\r\n\r\n        .landercoll-overview-images {\r\n            order: -1;\r\n        }\r\n\r\n        .landercoll-download-btn {\r\n            font-size: 14px;\r\n            padding: 0.75rem 1rem;\r\n        }\r\n\r\n        .landercoll-download-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        .landercoll-download-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-download-subtitle {\r\n            font-size: 11px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landercoll-overview-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landercoll-overview-title-main {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-overview-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-overview-tagline {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-content-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-benefits-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .landercoll-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landercoll-benefit-icon {\r\n            width: 45px;\r\n            height: 45px;\r\n        }\r\n\r\n        .landercoll-download-btn {\r\n            font-size: 13px;\r\n            padding: 0.625rem 0.875rem;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landercoll-download-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .landercoll-download-text {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landercoll-download-subtitle {\r\n            font-size: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef8891e e-con-full e-flex e-con e-parent\" data-id=\"ef8891e\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27caee6 elementor-widget elementor-widget-html\" data-id=\"27caee6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landercoll-science\">\r\n    <section class=\"landercoll-science-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landercoll-science-molecules\">\r\n            <!-- Polymer chain animation -->\r\n            <div class=\"landercoll-polymer-chains\">\r\n                <div class=\"landercoll-chain-strand\" style=\"--position: 15%; --delay: 0s; --duration: 20s;\">\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                    <div class=\"landercoll-chain-bond\"><\/div>\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                    <div class=\"landercoll-chain-bond\"><\/div>\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-chain-strand\" style=\"--position: 50%; --delay: 5s; --duration: 25s;\">\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                    <div class=\"landercoll-chain-bond\"><\/div>\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-chain-strand\" style=\"--position: 80%; --delay: 10s; --duration: 30s;\">\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                    <div class=\"landercoll-chain-bond\"><\/div>\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                    <div class=\"landercoll-chain-bond\"><\/div>\r\n                    <div class=\"landercoll-monomer-unit\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating molecular elements -->\r\n            <div class=\"landercoll-molecular-elements\">\r\n                <div class=\"landercoll-molecular-element\" style=\"--x: 20%; --y: 25%; --delay: 0s;\">\r\n                    <div class=\"landercoll-element-nucleus\"><\/div>\r\n                    <div class=\"landercoll-element-orbit\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-molecular-element\" style=\"--x: 75%; --y: 35%; --delay: 2s;\">\r\n                    <div class=\"landercoll-element-nucleus\"><\/div>\r\n                    <div class=\"landercoll-element-orbit\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-molecular-element\" style=\"--x: 25%; --y: 75%; --delay: 4s;\">\r\n                    <div class=\"landercoll-element-nucleus\"><\/div>\r\n                    <div class=\"landercoll-element-orbit\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landercoll-science-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landercoll-science-header\">\r\n                <div class=\"landercoll-intro-badge\">\r\n                    <span class=\"landercoll-intro-badge-text\">CI\u00caNCIA DOS MATERIAIS<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-science-title\">\r\n                    <span class=\"landercoll-science-title-main\">Compreens\u00e3o do \u00c9ter de Celulose<\/span>\r\n                    <span class=\"landercoll-science-title-sub\">O \"Glutamato Monoss\u00f3dico da Ind\u00fastria\"<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"landercoll-science-description\">\r\n                    <p class=\"landercoll-description-text\">\r\n                        O \u00e9ter de celulose \u00e9 um material polim\u00e9rico natural semi-sint\u00e9tico. Devido \u00e0s suas excelentes propriedades de forma\u00e7\u00e3o de filme, ades\u00e3o e reten\u00e7\u00e3o de \u00e1gua, tem sido amplamente utilizado em ind\u00fastrias como explora\u00e7\u00e3o de petr\u00f3leo, produtos qu\u00edmicos, alimentos, farmac\u00eauticos, cosm\u00e9ticos, constru\u00e7\u00e3o, cer\u00e2mica e materiais de constru\u00e7\u00e3o.\r\n                    <\/p>\r\n                    <div class=\"landercoll-description-highlight\">\r\n                        Por causa da sua versatilidade e funcionalidade cr\u00edtica, o \u00e9ter de celulose \u00e9 frequentemente referido como o <strong>\"glutamato monoss\u00f3dico da ind\u00fastria.\"<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Main Content Section -->\r\n            <div class=\"landercoll-main-content\">\r\n                <!-- Left Column: Applications & Properties -->\r\n                <div class=\"landercoll-content-left\">\r\n                    <!-- Industry Applications -->\r\n                    <div class=\"landercoll-applications-section\">\r\n                        <h3 class=\"landercoll-section-title\">Aplica\u00e7\u00f5es Industriais<\/h3>\r\n                        <div class=\"landercoll-applications-grid\">\r\n                            <div class=\"landercoll-application-item\" style=\"--delay: 0.2s;\">\r\n                                <div class=\"landercoll-app-icon landercoll-oil-icon\">\r\n                                    <div class=\"landercoll-oil-drop\"><\/div>\r\n                                <\/div>\r\n                                <span class=\"landercoll-app-label\">Explora\u00e7\u00e3o de Petr\u00f3leo<\/span>\r\n                            <\/div>\r\n                            <div class=\"landercoll-application-item\" style=\"--delay: 0.3s;\">\r\n                                <div class=\"landercoll-app-icon landercoll-chemical-icon\">\r\n                                    <div class=\"landercoll-chemical-flask\"><\/div>\r\n                                <\/div>\r\n                                <span class=\"landercoll-app-label\">Produtos Qu\u00edmicos<\/span>\r\n                            <\/div>\r\n                            <div class=\"landercoll-application-item\" style=\"--delay: 0.4s;\">\r\n                                <div class=\"landercoll-app-icon landercoll-food-icon\">\r\n                                    <div class=\"landercoll-food-symbol\"><\/div>\r\n                                <\/div>\r\n                                <span class=\"landercoll-app-label\">Alimenta\u00e7\u00e3o<\/span>\r\n                            <\/div>\r\n                            <div class=\"landercoll-application-item\" style=\"--delay: 0.5s;\">\r\n                                <div class=\"landercoll-app-icon landercoll-pharma-icon\">\r\n                                    <div class=\"landercoll-pharma-cross\"><\/div>\r\n                                <\/div>\r\n                                <span class=\"landercoll-app-label\">Produtos farmac\u00eauticos<\/span>\r\n                            <\/div>\r\n                            <div class=\"landercoll-application-item\" style=\"--delay: 0.6s;\">\r\n                                <div class=\"landercoll-app-icon landercoll-cosmetic-icon\">\r\n                                    <div class=\"landercoll-cosmetic-bottle\"><\/div>\r\n                                <\/div>\r\n                                <span class=\"landercoll-app-label\">Cosm\u00e9ticos<\/span>\r\n                            <\/div>\r\n                            <div class=\"landercoll-application-item\" style=\"--delay: 0.7s;\">\r\n                                <div class=\"landercoll-app-icon landercoll-construction-icon\">\r\n                                    <div class=\"landercoll-construction-building\"><\/div>\r\n                                <\/div>\r\n                                <span class=\"landercoll-app-label\">Constru\u00e7\u00e3o<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Properties Details -->\r\n                    <div class=\"landercoll-properties-details\">\r\n                        <h3 class=\"landercoll-section-title\">Propriedades F\u00edsicas e Qu\u00edmicas<\/h3>\r\n                        \r\n                        <!-- Appearance Property -->\r\n                        <div class=\"landercoll-property-card\">\r\n                            <div class=\"landercoll-property-header\">\r\n                                <div class=\"landercoll-property-icon landercoll-appearance-icon\">\r\n                                    <div class=\"landercoll-powder-visual\">\r\n                                        <div class=\"landercoll-powder-cluster\">\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                            <div class=\"landercoll-powder-grain\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h4 class=\"landercoll-property-name\">Apar\u00eancia<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>P\u00f3 fibroso ou granular branco ou off-white<\/strong> que \u00e9 <strong>sem odor e sem sabor<\/strong>.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Solubility Property -->\r\n                        <div class=\"landercoll-property-card\">\r\n                            <div class=\"landercoll-property-header\">\r\n                                <div class=\"landercoll-property-icon landercoll-solubility-icon\">\r\n                                    <div class=\"landercoll-solution-container\">\r\n                                        <div class=\"landercoll-water-level\"><\/div>\r\n                                        <div class=\"landercoll-dissolving-particles\">\r\n                                            <div class=\"landercoll-dissolving-particle\" style=\"--delay: 0s;\"><\/div>\r\n                                            <div class=\"landercoll-dissolving-particle\" style=\"--delay: 0.5s;\"><\/div>\r\n                                            <div class=\"landercoll-dissolving-particle\" style=\"--delay: 1s;\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"landercoll-solution-bubbles\">\r\n                                            <div class=\"landercoll-bubble\" style=\"--size: 2px; --delay: 0.2s;\"><\/div>\r\n                                            <div class=\"landercoll-bubble\" style=\"--size: 3px; --delay: 0.8s;\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <h4 class=\"landercoll-property-name\">Solubilidade<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>Quase insol\u00favel em etanol anidro, \u00e9ter e acetona<\/strong>, mas dissolvido facilmente em <strong>\u00e1gua fria para formar uma solu\u00e7\u00e3o coloidal clara ou ligeiramente turva<\/strong>. Tamb\u00e9m sol\u00favel em solventes mistos de \u00e1gua e \u00e1lcoois de baixo carbono.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Product Showcase -->\r\n                <div class=\"landercoll-content-right\">\r\n                    <div class=\"landercoll-product-showcase\">\r\n                        <div class=\"landercoll-showcase-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/LANDU-Hydroxypropyl-Methyl-Cellulose-Product.jpg\" \r\n                                 alt=\"Produto de Hidroxi-propil Metil Celulose LANDU\" \r\n                                 class=\"landercoll-showcase-image\">\r\n                            \r\n                            <!-- Floating property indicators -->\r\n                            <div class=\"landercoll-property-indicators\">\r\n                                <div class=\"landercoll-property-indicator\" style=\"--x: 25%; --y: 20%;\">\r\n                                    <div class=\"landercoll-indicator-dot landercoll-white-dot\">\r\n                                        <div class=\"landercoll-dot-ripple\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landercoll-indicator-tooltip\">\r\n                                        <div class=\"landercoll-tooltip-title\">P\u00f3 branco<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Fibroso\/Granular<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"landercoll-property-indicator\" style=\"--x: 75%; --y: 30%;\">\r\n                                    <div class=\"landercoll-indicator-dot landercoll-odorless-dot\">\r\n                                        <div class=\"landercoll-dot-ripple\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landercoll-indicator-tooltip\">\r\n                                        <div class=\"landercoll-tooltip-title\">Sem odor<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">&amp; Sem sabor<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"landercoll-property-indicator\" style=\"--x: 30%; --y: 70%;\">\r\n                                    <div class=\"landercoll-indicator-dot landercoll-soluble-dot\">\r\n                                        <div class=\"landercoll-dot-ripple\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landercoll-indicator-tooltip\">\r\n                                        <div class=\"landercoll-tooltip-title\">Sol\u00favel em \u00e1gua<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">\u00c1gua fria<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"landercoll-property-indicator\" style=\"--x: 80%; --y: 75%;\">\r\n                                    <div class=\"landercoll-indicator-dot landercoll-insoluble-dot\">\r\n                                        <div class=\"landercoll-dot-ripple\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landercoll-indicator-tooltip\">\r\n                                        <div class=\"landercoll-tooltip-title\">Insol\u00favel em org\u00e2nicos<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Etanol\/\u00c9ter<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Molecular structure overlay -->\r\n                            <div class=\"landercoll-molecular-overlay\">\r\n                                <div class=\"landercoll-molecule-structure\">\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 35%; --y: 40%;\"><\/div>\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 55%; --y: 35%;\"><\/div>\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 65%; --y: 50%;\"><\/div>\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 45%; --y: 60%;\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Product info panel -->\r\n                        <div class=\"landercoll-product-info\">\r\n                            <div class=\"landercoll-info-header\">\r\n                                <div class=\"landercoll-info-title\">LANDERCOLL HPMC<\/div>\r\n                                <div class=\"landercoll-info-subtitle\">\r\n                                    <a href=\"https:\/\/landu-china.com\/pt\/hidroxipropilmetilcelulose-hpmc\/\" \r\n                                       target=\"_blank\" \r\n                                       class=\"landercoll-hpmc-link\">\r\n                                        Hidroxipropilmetilcelulose\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-info-specs\">\r\n                                <div class=\"landercoll-spec-row\">\r\n                                    <span class=\"landercoll-spec-label\">Grau<\/span>\r\n                                    <span class=\"landercoll-spec-value\">Pr\u00e9mio<\/span>\r\n                                <\/div>\r\n                                <div class=\"landercoll-spec-row\">\r\n                                    <span class=\"landercoll-spec-label\">Pureza<\/span>\r\n                                    <span class=\"landercoll-spec-value\">\u226599%<\/span>\r\n                                <\/div>\r\n                                <div class=\"landercoll-spec-row\">\r\n                                    <span class=\"landercoll-spec-label\">Forma<\/span>\r\n                                    <span class=\"landercoll-spec-value\">P\u00f3<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Learn More Button -->\r\n                        <div class=\"landercoll-learn-more-section\">\r\n                            <a href=\"https:\/\/landu-china.com\/pt\/fornecedor-de-hpmc-melhor-hidroxipropilmetilcelulose\/\" \r\n                               target=\"_blank\" \r\n                               class=\"landercoll-learn-more-btn\">\r\n                                <div class=\"landercoll-learn-more-icon\">\r\n                                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\">\r\n                                        <path d=\"M9 1L16 9L9 17M16 9H2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"landercoll-learn-more-content\">\r\n                                    <span class=\"landercoll-learn-more-text\">Saiba Mais Sobre HPMC<\/span>\r\n                                    <span class=\"landercoll-learn-more-subtitle\">Guia de Fornecedores Profissionais<\/span>\r\n                                <\/div>\r\n                                <div class=\"landercoll-learn-more-glow\"><\/div>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landercoll-science {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landercoll-science *,\r\n    .landercoll-science *::before,\r\n    .landercoll-science *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landercoll-science-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 25%, #e2e8f0 50%, #f8fafc 100%);\r\n        padding: 3.5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landercoll-science-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.06;\r\n    }\r\n\r\n    .landercoll-polymer-chains {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-chain-strand {\r\n        position: absolute;\r\n        top: var(--position);\r\n        left: -150px;\r\n        display: flex;\r\n        align-items: center;\r\n        animation: drift-polymer var(--duration) linear infinite var(--delay);\r\n    }\r\n\r\n    .landercoll-monomer-unit {\r\n        width: 12px;\r\n        height: 12px;\r\n        background: radial-gradient(circle, #0077c8, #005a9b);\r\n        border-radius: 50%;\r\n        border: 1px solid rgba(0, 119, 200, 0.5);\r\n        animation: pulse-monomer 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-chain-bond {\r\n        width: 15px;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        margin: 0 2px;\r\n        animation: flow-bond 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes drift-polymer {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(100vw + 300px)); }\r\n    }\r\n\r\n    @keyframes pulse-monomer {\r\n        0%, 100% { transform: scale(1); opacity: 0.7; }\r\n        50% { transform: scale(1.1); opacity: 1; }\r\n    }\r\n\r\n    @keyframes flow-bond {\r\n        0%, 100% { opacity: 0.6; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    .landercoll-molecular-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-molecular-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 25px;\r\n        height: 25px;\r\n        opacity: 0;\r\n        animation: appear-molecule 1s ease-out var(--delay) forwards,\r\n                   orbit-molecule 8s linear var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-element-nucleus {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: radial-gradient(circle, #8bc34a, #689f38);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        box-shadow: 0 0 6px rgba(139, 195, 74, 0.6);\r\n    }\r\n\r\n    .landercoll-element-orbit {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 25px;\r\n        height: 25px;\r\n        border: 1px solid rgba(139, 195, 74, 0.3);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: rotate-orbit 4s linear infinite;\r\n    }\r\n\r\n    .landercoll-element-orbit::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: #8bc34a;\r\n        border-radius: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    @keyframes appear-molecule {\r\n        to { opacity: 0.6; }\r\n    }\r\n\r\n    @keyframes orbit-molecule {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes rotate-orbit {\r\n        0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n        100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    .landercoll-science-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landercoll-science-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landercoll-intro-badge {\r\n        display: inline-block;\r\n        padding: 8px 18px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 20px;\r\n        margin-bottom: 1.25rem;\r\n        animation: glow-intro-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-intro-badge-text {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    @keyframes glow-intro-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 15px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landercoll-science-title {\r\n        margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .landercoll-science-title-main {\r\n        display: block;\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.5rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: slide-in-science-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    .landercoll-science-title-sub {\r\n        display: block;\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        color: #64748b;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: slide-in-science-title 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes slide-in-science-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-science-description {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        opacity: 0;\r\n        animation: fade-in-description 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    .landercoll-description-text {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .landercoll-description-highlight {\r\n        font-size: 17px;\r\n        line-height: 1.5;\r\n        color: #1e293b;\r\n        font-weight: 500;\r\n        padding: 1.25rem 1.75rem;\r\n        background: rgba(0, 119, 200, 0.05);\r\n        border-left: 3px solid #0077c8;\r\n        border-radius: 6px;\r\n        margin: 0;\r\n    }\r\n\r\n    .landercoll-description-highlight strong {\r\n        color: #0077c8;\r\n        font-weight: 600;\r\n    }\r\n\r\n    @keyframes fade-in-description {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Main Content Layout *\/\r\n    .landercoll-main-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n    }\r\n\r\n    .landercoll-content-left {\r\n        opacity: 0;\r\n        transform: translateX(-20px);\r\n        animation: slide-in-left 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    .landercoll-content-right {\r\n        opacity: 0;\r\n        transform: translateX(20px);\r\n        animation: slide-in-right 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes slide-in-left {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    @keyframes slide-in-right {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-section-title {\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 1.5rem;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-section-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -4px;\r\n        left: 0;\r\n        width: 40px;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        border-radius: 1px;\r\n    }\r\n\r\n    \/* Applications Section *\/\r\n    .landercoll-applications-section {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .landercoll-applications-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .landercoll-application-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        opacity: 0;\r\n        transform: translateY(15px);\r\n        animation: appear-application 0.6s ease-out var(--delay) forwards;\r\n    }\r\n\r\n    .landercoll-app-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-app-icon:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(0, 119, 200, 0.2);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n    }\r\n\r\n    .landercoll-app-icon::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(45deg, transparent, rgba(0, 119, 200, 0.1), transparent);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    .landercoll-app-icon:hover::before {\r\n        transform: translateX(100%);\r\n    }\r\n\r\n    \/* Application Icons *\/\r\n    .landercoll-oil-icon .landercoll-oil-drop {\r\n        width: 18px;\r\n        height: 22px;\r\n        background: linear-gradient(180deg, #2c3e50, #34495e);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-oil-drop::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 3px;\r\n        left: 3px;\r\n        width: 12px;\r\n        height: 16px;\r\n        background: linear-gradient(180deg, rgba(255,255,255,0.3), transparent);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n    }\r\n\r\n    .landercoll-chemical-icon .landercoll-chemical-flask {\r\n        width: 18px;\r\n        height: 22px;\r\n        background: linear-gradient(180deg, transparent 40%, #0077c8 40%);\r\n        border: 2px solid #0077c8;\r\n        border-radius: 2px 2px 6px 6px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-chemical-flask::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -6px;\r\n        left: 5px;\r\n        width: 6px;\r\n        height: 7px;\r\n        border: 2px solid #0077c8;\r\n        border-bottom: none;\r\n        border-radius: 2px 2px 0 0;\r\n    }\r\n\r\n    .landercoll-food-icon .landercoll-food-symbol {\r\n        width: 18px;\r\n        height: 18px;\r\n        border: 2px solid #4caf50;\r\n        border-radius: 50%;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-food-symbol::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #4caf50;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .landercoll-pharma-icon .landercoll-pharma-cross {\r\n        width: 18px;\r\n        height: 18px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-pharma-cross::before,\r\n    .landercoll-pharma-cross::after {\r\n        content: '';\r\n        position: absolute;\r\n        background: #e74c3c;\r\n        border-radius: 1px;\r\n    }\r\n\r\n    .landercoll-pharma-cross::before {\r\n        top: 0;\r\n        left: 7px;\r\n        width: 4px;\r\n        height: 18px;\r\n    }\r\n\r\n    .landercoll-pharma-cross::after {\r\n        top: 7px;\r\n        left: 0;\r\n        width: 18px;\r\n        height: 4px;\r\n    }\r\n\r\n    .landercoll-cosmetic-icon .landercoll-cosmetic-bottle {\r\n        width: 12px;\r\n        height: 18px;\r\n        background: linear-gradient(180deg, #ff6b6b, #ff8a80);\r\n        border-radius: 2px 2px 5px 5px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-cosmetic-bottle::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -4px;\r\n        left: 3px;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: #ff6b6b;\r\n        border-radius: 50% 50% 0 0;\r\n    }\r\n\r\n    .landercoll-construction-icon .landercoll-construction-building {\r\n        width: 16px;\r\n        height: 18px;\r\n        background: linear-gradient(180deg, #607d8b, #78909c);\r\n        border-radius: 2px;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-construction-building::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 4px;\r\n        left: 2px;\r\n        right: 2px;\r\n        height: 1px;\r\n        background: rgba(255,255,255,0.3);\r\n    }\r\n\r\n    .landercoll-construction-building::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 8px;\r\n        left: 2px;\r\n        right: 2px;\r\n        height: 1px;\r\n        background: rgba(255,255,255,0.3);\r\n    }\r\n\r\n    .landercoll-app-label {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    @keyframes appear-application {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Properties Details *\/\r\n    .landercoll-properties-details {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .landercoll-property-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 12px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 3px 15px rgba(0, 119, 200, 0.05);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .landercoll-property-card:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 25px rgba(0, 119, 200, 0.1);\r\n        border-color: rgba(0, 119, 200, 0.3);\r\n    }\r\n\r\n    .landercoll-property-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .landercoll-property-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-property-name {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin: 0;\r\n    }\r\n\r\n    .landercoll-property-description {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .landercoll-property-description strong {\r\n        color: #1e293b;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Appearance Icon - Fixed *\/\r\n    .landercoll-appearance-icon .landercoll-powder-visual {\r\n        position: relative;\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n\r\n    .landercoll-powder-cluster {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        grid-template-rows: repeat(2, 1fr);\r\n        gap: 2px;\r\n        padding: 3px;\r\n    }\r\n\r\n    .landercoll-powder-grain {\r\n        background: radial-gradient(circle, #ffffff, #e2e8f0);\r\n        border-radius: 50%;\r\n        width: 100%;\r\n        height: 100%;\r\n        animation: shimmer-grain 2s ease-in-out infinite;\r\n        box-shadow: 0 0 2px rgba(0, 119, 200, 0.3);\r\n    }\r\n\r\n    .landercoll-powder-grain:nth-child(1) { animation-delay: 0s; }\r\n    .landercoll-powder-grain:nth-child(2) { animation-delay: 0.2s; }\r\n    .landercoll-powder-grain:nth-child(3) { animation-delay: 0.4s; }\r\n    .landercoll-powder-grain:nth-child(4) { animation-delay: 0.6s; }\r\n    .landercoll-powder-grain:nth-child(5) { animation-delay: 0.8s; }\r\n    .landercoll-powder-grain:nth-child(6) { animation-delay: 1s; }\r\n    .landercoll-powder-grain:nth-child(7) { animation-delay: 1.2s; }\r\n    .landercoll-powder-grain:nth-child(8) { animation-delay: 1.4s; }\r\n\r\n    @keyframes shimmer-grain {\r\n        0%, 100% { \r\n            transform: scale(0.8); \r\n            opacity: 0.7;\r\n            box-shadow: 0 0 2px rgba(0, 119, 200, 0.3);\r\n        }\r\n        50% { \r\n            transform: scale(1); \r\n            opacity: 1;\r\n            box-shadow: 0 0 4px rgba(0, 119, 200, 0.6);\r\n        }\r\n    }\r\n\r\n    \/* Solubility Icon *\/\r\n    .landercoll-solubility-icon .landercoll-solution-container {\r\n        position: relative;\r\n        width: 26px;\r\n        height: 26px;\r\n        background: rgba(79, 195, 247, 0.1);\r\n        border: 2px solid #4fc3f7;\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landercoll-water-level {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 60%;\r\n        background: linear-gradient(180deg, rgba(79, 195, 247, 0.3), rgba(79, 195, 247, 0.6));\r\n        animation: water-level-rise 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-dissolving-particles {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landercoll-dissolving-particle {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: #ffffff;\r\n        border-radius: 50%;\r\n        animation: dissolve-particle 2s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-dissolving-particle:nth-child(1) { top: 4px; left: 7px; }\r\n    .landercoll-dissolving-particle:nth-child(2) { top: 7px; left: 16px; }\r\n    .landercoll-dissolving-particle:nth-child(3) { top: 10px; left: 4px; }\r\n\r\n    .landercoll-solution-bubbles {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 60%;\r\n    }\r\n\r\n    .landercoll-bubble {\r\n        position: absolute;\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 50%;\r\n        animation: bubble-rise 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-bubble:nth-child(1) { bottom: 0; left: 20%; }\r\n    .landercoll-bubble:nth-child(2) { bottom: 0; left: 70%; }\r\n\r\n    @keyframes water-level-rise {\r\n        0%, 100% { height: 50%; }\r\n        50% { height: 70%; }\r\n    }\r\n\r\n    @keyframes dissolve-particle {\r\n        0% { opacity: 1; transform: translateY(0); }\r\n        100% { opacity: 0; transform: translateY(12px); }\r\n    }\r\n\r\n    @keyframes bubble-rise {\r\n        0% { transform: translateY(0); opacity: 0; }\r\n        50% { opacity: 0.8; }\r\n        100% { transform: translateY(-15px); opacity: 0; }\r\n    }\r\n\r\n    \/* Product Showcase *\/\r\n    .landercoll-product-showcase {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .landercoll-showcase-frame {\r\n        position: relative;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landercoll-showcase-image {\r\n        width: 100%;\r\n        height: 280px;\r\n        object-fit: cover;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landercoll-product-showcase:hover .landercoll-showcase-image {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Property Indicators *\/\r\n    .landercoll-property-indicators {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landercoll-property-indicator {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        transform: translate(-50%, -50%);\r\n        opacity: 0;\r\n        animation: appear-indicator 1s ease-out 1.5s forwards;\r\n    }\r\n\r\n    .landercoll-indicator-dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        position: relative;\r\n        animation: pulse-property-dot 2s ease-in-out infinite;\r\n        cursor: pointer;\r\n        pointer-events: all;\r\n    }\r\n\r\n    .landercoll-white-dot { background: #ffffff; box-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 0 0 0 2px rgba(0, 119, 200, 0.3); }\r\n    .landercoll-odorless-dot { background: #e0e7ff; box-shadow: 0 0 8px rgba(224, 231, 255, 0.8), 0 0 0 2px rgba(99, 102, 241, 0.3); }\r\n    .landercoll-soluble-dot { background: #4fc3f7; box-shadow: 0 0 8px rgba(79, 195, 247, 0.8), 0 0 0 2px rgba(3, 169, 244, 0.3); }\r\n    .landercoll-insoluble-dot { background: #ff8a65; box-shadow: 0 0 8px rgba(255, 138, 101, 0.8), 0 0 0 2px rgba(255, 87, 34, 0.3); }\r\n\r\n    .landercoll-dot-ripple {\r\n        position: absolute;\r\n        top: -4px;\r\n        left: -4px;\r\n        right: -4px;\r\n        bottom: -4px;\r\n        border: 1px solid currentColor;\r\n        border-radius: 50%;\r\n        animation: expand-ripple 2s ease-in-out infinite;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .landercoll-indicator-tooltip {\r\n        position: absolute;\r\n        bottom: 18px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 8px 12px;\r\n        border-radius: 6px;\r\n        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .landercoll-property-indicator:hover .landercoll-indicator-tooltip {\r\n        opacity: 1;\r\n    }\r\n\r\n    .landercoll-tooltip-title {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .landercoll-tooltip-desc {\r\n        font-size: 10px;\r\n        color: #64748b;\r\n    }\r\n\r\n    @keyframes appear-indicator {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes pulse-property-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.2); }\r\n    }\r\n\r\n    @keyframes expand-ripple {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.5); opacity: 0.2; }\r\n    }\r\n\r\n    \/* Molecular Overlay *\/\r\n    .landercoll-molecular-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(45deg, transparent 70%, rgba(0, 119, 200, 0.05));\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landercoll-product-showcase:hover .landercoll-molecular-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .landercoll-molecule-structure {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-structure-node {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 5px;\r\n        height: 5px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: pulse-structure-node 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes pulse-structure-node {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n        50% { transform: translate(-50%, -50%) scale(1.5); }\r\n    }\r\n\r\n    \/* Product Info Panel *\/\r\n    .landercoll-product-info {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 12px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 3px 15px rgba(0, 119, 200, 0.08);\r\n    }\r\n\r\n    .landercoll-info-header {\r\n        margin-bottom: 1.25rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 1px solid rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landercoll-info-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landercoll-info-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* HPMC Link Styles *\/\r\n    .landercoll-hpmc-link {\r\n        color: #0077c8;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n    }\r\n\r\n    .landercoll-hpmc-link::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        transition: width 0.3s ease;\r\n    }\r\n\r\n    .landercoll-hpmc-link:hover {\r\n        color: #005a9b;\r\n    }\r\n\r\n    .landercoll-hpmc-link:hover::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .landercoll-info-specs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .landercoll-spec-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .landercoll-spec-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .landercoll-spec-value {\r\n        font-size: 13px;\r\n        color: #1e293b;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Learn More Button Section *\/\r\n    .landercoll-learn-more-section {\r\n        margin-top: 1.5rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: slide-in-learn-more 0.8s ease-out 1.8s forwards;\r\n    }\r\n\r\n    .landercoll-learn-more-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, #4caf50, #8bc34a);\r\n        color: white;\r\n        text-decoration: none;\r\n        border-radius: 14px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 6px 20px rgba(76, 175, 80, 0.3);\r\n        width: 100%;\r\n    }\r\n\r\n    .landercoll-learn-more-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n        transition: left 0.6s ease;\r\n    }\r\n\r\n    .landercoll-learn-more-btn:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .landercoll-learn-more-btn:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(76, 175, 80, 0.4);\r\n        background: linear-gradient(135deg, #388e3c, #689f38);\r\n    }\r\n\r\n    .landercoll-learn-more-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landercoll-learn-more-btn:hover .landercoll-learn-more-icon {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .landercoll-learn-more-content {\r\n        flex: 1;\r\n        text-align: left;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .landercoll-learn-more-text {\r\n        display: block;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .landercoll-learn-more-subtitle {\r\n        display: block;\r\n        font-size: 12px;\r\n        opacity: 0.9;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .landercoll-learn-more-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1), transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landercoll-learn-more-btn:hover .landercoll-learn-more-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    @keyframes slide-in-learn-more {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landercoll-science-section {\r\n            padding: 3rem 1.5rem;\r\n        }\r\n\r\n        .landercoll-main-content {\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landercoll-science-title-main {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .landercoll-applications-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1rem;\r\n        }\r\n\r\n        .landercoll-learn-more-btn {\r\n            font-size: 14px;\r\n            padding: 0.875rem 1.25rem;\r\n        }\r\n\r\n        .landercoll-learn-more-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landercoll-science-section {\r\n            padding: 2.5rem 1rem;\r\n        }\r\n\r\n        .landercoll-main-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .landercoll-science-title-main {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .landercoll-science-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landercoll-applications-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .landercoll-section-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-showcase-image {\r\n            height: 220px;\r\n        }\r\n\r\n        .landercoll-content-right {\r\n            order: -1;\r\n        }\r\n\r\n        .landercoll-learn-more-btn {\r\n            font-size: 14px;\r\n            padding: 0.75rem 1rem;\r\n        }\r\n\r\n        .landercoll-learn-more-icon {\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n\r\n        .landercoll-learn-more-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-learn-more-subtitle {\r\n            font-size: 11px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landercoll-science-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landercoll-science-title-main {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-science-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-applications-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .landercoll-section-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .landercoll-property-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landercoll-property-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        .landercoll-property-name {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landercoll-showcase-image {\r\n            height: 180px;\r\n        }\r\n\r\n        .landercoll-learn-more-btn {\r\n            font-size: 13px;\r\n            padding: 0.625rem 0.875rem;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landercoll-learn-more-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .landercoll-learn-more-text {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landercoll-learn-more-subtitle {\r\n            font-size: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13f5cb9 e-con-full e-flex e-con e-parent\" data-id=\"13f5cb9\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0d5f8 elementor-widget elementor-widget-html\" data-id=\"0e0d5f8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landercoll-specifications\">\r\n    <section class=\"landercoll-specifications-section\">\r\n        <!-- Background technical patterns -->\r\n        <div class=\"landercoll-tech-background\">\r\n            <!-- Grid pattern -->\r\n            <div class=\"landercoll-grid-pattern\">\r\n                <div class=\"landercoll-grid-line landercoll-horizontal\" style=\"--position: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"landercoll-grid-line landercoll-horizontal\" style=\"--position: 40%; --delay: 0.5s;\"><\/div>\r\n                <div class=\"landercoll-grid-line landercoll-horizontal\" style=\"--position: 60%; --delay: 1s;\"><\/div>\r\n                <div class=\"landercoll-grid-line landercoll-horizontal\" style=\"--position: 80%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"landercoll-grid-line landercoll-vertical\" style=\"--position: 25%; --delay: 0.25s;\"><\/div>\r\n                <div class=\"landercoll-grid-line landercoll-vertical\" style=\"--position: 50%; --delay: 0.75s;\"><\/div>\r\n                <div class=\"landercoll-grid-line landercoll-vertical\" style=\"--position: 75%; --delay: 1.25s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating data points -->\r\n            <div class=\"landercoll-data-points\">\r\n                <div class=\"landercoll-data-point\" style=\"--x: 15%; --y: 25%; --delay: 0s;\">\r\n                    <div class=\"landercoll-point-core\"><\/div>\r\n                    <div class=\"landercoll-point-ring\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-data-point\" style=\"--x: 70%; --y: 20%; --delay: 1s;\">\r\n                    <div class=\"landercoll-point-core\"><\/div>\r\n                    <div class=\"landercoll-point-ring\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-data-point\" style=\"--x: 25%; --y: 75%; --delay: 2s;\">\r\n                    <div class=\"landercoll-point-core\"><\/div>\r\n                    <div class=\"landercoll-point-ring\"><\/div>\r\n                <\/div>\r\n                <div class=\"landercoll-data-point\" style=\"--x: 80%; --y: 80%; --delay: 3s;\">\r\n                    <div class=\"landercoll-point-core\"><\/div>\r\n                    <div class=\"landercoll-point-ring\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landercoll-specifications-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landercoll-specifications-header\">\r\n                <div class=\"landercoll-spec-badge\">\r\n                    <span class=\"landercoll-spec-badge-text\">ESPECIFICA\u00c7\u00d5ES T\u00c9CNICAS<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-specifications-title\">\r\n                    <span class=\"landercoll-spec-number\">07<\/span>\r\n                    <span class=\"landercoll-spec-title-main\">Eter de Celulose Especial LANDERCOLL de Grau Cer\u00e2mico<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"landercoll-spec-legend\">\r\n                    <div class=\"landercoll-legend-item\">\r\n                        <div class=\"landercoll-legend-color landercoll-application-color\"><\/div>\r\n                        <span class=\"landercoll-legend-label\">Campo de Aplica\u00e7\u00e3o<\/span>\r\n                    <\/div>\r\n                    <div class=\"landercoll-legend-item\">\r\n                        <div class=\"landercoll-legend-color landercoll-product-color\"><\/div>\r\n                        <span class=\"landercoll-legend-label\">Produto Recomendado<\/span>\r\n                    <\/div>\r\n                    <div class=\"landercoll-legend-item\">\r\n                        <div class=\"landercoll-legend-color landercoll-viscosity-color\"><\/div>\r\n                        <span class=\"landercoll-legend-label\">Gama de viscosidade<\/span>\r\n                    <\/div>\r\n                    <div class=\"landercoll-legend-item\">\r\n                        <div class=\"landercoll-legend-color landercoll-features-color\"><\/div>\r\n                        <span class=\"landercoll-legend-label\">Carater\u00edsticas do produto<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Specifications Tables -->\r\n            <div class=\"landercoll-spec-tables\">\r\n                <!-- Daily-use Ceramics -->\r\n                <div class=\"landercoll-spec-category\">\r\n                    <div class=\"landercoll-category-header\">\r\n                        <div class=\"landercoll-category-icon\">\r\n                            <div class=\"landercoll-ceramic-icon\">\r\n                                <div class=\"landercoll-ceramic-shape\"><\/div>\r\n                                <div class=\"landercoll-ceramic-glaze\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h3 class=\"landercoll-category-title\">Cer\u00e2micas de Uso Di\u00e1rio<\/h3>\r\n                        <div class=\"landercoll-category-line\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-spec-table\">\r\n                        <div class=\"landercoll-table-row landercoll-table-header\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">Campo de Aplica\u00e7\u00e3o<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Produto Recomendado<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">2%<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">1%<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">Carater\u00edsticas do produto<\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 0.2s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Dispers\u00e3o de esmalte<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">\r\n                                <div class=\"landercoll-product-list\">\r\n                                    <div class=\"landercoll-product-item\">HE300<\/div>\r\n                                    <div class=\"landercoll-product-item\">CM200<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item\">200-450<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">100-300<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">\r\n                                <div class=\"landercoll-feature-text\">Boa dispersibilidade e estabilidade de suspens\u00e3o<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 0.4s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Refor\u00e7o do corpo<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">\r\n                                <div class=\"landercoll-product-list\">\r\n                                    <div class=\"landercoll-product-item\">CM30M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MP30M<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item\">1500-2500<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">1500-2500<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">\r\n                                <div class=\"landercoll-feature-text\">\u00d3tima plasticidade e f\u00e1cil moldagem<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Honeycomb Ceramics -->\r\n                <div class=\"landercoll-spec-category\">\r\n                    <div class=\"landercoll-category-header\">\r\n                        <div class=\"landercoll-category-icon\">\r\n                            <div class=\"landercoll-honeycomb-icon\">\r\n                                <div class=\"landercoll-honeycomb-cell\"><\/div>\r\n                                <div class=\"landercoll-honeycomb-cell\"><\/div>\r\n                                <div class=\"landercoll-honeycomb-cell\"><\/div>\r\n                                <div class=\"landercoll-honeycomb-cell\"><\/div>\r\n                                <div class=\"landercoll-honeycomb-cell\"><\/div>\r\n                                <div class=\"landercoll-honeycomb-cell\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h3 class=\"landercoll-category-title\">Cer\u00e2micas de favo de mel<\/h3>\r\n                        <div class=\"landercoll-category-line\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-spec-table\">\r\n                        <div class=\"landercoll-table-row landercoll-table-header\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">Campo de Aplica\u00e7\u00e3o<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Produto Recomendado<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">2%<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">1%<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">Carater\u00edsticas do produto<\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 0.6s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Aprimoramento da plasticidade<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">\r\n                                <div class=\"landercoll-product-list\">\r\n                                    <div class=\"landercoll-product-item\">MP4M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MP6M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MP10M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MP20M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MP40M<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item\">3000-5000<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">5000-7000<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">8000-12000<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">35000-45000<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">1000-1800<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">1600-2500<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">\r\n                                <div class=\"landercoll-feature-text\">Excelente plasticidade e estabilidade de conforma\u00e7\u00e3o; reten\u00e7\u00e3o de \u00e1gua adequada; secagem r\u00e1pida; sem fissuras ou deforma\u00e7\u00f5es<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Inorganic Ceramic Membrane -->\r\n                <div class=\"landercoll-spec-category\">\r\n                    <div class=\"landercoll-category-header\">\r\n                        <div class=\"landercoll-category-icon\">\r\n                            <div class=\"landercoll-membrane-icon\">\r\n                                <div class=\"landercoll-membrane-layer\"><\/div>\r\n                                <div class=\"landercoll-membrane-layer\"><\/div>\r\n                                <div class=\"landercoll-membrane-layer\"><\/div>\r\n                                <div class=\"landercoll-membrane-pores\">\r\n                                    <div class=\"landercoll-pore\"><\/div>\r\n                                    <div class=\"landercoll-pore\"><\/div>\r\n                                    <div class=\"landercoll-pore\"><\/div>\r\n                                    <div class=\"landercoll-pore\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h3 class=\"landercoll-category-title\">Membrana Cer\u00e2mica Inorg\u00e2nica<\/h3>\r\n                        <div class=\"landercoll-category-line\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-spec-table\">\r\n                        <div class=\"landercoll-table-row landercoll-table-header\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">Campo de Aplica\u00e7\u00e3o<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Produto Recomendado<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">2%<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">1%<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">Carater\u00edsticas do produto<\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 0.8s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Corpo de suporte<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">\r\n                                <div class=\"landercoll-product-list\">\r\n                                    <div class=\"landercoll-product-item\">ME4M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MP10M<\/div>\r\n                                    <div class=\"landercoll-product-item\">MPS20M<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item\">3000-5000<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">8000-12000<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">1000-1800<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">\r\n                                <div class=\"landercoll-feature-text\">Adequado para colagem e refor\u00e7o de materiais como carbeto de sil\u00edcio, nitreto de sil\u00edcio e alumina<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 1s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Corpo de suporte<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">\r\n                                <div class=\"landercoll-product-list\">\r\n                                    <div class=\"landercoll-product-item\">MPS20M<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item\">1000-1800<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">\r\n                                <div class=\"landercoll-feature-text\">Boa propriedade lubrificante<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 1.2s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Camada de filtra\u00e7\u00e3o<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">\r\n                                <div class=\"landercoll-product-list\">\r\n                                    <div class=\"landercoll-product-item\">MP400<\/div>\r\n                                    <div class=\"landercoll-product-item\">HE300<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-2\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item\">300-500<\/div>\r\n                                    <div class=\"landercoll-viscosity-item\">250-400<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-viscosity-1\">\r\n                                <div class=\"landercoll-viscosity-list\">\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                    <div class=\"landercoll-viscosity-item landercoll-empty-value\">-<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-product-features\">\r\n                                <div class=\"landercoll-feature-text\">Excelente dispersibilidade e estabilidade de suspens\u00e3o; part\u00edculas de camada de filtro uniformes<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Performance Indicators -->\r\n            <div class=\"landercoll-performance-summary\">\r\n                <h3 class=\"landercoll-summary-title\">Indicadores de Desempenho<\/h3>\r\n                <div class=\"landercoll-indicators-grid\">\r\n                    <div class=\"landercoll-indicator-card\" style=\"--delay: 0.2s;\">\r\n                        <div class=\"landercoll-indicator-icon\">\r\n                            <div class=\"landercoll-viscosity-gauge\">\r\n                                <div class=\"landercoll-gauge-needle\"><\/div>\r\n                                <div class=\"landercoll-gauge-arc\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-indicator-content\">\r\n                            <div class=\"landercoll-indicator-value\">100-45000<\/div>\r\n                            <div class=\"landercoll-indicator-unit\">mPa\u00b7s<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Gama de viscosidade<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-indicator-card\" style=\"--delay: 0.4s;\">\r\n                        <div class=\"landercoll-indicator-icon\">\r\n                            <div class=\"landercoll-products-counter\">\r\n                                <div class=\"landercoll-counter-digit\">1<\/div>\r\n                                <div class=\"landercoll-counter-digit\">2<\/div>\r\n                                <div class=\"landercoll-counter-plus\">+<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-indicator-content\">\r\n                            <div class=\"landercoll-indicator-value\">12+<\/div>\r\n                            <div class=\"landercoll-indicator-unit\">Produtos<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Gamas Dispon\u00edveis<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-indicator-card\" style=\"--delay: 0.6s;\">\r\n                        <div class=\"landercoll-indicator-icon\">\r\n                            <div class=\"landercoll-applications-icon\">\r\n                                <div class=\"landercoll-app-dot\"><\/div>\r\n                                <div class=\"landercoll-app-dot\"><\/div>\r\n                                <div class=\"landercoll-app-dot\"><\/div>\r\n                                <div class=\"landercoll-app-connections\">\r\n                                    <div class=\"landercoll-connection-line\"><\/div>\r\n                                    <div class=\"landercoll-connection-line\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-indicator-content\">\r\n                            <div class=\"landercoll-indicator-value\">3<\/div>\r\n                            <div class=\"landercoll-indicator-unit\">Categorias<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Campos de Aplica\u00e7\u00e3o<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"landercoll-indicator-card\" style=\"--delay: 0.8s;\">\r\n                        <div class=\"landercoll-indicator-icon\">\r\n                            <div class=\"landercoll-quality-badge\">\r\n                                <div class=\"landercoll-badge-star\">\u2605<\/div>\r\n                                <div class=\"landercoll-badge-circle\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landercoll-indicator-content\">\r\n                            <div class=\"landercoll-indicator-value\">Pr\u00e9mio<\/div>\r\n                            <div class=\"landercoll-indicator-unit\">Grau<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Norma de Qualidade<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landercoll-specifications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landercoll-specifications *,\r\n    .landercoll-specifications *::before,\r\n    .landercoll-specifications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landercoll-specifications-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background technical patterns *\/\r\n    .landercoll-tech-background {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.05;\r\n    }\r\n\r\n    .landercoll-grid-pattern {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-grid-line {\r\n        position: absolute;\r\n        background: linear-gradient(90deg, transparent, #0077c8, transparent);\r\n        opacity: 0;\r\n        animation: appear-grid-line 1s ease-out var(--delay) forwards;\r\n    }\r\n\r\n    .landercoll-grid-line.landercoll-horizontal {\r\n        top: var(--position);\r\n        left: 0;\r\n        right: 0;\r\n        height: 1px;\r\n    }\r\n\r\n    .landercoll-grid-line.landercoll-vertical {\r\n        left: var(--position);\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, #0077c8, transparent);\r\n    }\r\n\r\n    @keyframes appear-grid-line {\r\n        to { opacity: 0.6; }\r\n    }\r\n\r\n    .landercoll-data-points {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landercoll-data-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 20px;\r\n        height: 20px;\r\n        opacity: 0;\r\n        animation: appear-data-point 1s ease-out var(--delay) forwards,\r\n                   pulse-data-point 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landercoll-point-core {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .landercoll-point-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid #0077c8;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: expand-ring 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes appear-data-point {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes pulse-data-point {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n\r\n    @keyframes expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.8; }\r\n        50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; }\r\n    }\r\n\r\n    .landercoll-specifications-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landercoll-specifications-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .landercoll-spec-badge {\r\n        display: inline-block;\r\n        padding: 8px 18px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 20px;\r\n        margin-bottom: 1.25rem;\r\n        animation: glow-spec-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-spec-badge-text {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    @keyframes glow-spec-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 15px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landercoll-specifications-title {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 1.25rem;\r\n        margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .landercoll-spec-number {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 55px;\r\n        height: 55px;\r\n        background: linear-gradient(135deg, #0077c8, #005a9b);\r\n        color: white;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        border-radius: 10px;\r\n        box-shadow: 0 3px 12px rgba(0, 119, 200, 0.3);\r\n        opacity: 0;\r\n        transform: scale(0.8);\r\n        animation: appear-number 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    .landercoll-spec-title-main {\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        opacity: 0;\r\n        transform: translateY(15px);\r\n        animation: slide-in-spec-title 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes appear-number {\r\n        to {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n    }\r\n\r\n    @keyframes slide-in-spec-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Legend *\/\r\n    .landercoll-spec-legend {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 1.75rem;\r\n        opacity: 0;\r\n        animation: fade-in-legend 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    .landercoll-legend-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .landercoll-legend-color {\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .landercoll-application-color { background: linear-gradient(135deg, #10b981, #059669); }\r\n    .landercoll-product-color { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }\r\n    .landercoll-viscosity-color { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }\r\n    .landercoll-features-color { background: linear-gradient(135deg, #f59e0b, #d97706); }\r\n\r\n    .landercoll-legend-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    @keyframes fade-in-legend {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Specification Tables *\/\r\n    .landercoll-spec-tables {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landercoll-spec-category {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: appear-category 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landercoll-spec-category:nth-child(1) { animation-delay: 0.8s; }\r\n    .landercoll-spec-category:nth-child(2) { animation-delay: 1s; }\r\n    .landercoll-spec-category:nth-child(3) { animation-delay: 1.2s; }\r\n\r\n    @keyframes appear-category {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-category-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .landercoll-category-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Category Icons *\/\r\n    .landercoll-ceramic-icon {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .landercoll-ceramic-shape {\r\n        width: 18px;\r\n        height: 16px;\r\n        background: linear-gradient(180deg, #8b5cf6, #7c3aed);\r\n        border-radius: 50% 50% 20% 20%;\r\n        animation: ceramic-shine 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-ceramic-glaze {\r\n        position: absolute;\r\n        top: 2px;\r\n        left: 2px;\r\n        width: 14px;\r\n        height: 5px;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\r\n        border-radius: 50%;\r\n        animation: glaze-shimmer 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes ceramic-shine {\r\n        0%, 100% { opacity: 0.8; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes glaze-shimmer {\r\n        0%, 100% { opacity: 0.3; transform: translateX(0); }\r\n        50% { opacity: 0.8; transform: translateX(1px); }\r\n    }\r\n\r\n    .landercoll-honeycomb-icon {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        grid-template-rows: repeat(2, 1fr);\r\n        gap: 1px;\r\n        width: 22px;\r\n        height: 16px;\r\n    }\r\n\r\n    .landercoll-honeycomb-cell {\r\n        background: #f59e0b;\r\n        clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\r\n        animation: honeycomb-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-honeycomb-cell:nth-child(1) { animation-delay: 0s; }\r\n    .landercoll-honeycomb-cell:nth-child(2) { animation-delay: 0.2s; }\r\n    .landercoll-honeycomb-cell:nth-child(3) { animation-delay: 0.4s; }\r\n    .landercoll-honeycomb-cell:nth-child(4) { animation-delay: 0.6s; }\r\n    .landercoll-honeycomb-cell:nth-child(5) { animation-delay: 0.8s; }\r\n    .landercoll-honeycomb-cell:nth-child(6) { animation-delay: 1s; }\r\n\r\n    @keyframes honeycomb-pulse {\r\n        0%, 100% { opacity: 0.6; transform: scale(0.9); }\r\n        50% { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    .landercoll-membrane-icon {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 18px;\r\n    }\r\n\r\n    .landercoll-membrane-layer {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #10b981, #059669);\r\n        border-radius: 1px;\r\n        animation: membrane-flow 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-membrane-layer:nth-child(1) { top: 2px; animation-delay: 0s; }\r\n    .landercoll-membrane-layer:nth-child(2) { top: 8px; animation-delay: 0.5s; }\r\n    .landercoll-membrane-layer:nth-child(3) { top: 14px; animation-delay: 1s; }\r\n\r\n    .landercoll-membrane-pores {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landercoll-pore {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border-radius: 50%;\r\n        animation: pore-breathe 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-pore:nth-child(1) { top: 4px; left: 6px; animation-delay: 0s; }\r\n    .landercoll-pore:nth-child(2) { top: 10px; left: 14px; animation-delay: 0.3s; }\r\n    .landercoll-pore:nth-child(3) { top: 16px; left: 7px; animation-delay: 0.6s; }\r\n    .landercoll-pore:nth-child(4) { top: 6px; left: 17px; animation-delay: 0.9s; }\r\n\r\n    @keyframes membrane-flow {\r\n        0%, 100% { opacity: 0.7; transform: scaleX(1); }\r\n        50% { opacity: 1; transform: scaleX(1.05); }\r\n    }\r\n\r\n    @keyframes pore-breathe {\r\n        0%, 100% { opacity: 0.6; transform: scale(1); }\r\n        50% { opacity: 1; transform: scale(1.3); }\r\n    }\r\n\r\n    .landercoll-category-title {\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin: 0;\r\n    }\r\n\r\n    .landercoll-category-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, transparent);\r\n        margin-left: 1rem;\r\n    }\r\n\r\n    \/* Table Styles *\/\r\n    .landercoll-spec-table {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 3px 15px rgba(0, 119, 200, 0.08);\r\n    }\r\n\r\n    .landercoll-table-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr 0.6fr 0.6fr 2fr;\r\n        opacity: 0;\r\n        animation: appear-table-row 0.6s ease-out var(--delay) forwards;\r\n    }\r\n\r\n    .landercoll-table-row.landercoll-table-header {\r\n        background: linear-gradient(135deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        opacity: 1;\r\n        animation: none;\r\n    }\r\n\r\n    @keyframes appear-table-row {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .landercoll-table-cell {\r\n        padding: 1rem;\r\n        border-right: 1px solid rgba(0, 119, 200, 0.1);\r\n        display: flex;\r\n        align-items: center;\r\n        min-height: 70px;\r\n    }\r\n\r\n    .landercoll-table-cell:last-child {\r\n        border-right: none;\r\n    }\r\n\r\n    .landercoll-table-row:not(.landercoll-table-header):hover {\r\n        background: rgba(0, 119, 200, 0.02);\r\n    }\r\n\r\n    .landercoll-table-row:not(.landercoll-table-header):not(:last-child) {\r\n        border-bottom: 1px solid rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    \/* Header cells *\/\r\n    .landercoll-table-header .landercoll-table-cell {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landercoll-table-header .landercoll-viscosity-2,\r\n    .landercoll-table-header .landercoll-viscosity-1 {\r\n        background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(124, 58, 237, 0.05));\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* Cell content styling *\/\r\n    .landercoll-application-name {\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        color: #1e293b;\r\n    }\r\n\r\n    .landercoll-product-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.4rem;\r\n        width: 100%;\r\n    }\r\n\r\n    .landercoll-product-item {\r\n        background: linear-gradient(135deg, #3b82f6, #1d4ed8);\r\n        color: white;\r\n        padding: 6px 12px;\r\n        border-radius: 14px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        text-align: center;\r\n        box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);\r\n        transition: transform 0.2s ease;\r\n        min-height: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landercoll-product-item:hover {\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .landercoll-viscosity-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.4rem;\r\n        width: 100%;\r\n    }\r\n\r\n    .landercoll-viscosity-item {\r\n        background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n        color: white;\r\n        padding: 6px 10px;\r\n        border-radius: 12px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        text-align: center;\r\n        box-shadow: 0 2px 6px rgba(139, 92, 246, 0.3);\r\n        min-height: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landercoll-viscosity-item.landercoll-empty-value {\r\n        background: rgba(139, 92, 246, 0.2);\r\n        color: rgba(139, 92, 246, 0.5);\r\n        box-shadow: none;\r\n        font-weight: 400;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .landercoll-feature-text {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .landercoll-feature-text:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Performance Summary *\/\r\n    .landercoll-performance-summary {\r\n        text-align: center;\r\n        opacity: 0;\r\n        animation: fade-in-summary 0.8s ease-out 1.4s forwards;\r\n    }\r\n\r\n    .landercoll-summary-title {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    @keyframes fade-in-summary {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .landercoll-indicators-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n        gap: 1.75rem;\r\n    }\r\n\r\n    .landercoll-indicator-card {\r\n        background: linear-gradient(135deg, rgba(0, 119, 200, 0.95), rgba(0, 90, 155, 0.98));\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 14px;\r\n        padding: 1.5rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.25rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 20px rgba(0, 119, 200, 0.25);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(15px);\r\n        animation: appear-indicator-card 0.6s ease-out var(--delay) forwards;\r\n    }\r\n\r\n    .landercoll-indicator-card:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.35);\r\n        border-color: rgba(255, 255, 255, 0.3);\r\n        background: linear-gradient(135deg, rgba(0, 119, 200, 0.98), rgba(0, 90, 155, 1));\r\n    }\r\n\r\n    @keyframes appear-indicator-card {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landercoll-indicator-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        border: 1px solid rgba(255, 255, 255, 0.25);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Indicator Icons *\/\r\n    .landercoll-viscosity-gauge {\r\n        position: relative;\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n\r\n    .landercoll-gauge-arc {\r\n        position: absolute;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 3px solid rgba(255, 255, 255, 0.3);\r\n        border-top-color: #ffffff;\r\n        border-radius: 50%;\r\n        animation: rotate-gauge 2s linear infinite;\r\n    }\r\n\r\n    .landercoll-gauge-needle {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 12px;\r\n        background: #ffffff;\r\n        transform: translate(-50%, -100%);\r\n        transform-origin: bottom center;\r\n        animation: sweep-needle 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes rotate-gauge {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes sweep-needle {\r\n        0%, 100% { transform: translate(-50%, -100%) rotate(-45deg); }\r\n        50% { transform: translate(-50%, -100%) rotate(45deg); }\r\n    }\r\n\r\n    .landercoll-products-counter {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 3px;\r\n        color: #ffffff;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .landercoll-counter-digit {\r\n        width: 8px;\r\n        height: 12px;\r\n        background: #ffffff;\r\n        border-radius: 2px;\r\n        animation: digit-flip 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-counter-digit:nth-child(2) {\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    .landercoll-counter-plus {\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        color: #ffffff;\r\n        margin-left: 2px;\r\n    }\r\n\r\n    @keyframes digit-flip {\r\n        0%, 100% { transform: scaleY(1); }\r\n        50% { transform: scaleY(0.7); }\r\n    }\r\n\r\n    .landercoll-applications-icon {\r\n        position: relative;\r\n        width: 28px;\r\n        height: 20px;\r\n    }\r\n\r\n    .landercoll-app-dot {\r\n        position: absolute;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: #ffffff;\r\n        border-radius: 50%;\r\n        animation: app-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-app-dot:nth-child(1) { top: 2px; left: 2px; animation-delay: 0s; }\r\n    .landercoll-app-dot:nth-child(2) { top: 2px; right: 2px; animation-delay: 0.3s; }\r\n    .landercoll-app-dot:nth-child(3) { bottom: 2px; left: 50%; transform: translateX(-50%); animation-delay: 0.6s; }\r\n\r\n    .landercoll-app-connections {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landercoll-connection-line {\r\n        position: absolute;\r\n        height: 1px;\r\n        background: #ffffff;\r\n        animation: connection-flow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-connection-line:nth-child(1) {\r\n        top: 5px;\r\n        left: 8px;\r\n        right: 8px;\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    .landercoll-connection-line:nth-child(2) {\r\n        top: 10px;\r\n        left: 5px;\r\n        width: 18px;\r\n        transform: rotate(45deg);\r\n        transform-origin: left center;\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    @keyframes app-pulse {\r\n        0%, 100% { opacity: 0.6; transform: scale(1); }\r\n        50% { opacity: 1; transform: scale(1.2); }\r\n    }\r\n\r\n    @keyframes connection-flow {\r\n        0%, 100% { opacity: 0.4; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    .landercoll-quality-badge {\r\n        position: relative;\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n\r\n    .landercoll-badge-circle {\r\n        position: absolute;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid #ffffff;\r\n        border-radius: 50%;\r\n        animation: badge-glow 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landercoll-badge-star {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-size: 16px;\r\n        color: #ffffff;\r\n        animation: star-twinkle 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes badge-glow {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }\r\n        50% { box-shadow: 0 0 15px rgba(255, 255, 255, 0.6); }\r\n    }\r\n\r\n    @keyframes star-twinkle {\r\n        0%, 100% { opacity: 0.7; transform: translate(-50%, -50%) rotate(0deg); }\r\n        50% { opacity: 1; transform: translate(-50%, -50%) rotate(180deg); }\r\n    }\r\n\r\n    .landercoll-indicator-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .landercoll-indicator-value {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        line-height: 1;\r\n        margin-bottom: 0.25rem;\r\n        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .landercoll-indicator-unit {\r\n        font-size: 13px;\r\n        color: #ffffff;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n        margin-bottom: 0.5rem;\r\n        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .landercoll-indicator-label {\r\n        font-size: 14px;\r\n        color: #ffffff;\r\n        font-weight: 600;\r\n        line-height: 1.3;\r\n        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);\r\n        opacity: 0.95;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landercoll-specifications-section {\r\n            padding: 2.5rem 1.5rem;\r\n        }\r\n\r\n        .landercoll-spec-title-main {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .landercoll-table-row {\r\n            grid-template-columns: 1fr 1fr 0.5fr 0.5fr 1.5fr;\r\n        }\r\n\r\n        .landercoll-table-cell {\r\n            padding: 0.8rem;\r\n        }\r\n\r\n        .landercoll-application-name {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landercoll-product-item {\r\n            font-size: 12px;\r\n            padding: 5px 10px;\r\n            min-height: 26px;\r\n        }\r\n\r\n        .landercoll-viscosity-item {\r\n            font-size: 11px;\r\n            padding: 5px 8px;\r\n            min-height: 26px;\r\n        }\r\n\r\n        .landercoll-feature-text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landercoll-specifications-section {\r\n            padding: 2rem 1rem;\r\n        }\r\n\r\n        .landercoll-specifications-title {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .landercoll-spec-title-main {\r\n            font-size: 22px;\r\n            text-align: center;\r\n        }\r\n\r\n        .landercoll-spec-legend {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .landercoll-table-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 0;\r\n        }\r\n\r\n        .landercoll-table-cell {\r\n            border-right: none;\r\n            border-bottom: 1px solid rgba(0, 119, 200, 0.1);\r\n            min-height: auto;\r\n            padding: 0.75rem;\r\n        }\r\n\r\n        .landercoll-table-cell:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .landercoll-table-header .landercoll-table-cell {\r\n            background: rgba(0, 119, 200, 0.1);\r\n            font-size: 12px;\r\n            padding: 0.6rem 0.75rem;\r\n        }\r\n\r\n        .landercoll-category-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-summary-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .landercoll-indicators-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .landercoll-indicator-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landercoll-indicator-unit {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .landercoll-indicator-label {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landercoll-application-name {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landercoll-product-item {\r\n            font-size: 11px;\r\n            padding: 4px 8px;\r\n            min-height: 24px;\r\n        }\r\n\r\n        .landercoll-viscosity-item {\r\n            font-size: 10px;\r\n            padding: 4px 6px;\r\n            min-height: 24px;\r\n        }\r\n\r\n        .landercoll-feature-text {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landercoll-specifications-section {\r\n            padding: 1.5rem 0.75rem;\r\n        }\r\n\r\n        .landercoll-spec-title-main {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .landercoll-spec-legend {\r\n            flex-direction: column;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landercoll-category-header {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landercoll-category-line {\r\n            width: 100%;\r\n            margin-left: 0;\r\n        }\r\n\r\n        .landercoll-category-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .landercoll-summary-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landercoll-indicator-card {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .landercoll-indicator-icon {\r\n            width: 45px;\r\n            height: 45px;\r\n        }\r\n\r\n        .landercoll-indicator-unit {\r\n            font-size: 11px;\r\n        }\r\n\r\n        .landercoll-indicator-label {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .landercoll-application-name {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landercoll-product-item {\r\n            font-size: 10px;\r\n            padding: 3px 6px;\r\n            min-height: 22px;\r\n        }\r\n\r\n        .landercoll-viscosity-item {\r\n            font-size: 9px;\r\n            padding: 3px 5px;\r\n            min-height: 22px;\r\n        }\r\n\r\n        .landercoll-feature-text {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3b3854 e-con-full e-flex e-con e-parent\" data-id=\"a3b3854\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a742647 elementor-widget elementor-widget-html\" data-id=\"a742647\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hpmc-benefits\">\r\n    <section class=\"hpmc-benefits-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"hpmc-background-molecules\">\r\n            <div class=\"hpmc-molecular-grid\">\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 8%; --y: 12%; --delay: 0s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 22%; --y: 28%; --delay: 0.4s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 38%; --y: 18%; --delay: 0.8s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 58%; --y: 35%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 75%; --y: 22%; --delay: 1.6s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 88%; --y: 45%; --delay: 2s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 18%; --y: 68%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 42%; --y: 78%; --delay: 2.8s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 65%; --y: 85%; --delay: 3.2s;\"><\/div>\r\n                <div class=\"hpmc-grid-dot\" style=\"--x: 85%; --y: 72%; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating honeycomb particles -->\r\n            <div class=\"hpmc-honeycomb-elements\">\r\n                <div class=\"hpmc-honeycomb-element\" style=\"--x: 15%; --y: 25%; --size: 12px; --delay: 0s;\">\r\n                    <div class=\"hpmc-hexagon-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"hpmc-honeycomb-element\" style=\"--x: 78%; --y: 30%; --size: 8px; --delay: 1.5s;\">\r\n                    <div class=\"hpmc-hexagon-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"hpmc-honeycomb-element\" style=\"--x: 35%; --y: 65%; --size: 10px; --delay: 3s;\">\r\n                    <div class=\"hpmc-hexagon-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"hpmc-honeycomb-element\" style=\"--x: 82%; --y: 78%; --size: 9px; --delay: 4.5s;\">\r\n                    <div class=\"hpmc-hexagon-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hpmc-benefits-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"hpmc-benefits-header\">\r\n                <div class=\"hpmc-benefits-badge\">\r\n                    <span class=\"hpmc-benefits-badge-text\"> APLICA\u00c7\u00d5ES CER\u00c2MICAS<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"hpmc-benefits-title\">\r\n                    <span class=\"hpmc-benefits-title-main\">Principais 5 Benef\u00edcios do \u00c9ter de Celulose<\/span>\r\n                    <span class=\"hpmc-benefits-title-sub\">em Atividade de Superf\u00edcie Cer\u00e2mica<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"hpmc-benefits-intro\">\r\n                    O \u00c9ter de Celulose LANDERCOLL oferece desempenho excecional em aplica\u00e7\u00f5es cer\u00e2micas atrav\u00e9s da sua estrutura molecular \u00fanica e propriedades tensoativas, fornecendo solu\u00e7\u00f5es abrangentes para processos modernos de fabrica\u00e7\u00e3o de cer\u00e2mica.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"hpmc-benefits-grid\">\r\n                <!-- Benefit 1: Surface Activity -->\r\n                <div class=\"hpmc-benefit-card hpmc-benefit-large\">\r\n                    <div class=\"hpmc-benefit-icon\">\r\n                        <div class=\"hpmc-surface-icon\">\r\n                            <div class=\"hpmc-surface-waves\">\r\n                                <div class=\"hpmc-wave-line\"><\/div>\r\n                                <div class=\"hpmc-wave-line\"><\/div>\r\n                                <div class=\"hpmc-wave-line\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"hpmc-surface-droplets\">\r\n                                <div class=\"hpmc-droplet\"><\/div>\r\n                                <div class=\"hpmc-droplet\"><\/div>\r\n                                <div class=\"hpmc-droplet\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-content\">\r\n                        <h3 class=\"hpmc-benefit-title\">Atividade de Superf\u00edcie<\/h3>\r\n                        <div class=\"hpmc-benefit-stats\">\r\n                            <div class=\"hpmc-stat-comparison\">\r\n                                <div class=\"hpmc-stat-item\">\r\n                                    <span class=\"hpmc-stat-value\">44-56<\/span>\r\n                                    <span class=\"hpmc-stat-unit\">dyn\/cm<\/span>\r\n                                    <span class=\"hpmc-stat-label\">Solu\u00e7\u00e3o HPMC<\/span>\r\n                                <\/div>\r\n                                <div class=\"hpmc-stat-vs\">vs<\/div>\r\n                                <div class=\"hpmc-stat-item\">\r\n                                    <span class=\"hpmc-stat-value\">72<\/span>\r\n                                    <span class=\"hpmc-stat-unit\">dyn\/cm<\/span>\r\n                                    <span class=\"hpmc-stat-label\">\u00c1gua Pura<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            A tens\u00e3o superficial de solu\u00e7\u00f5es aquosas de \u00e9ter de celulose varia de 44 a 56 dyn\/cm, em compara\u00e7\u00e3o com 72 dyn\/cm para \u00e1gua pura. Essa menor tens\u00e3o superficial confere \u00e0 solu\u00e7\u00e3o uma boa atividade superficial, permitindo que atue como um agente suspensor e dispersante eficaz. Melhora a estabilidade e a dispers\u00e3o uniforme de lamas minerais cer\u00e2micas.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Low Metal Ion Content -->\r\n                <div class=\"hpmc-benefit-card\">\r\n                    <div class=\"hpmc-benefit-icon\">\r\n                        <div class=\"hpmc-purity-icon\">\r\n                            <div class=\"hpmc-molecule-structure\">\r\n                                <div class=\"hpmc-central-atom\"><\/div>\r\n                                <div class=\"hpmc-bond-line\" style=\"--angle: 0deg;\"><\/div>\r\n                                <div class=\"hpmc-bond-line\" style=\"--angle: 60deg;\"><\/div>\r\n                                <div class=\"hpmc-bond-line\" style=\"--angle: 120deg;\"><\/div>\r\n                                <div class=\"hpmc-bond-line\" style=\"--angle: 180deg;\"><\/div>\r\n                                <div class=\"hpmc-bond-line\" style=\"--angle: 240deg;\"><\/div>\r\n                                <div class=\"hpmc-bond-line\" style=\"--angle: 300deg;\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"hpmc-purity-indicator\">\r\n                                <span class=\"hpmc-purity-percent\">&lt;2%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-content\">\r\n                        <h3 class=\"hpmc-benefit-title\">Baixo Teor de \u00cdons Met\u00e1licos<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Como um pol\u00edmero macromolecular \u00e0 base de polissacar\u00eddeos, o \u00e9ter de celulose pode ser completamente combust\u00edvel em di\u00f3xido de carbono e \u00e1gua. O teor de \u00edons met\u00e1licos (principalmente \u00edons de s\u00f3dio) \u00e9 geralmente inferior a 2%, e cont\u00e9m quase nenhum \u00edon multivalente, como c\u00e1lcio, magn\u00e9sio ou ferro. Portanto, introduz impurezas m\u00ednimas nos materiais cer\u00e2micos e exerce uma influ\u00eancia negligenci\u00e1vel na estrutura cristalina das cer\u00e2micas.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: pH Stability -->\r\n                <div class=\"hpmc-benefit-card\">\r\n                    <div class=\"hpmc-benefit-icon\">\r\n                        <div class=\"hpmc-ph-icon\">\r\n                            <div class=\"hpmc-ph-meter\">\r\n                                <div class=\"hpmc-ph-scale\">\r\n                                    <div class=\"hpmc-ph-indicator\" style=\"--position: 30%;\"><\/div>\r\n                                    <div class=\"hpmc-ph-range\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"hpmc-ph-values\">\r\n                                    <span class=\"hpmc-ph-min\">3.0<\/span>\r\n                                    <span class=\"hpmc-ph-max\">11.0<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-content\">\r\n                        <h3 class=\"hpmc-benefit-title\">Estabilidade do pH<\/h3>\r\n                        <div class=\"hpmc-stability-range\">\r\n                            <span class=\"hpmc-range-label\">Faixa Est\u00e1vel:<\/span>\r\n                            <span class=\"hpmc-range-value\">pH 3,0 - 11,0<\/span>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            A viscosidade de solu\u00e7\u00f5es aquosas de \u00e9ter de celulose \u00e9 pouco afetada por ambientes \u00e1cidos ou alcalinos e permanece est\u00e1vel dentro de uma faixa de pH de 3,0 a 11,0.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: Water Retention -->\r\n                <div class=\"hpmc-benefit-card\">\r\n                    <div class=\"hpmc-benefit-icon\">\r\n                        <div class=\"hpmc-retention-icon\">\r\n                            <div class=\"hpmc-water-container\">\r\n                                <div class=\"hpmc-water-level\"><\/div>\r\n                                <div class=\"hpmc-retention-particles\">\r\n                                    <div class=\"hpmc-particle\"><\/div>\r\n                                    <div class=\"hpmc-particle\"><\/div>\r\n                                    <div class=\"hpmc-particle\"><\/div>\r\n                                    <div class=\"hpmc-particle\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"hpmc-retention-arrows\">\r\n                                <div class=\"hpmc-arrow\"><\/div>\r\n                                <div class=\"hpmc-arrow\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-content\">\r\n                        <h3 class=\"hpmc-benefit-title\">Reten\u00e7\u00e3o de \u00e1gua<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            O \u00e9ter de celulose \u00e9 um agente eficiente de reten\u00e7\u00e3o de \u00e1gua. Possui uma ampla gama de aplica\u00e7\u00f5es em cer\u00e2mica, materiais de constru\u00e7\u00e3o e muitos outros campos. Uma capacidade adequada de reten\u00e7\u00e3o de \u00e1gua n\u00e3o s\u00f3 garante a plasticidade dos corpos cer\u00e2micos, mas tamb\u00e9m pode aumentar adequadamente a porosidade das cer\u00e2micas ap\u00f3s o sinterizado.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 5: Adhesion -->\r\n                <div class=\"hpmc-benefit-card hpmc-benefit-wide\">\r\n                    <div class=\"hpmc-benefit-icon\">\r\n                        <div class=\"hpmc-adhesion-icon\">\r\n                            <div class=\"hpmc-binding-structure\">\r\n                                <div class=\"hpmc-ceramic-layer hpmc-layer-top\"><\/div>\r\n                                <div class=\"hpmc-adhesive-layer\"><\/div>\r\n                                <div class=\"hpmc-ceramic-layer hpmc-layer-bottom\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"hpmc-bond-indicators\">\r\n                                <div class=\"hpmc-bond-point\"><\/div>\r\n                                <div class=\"hpmc-bond-point\"><\/div>\r\n                                <div class=\"hpmc-bond-point\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-content\">\r\n                        <h3 class=\"hpmc-benefit-title\">Ades\u00e3o de Alto Desempenho<\/h3>\r\n                        <div class=\"hpmc-material-types\">\r\n                            <div class=\"hpmc-material-grid\">\r\n                                <span class=\"hpmc-material-tag\">Cer\u00e2micas de \u00d3xido Puro<\/span>\r\n                                <span class=\"hpmc-material-tag\">Silicato de Alum\u00ednio<\/span>\r\n                                <span class=\"hpmc-material-tag\">Minerais de Cordierita<\/span>\r\n                                <span class=\"hpmc-material-tag\">Carboneto de Sil\u00edcio (SiC)<\/span>\r\n                                <span class=\"hpmc-material-tag\">Nitreto de Sil\u00edcio (Si\u2083N\u2084)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Como um aglutinante de alto desempenho, o \u00e9ter de celulose \u00e9 adequado para ligar mat\u00e9rias-primas cer\u00e2micas de \u00f3xido puro, mat\u00e9rias-primas minerais de silicato de alum\u00ednio, mat\u00e9rias-primas minerais de cordierita, carboneto de sil\u00edcio (SiC) e nitreto de sil\u00edcio (Si\u2083N\u2084). \u00c9 amplamente utilizado na ades\u00e3o, suspens\u00e3o e dispers\u00e3o de cer\u00e2micas de constru\u00e7\u00e3o, cer\u00e2micas sanit\u00e1rias, cer\u00e2micas dom\u00e9sticas, cer\u00e2micas de arte, cer\u00e2micas de favo de mel e campos de membranas cer\u00e2micas.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"hpmc-benefit-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .hpmc-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .hpmc-benefits *,\r\n    .hpmc-benefits *::before,\r\n    .hpmc-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .hpmc-benefits-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .hpmc-background-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.15;\r\n    }\r\n\r\n    .hpmc-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .hpmc-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: hpmc-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   hpmc-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .hpmc-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: hpmc-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes hpmc-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes hpmc-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes hpmc-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Honeycomb elements *\/\r\n    .hpmc-honeycomb-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .hpmc-honeycomb-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: hpmc-appear-element 1s ease-out var(--delay) forwards,\r\n                   hpmc-float-element 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .hpmc-hexagon-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(30deg, #ff9800, #ffb74d);\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n        box-shadow: 0 0 8px rgba(255, 152, 0, 0.6);\r\n    }\r\n\r\n    @keyframes hpmc-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes hpmc-float-element {\r\n        0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n        33% { transform: translateY(-8px) rotate(60deg); }\r\n        66% { transform: translateY(4px) rotate(-60deg); }\r\n    }\r\n\r\n    .hpmc-benefits-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .hpmc-benefits-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    .hpmc-benefits-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: hpmc-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-benefits-badge-text {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes hpmc-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .hpmc-benefits-title {\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .hpmc-benefits-title-main {\r\n        display: block;\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.5rem;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: hpmc-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    .hpmc-benefits-title-sub {\r\n        display: block;\r\n        font-size: 20px;\r\n        font-weight: 400;\r\n        color: #64748b;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: hpmc-slide-in-title 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes hpmc-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .hpmc-benefits-intro {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        opacity: 0;\r\n        animation: hpmc-fade-in-intro 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes hpmc-fade-in-intro {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .hpmc-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr;\r\n        grid-template-rows: auto auto;\r\n        gap: 2rem;\r\n        grid-template-areas: \r\n            \"surface-activity low-metal ph-stability\"\r\n            \"adhesion water-retention water-retention\";\r\n    }\r\n\r\n    .hpmc-benefit-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: hpmc-appear-card 0.8s ease-out forwards;\r\n        box-shadow: 0 4px 20px rgba(0, 119, 200, 0.05);\r\n    }\r\n\r\n    .hpmc-benefit-card:nth-child(1) { \r\n        grid-area: surface-activity;\r\n        animation-delay: 1s; \r\n    }\r\n    .hpmc-benefit-card:nth-child(2) { \r\n        grid-area: low-metal;\r\n        animation-delay: 1.2s; \r\n    }\r\n    .hpmc-benefit-card:nth-child(3) { \r\n        grid-area: ph-stability;\r\n        animation-delay: 1.4s; \r\n    }\r\n    .hpmc-benefit-card:nth-child(4) { \r\n        grid-area: water-retention;\r\n        animation-delay: 1.6s; \r\n    }\r\n    .hpmc-benefit-card:nth-child(5) { \r\n        grid-area: adhesion;\r\n        animation-delay: 1.8s; \r\n    }\r\n\r\n    .hpmc-benefit-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n        box-shadow: 0 10px 30px rgba(0, 119, 200, 0.15);\r\n    }\r\n\r\n    .hpmc-benefit-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(0, 119, 200, 0.05), transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .hpmc-benefit-card:hover .hpmc-benefit-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    @keyframes hpmc-appear-card {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .hpmc-benefit-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        margin-bottom: 1.5rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hpmc-benefit-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hpmc-benefit-title {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .hpmc-benefit-description {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Surface Activity Icon *\/\r\n    .hpmc-surface-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 30px;\r\n    }\r\n\r\n    .hpmc-surface-waves {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 20px;\r\n    }\r\n\r\n    .hpmc-wave-line {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, #0077c8, #00a8ff, transparent);\r\n        border-radius: 1px;\r\n        animation: hpmc-wave-flow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-wave-line:nth-child(1) { bottom: 2px; animation-delay: 0s; }\r\n    .hpmc-wave-line:nth-child(2) { bottom: 8px; animation-delay: 0.3s; }\r\n    .hpmc-wave-line:nth-child(3) { bottom: 14px; animation-delay: 0.6s; }\r\n\r\n    .hpmc-surface-droplets {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 15px;\r\n    }\r\n\r\n    .hpmc-droplet {\r\n        position: absolute;\r\n        width: 4px;\r\n        height: 6px;\r\n        background: #4fc3f7;\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        animation: hpmc-droplet-fall 3s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-droplet:nth-child(1) { left: 8px; animation-delay: 0s; }\r\n    .hpmc-droplet:nth-child(2) { left: 16px; animation-delay: 1s; }\r\n    .hpmc-droplet:nth-child(3) { left: 24px; animation-delay: 2s; }\r\n\r\n    @keyframes hpmc-wave-flow {\r\n        0%, 100% { transform: translateX(0); opacity: 0.6; }\r\n        50% { transform: translateX(3px); opacity: 1; }\r\n    }\r\n\r\n    @keyframes hpmc-droplet-fall {\r\n        0%, 100% { transform: translateY(0); opacity: 0; }\r\n        20% { opacity: 1; }\r\n        80% { opacity: 1; }\r\n        100% { transform: translateY(15px); opacity: 0; }\r\n    }\r\n\r\n    \/* Stats comparison *\/\r\n    .hpmc-benefit-stats {\r\n        margin: 1rem 0;\r\n    }\r\n\r\n    .hpmc-stat-comparison {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        background: rgba(0, 119, 200, 0.05);\r\n        border-radius: 12px;\r\n        padding: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .hpmc-stat-item {\r\n        text-align: center;\r\n        flex: 1;\r\n    }\r\n\r\n    .hpmc-stat-value {\r\n        display: block;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n    }\r\n\r\n    .hpmc-stat-unit {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin-left: 2px;\r\n    }\r\n\r\n    .hpmc-stat-label {\r\n        display: block;\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .hpmc-stat-vs {\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        font-size: 14px;\r\n    }\r\n\r\n    \/* Purity Icon *\/\r\n    .hpmc-purity-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 35px;\r\n    }\r\n\r\n    .hpmc-molecule-structure {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .hpmc-central-atom {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #4caf50;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        box-shadow: 0 0 8px rgba(76, 175, 80, 0.6);\r\n        animation: hpmc-atom-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-bond-line {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 12px;\r\n        height: 1px;\r\n        background: #0077c8;\r\n        transform-origin: 0 50%;\r\n        transform: translate(0, -50%) rotate(var(--angle));\r\n        animation: hpmc-bond-glow 3s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-purity-indicator {\r\n        position: absolute;\r\n        bottom: -5px;\r\n        right: -5px;\r\n        background: #4caf50;\r\n        color: white;\r\n        font-size: 8px;\r\n        font-weight: 600;\r\n        padding: 2px 4px;\r\n        border-radius: 6px;\r\n    }\r\n\r\n    @keyframes hpmc-atom-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n        50% { transform: translate(-50%, -50%) scale(1.2); }\r\n    }\r\n\r\n    @keyframes hpmc-bond-glow {\r\n        0%, 100% { opacity: 0.6; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    \/* pH Icon *\/\r\n    .hpmc-ph-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 25px;\r\n    }\r\n\r\n    .hpmc-ph-meter {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .hpmc-ph-scale {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 8px;\r\n        background: linear-gradient(90deg, #f44336, #ff9800, #4caf50, #2196f3, #9c27b0);\r\n        border-radius: 4px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .hpmc-ph-indicator {\r\n        position: absolute;\r\n        top: -2px;\r\n        left: var(--position);\r\n        width: 4px;\r\n        height: 12px;\r\n        background: #0077c8;\r\n        border-radius: 2px;\r\n        animation: hpmc-ph-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-ph-range {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 20%;\r\n        right: 20%;\r\n        height: 100%;\r\n        border: 2px solid rgba(0, 119, 200, 0.6);\r\n        border-radius: 4px;\r\n        background: rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .hpmc-ph-values {\r\n        position: absolute;\r\n        bottom: -15px;\r\n        left: 0;\r\n        right: 0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        font-size: 10px;\r\n        color: #64748b;\r\n    }\r\n\r\n    @keyframes hpmc-ph-pulse {\r\n        0%, 100% { transform: scaleY(1); }\r\n        50% { transform: scaleY(1.2); }\r\n    }\r\n\r\n    .hpmc-stability-range {\r\n        background: rgba(76, 175, 80, 0.1);\r\n        border: 1px solid rgba(76, 175, 80, 0.3);\r\n        border-radius: 8px;\r\n        padding: 0.5rem;\r\n        margin: 1rem 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .hpmc-range-label {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin-right: 0.5rem;\r\n    }\r\n\r\n    .hpmc-range-value {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #4caf50;\r\n    }\r\n\r\n    \/* Water Retention Icon *\/\r\n    .hpmc-retention-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 30px;\r\n    }\r\n\r\n    .hpmc-water-container {\r\n        position: relative;\r\n        width: 20px;\r\n        height: 25px;\r\n        border: 2px solid #0077c8;\r\n        border-radius: 0 0 10px 10px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hpmc-water-level {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 80%;\r\n        background: linear-gradient(180deg, #4fc3f7, #0288d1);\r\n        animation: hpmc-water-oscillate 3s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-retention-particles {\r\n        position: absolute;\r\n        top: 2px;\r\n        left: 2px;\r\n        right: 2px;\r\n        bottom: 2px;\r\n    }\r\n\r\n    .hpmc-particle {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border-radius: 50%;\r\n        animation: hpmc-particle-float 4s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-particle:nth-child(1) { left: 20%; top: 60%; animation-delay: 0s; }\r\n    .hpmc-particle:nth-child(2) { left: 60%; top: 40%; animation-delay: 1s; }\r\n    .hpmc-particle:nth-child(3) { left: 40%; top: 70%; animation-delay: 2s; }\r\n    .hpmc-particle:nth-child(4) { left: 80%; top: 50%; animation-delay: 3s; }\r\n\r\n    .hpmc-retention-arrows {\r\n        position: absolute;\r\n        top: 0;\r\n        right: -8px;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 3px;\r\n    }\r\n\r\n    .hpmc-arrow {\r\n        width: 6px;\r\n        height: 1px;\r\n        background: #4caf50;\r\n        position: relative;\r\n        animation: hpmc-arrow-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-arrow::after {\r\n        content: '';\r\n        position: absolute;\r\n        right: 0;\r\n        top: -1px;\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 3px solid #4caf50;\r\n        border-top: 2px solid transparent;\r\n        border-bottom: 2px solid transparent;\r\n    }\r\n\r\n    @keyframes hpmc-water-oscillate {\r\n        0%, 100% { height: 75%; }\r\n        50% { height: 85%; }\r\n    }\r\n\r\n    @keyframes hpmc-particle-float {\r\n        0%, 100% { transform: translateY(0); opacity: 0.8; }\r\n        50% { transform: translateY(-3px); opacity: 1; }\r\n    }\r\n\r\n    @keyframes hpmc-arrow-pulse {\r\n        0%, 100% { opacity: 0.6; transform: translateX(0); }\r\n        50% { opacity: 1; transform: translateX(-2px); }\r\n    }\r\n\r\n    \/* Adhesion Icon *\/\r\n    .hpmc-adhesion-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 25px;\r\n    }\r\n\r\n    .hpmc-binding-structure {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .hpmc-ceramic-layer {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 6px;\r\n        background: linear-gradient(90deg, #ff9800, #ffb74d);\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .hpmc-layer-top {\r\n        top: 0;\r\n        animation: hpmc-layer-bond 3s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-layer-bottom {\r\n        bottom: 0;\r\n        animation: hpmc-layer-bond 3s ease-in-out 1.5s infinite;\r\n    }\r\n\r\n    .hpmc-adhesive-layer {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n        transform: translateY(-50%);\r\n        animation: hpmc-adhesive-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-bond-indicators {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n    }\r\n\r\n    .hpmc-bond-point {\r\n        width: 3px;\r\n        height: 3px;\r\n        background: #4caf50;\r\n        border-radius: 50%;\r\n        animation: hpmc-bond-pulse 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .hpmc-bond-point:nth-child(2) { animation-delay: 0.5s; }\r\n    .hpmc-bond-point:nth-child(3) { animation-delay: 1s; }\r\n\r\n    @keyframes hpmc-layer-bond {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(1px); }\r\n    }\r\n\r\n    @keyframes hpmc-adhesive-pulse {\r\n        0%, 100% { transform: translateY(-50%) scaleY(1); opacity: 0.8; }\r\n        50% { transform: translateY(-50%) scaleY(1.2); opacity: 1; }\r\n    }\r\n\r\n    @keyframes hpmc-bond-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.7; }\r\n        50% { transform: scale(1.5); opacity: 1; }\r\n    }\r\n\r\n    \/* Material tags *\/\r\n    .hpmc-material-types {\r\n        margin: 1rem 0;\r\n    }\r\n\r\n    .hpmc-material-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 0.5rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .hpmc-material-tag {\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        color: #0077c8;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        padding: 4px 8px;\r\n        border-radius: 12px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .hpmc-benefits-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n            grid-template-areas: \r\n                \"surface-activity surface-activity\"\r\n                \"low-metal ph-stability\"\r\n                \"water-retention adhesion\";\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .hpmc-benefits-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .hpmc-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n            grid-template-areas: \r\n                \"surface-activity\"\r\n                \"low-metal\"\r\n                \"ph-stability\"\r\n                \"water-retention\"\r\n                \"adhesion\";\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .hpmc-benefits-title-main {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .hpmc-benefits-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .hpmc-benefit-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .hpmc-benefit-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .hpmc-stat-comparison {\r\n            flex-direction: column;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .hpmc-material-grid {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .hpmc-benefits-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .hpmc-benefits-title-main {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .hpmc-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .hpmc-benefit-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-140a9be e-con-full e-flex e-con e-parent\" data-id=\"140a9be\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64bc5dc elementor-widget elementor-widget-html\" data-id=\"64bc5dc\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landu-excellence\">\r\n    <section class=\"landu-excellence-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landu-excellence-molecules\">\r\n            <div class=\"landu-molecular-grid\">\r\n                <div class=\"landu-grid-dot\" style=\"--x: 12%; --y: 18%; --delay: 0s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 28%; --y: 12%; --delay: 0.3s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 45%; --y: 25%; --delay: 0.6s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 62%; --y: 15%; --delay: 0.9s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 78%; --y: 30%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 88%; --y: 20%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 15%; --y: 55%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 35%; --y: 68%; --delay: 2.1s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 58%; --y: 75%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 82%; --y: 65%; --delay: 2.7s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating manufacturing elements -->\r\n            <div class=\"landu-manufacturing-elements\">\r\n                <div class=\"landu-factory-element\" style=\"--x: 20%; --y: 35%; --size: 14px; --delay: 0s;\">\r\n                    <div class=\"landu-factory-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-factory-element\" style=\"--x: 75%; --y: 28%; --size: 10px; --delay: 2s;\">\r\n                    <div class=\"landu-factory-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-factory-element\" style=\"--x: 30%; --y: 72%; --size: 12px; --delay: 4s;\">\r\n                    <div class=\"landu-factory-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-factory-element\" style=\"--x: 85%; --y: 80%; --size: 8px; --delay: 6s;\">\r\n                    <div class=\"landu-factory-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landu-excellence-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landu-excellence-header\">\r\n                <div class=\"landu-excellence-badge\">\r\n                    <span class=\"landu-excellence-badge-text\">EXCEL\u00caNCIA NA FABRICA\u00c7\u00c3O<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-excellence-title\">\r\n                    Excel\u00eancia LANDU: Construindo o Sucesso de M\u00e3o Dada\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid -->\r\n            <div class=\"landu-excellence-grid\">\r\n                <!-- Left Content Section -->\r\n                <div class=\"landu-excellence-content\">\r\n                    <!-- Manufacturing Scale -->\r\n                    <div class=\"landu-scale-section\">\r\n                        <div class=\"landu-scale-header\">\r\n                            <div class=\"landu-scale-icon\">\r\n                                <div class=\"landu-production-indicator\">\r\n                                    <div class=\"landu-output-meter\">\r\n                                        <div class=\"landu-meter-fill\"><\/div>\r\n                                        <div class=\"landu-meter-value\">Mais de 50 mil<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-scale-info\">\r\n                                <h3 class=\"landu-scale-title\">Escala de Fabrica\u00e7\u00e3o<\/h3>\r\n                                <div class=\"landu-scale-stats\">\r\n                                    <div class=\"landu-stat-item\">\r\n                                        <span class=\"landu-stat-number\">5<\/span>\r\n                                        <span class=\"landu-stat-label\">F\u00e1bricas de Fabrica\u00e7\u00e3o<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"landu-stat-separator\"><\/div>\r\n                                    <div class=\"landu-stat-item\">\r\n                                        <span class=\"landu-stat-number\">Mais de 50 mil<\/span>\r\n                                        <span class=\"landu-stat-label\">Toneladas de Produ\u00e7\u00e3o Anual<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"landu-scale-description\">\r\n                            Apoiando-se na experi\u00eancia tecnol\u00f3gica, for\u00e7a financeira e capacidades de pesquisa do Grupo SOE, a LANDU estabeleceu cinco f\u00e1bricas de fabrica\u00e7\u00e3o avan\u00e7adas estrategicamente localizadas por toda a Portugal. Com uma produ\u00e7\u00e3o anual de mais de 50.000 toneladas de \u00e9ter de celulose, entregamos desempenho consistente e de alta qualidade em grande escala.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Quality Commitment -->\r\n                    <div class=\"landu-quality-section\">\r\n                        <div class=\"landu-quality-header\">\r\n                            <div class=\"landu-quality-icon\">\r\n                                <div class=\"landu-sustainability-badge\">\r\n                                    <div class=\"landu-leaf-icon\">\r\n                                        <div class=\"landu-leaf\"><\/div>\r\n                                        <div class=\"landu-leaf-stem\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"landu-quality-title\">Qualidade Sustent\u00e1vel<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-quality-description\">\r\n                            Cada lote de \u00e9ter de celulose LANDERCOLL \u00e9 produzido usando mat\u00e9rias-primas de origem sustent\u00e1vel e de alta qualidade, garantindo integridade do produto e responsabilidade ambiental.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Supply Chain Excellence -->\r\n                    <div class=\"landu-supply-section\">\r\n                        <div class=\"landu-supply-header\">\r\n                            <div class=\"landu-supply-icon\">\r\n                                <div class=\"landu-logistics-network\">\r\n                                    <div class=\"landu-network-nodes\">\r\n                                        <div class=\"landu-node\"><\/div>\r\n                                        <div class=\"landu-node\"><\/div>\r\n                                        <div class=\"landu-node\"><\/div>\r\n                                        <div class=\"landu-node\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-network-connections\">\r\n                                        <div class=\"landu-connection\"><\/div>\r\n                                        <div class=\"landu-connection\"><\/div>\r\n                                        <div class=\"landu-connection\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"landu-supply-title\">Excel\u00eancia na Cadeia de Abastecimento<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-supply-description\">\r\n                            Nossa cadeia de abastecimento otimizada e bem coordenada permite uma entrega r\u00e1pida e confi\u00e1vel para pedidos de alto volume. No setor de adesivos para azulejos, as formula\u00e7\u00f5es de \u00e9ter de celulose da LANDU s\u00e3o projetadas para melhorar a efici\u00eancia da aplica\u00e7\u00e3o, aumentar a resist\u00eancia \u00e0 liga\u00e7\u00e3o e garantir resultados duradouros.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Image Section -->\r\n                <div class=\"landu-excellence-images\">\r\n                    <div class=\"landu-image-container\">\r\n                        <div class=\"landu-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/06\/HPMC-raw-material-REFINED-cotton-LANDU.jpg\" \r\n                                 alt=\"Mat\u00e9ria-prima HPMC LANDU - Algod\u00e3o Refinado\" \r\n                                 class=\"landu-raw-material-image\">\r\n                            <div class=\"landu-image-overlay\">\r\n                                <div class=\"landu-overlay-content\">\r\n                                    <div class=\"landu-overlay-title\">Mat\u00e9rias-primas Premium<\/div>\r\n                                    <div class=\"landu-overlay-desc\">Fonte de Algod\u00e3o Refinado<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Quality indicators - \u79fb\u52a8\u5230\u56fe\u7247\u5916\u90e8 -->\r\n                        <div class=\"landu-quality-indicators\">\r\n                            <div class=\"landu-quality-dot\" style=\"--color: #4caf50;\">\r\n                                <div class=\"landu-dot-pulse\"><\/div>\r\n                                <div class=\"landu-dot-label\">Sustent\u00e1vel<\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-quality-dot\" style=\"--color: #2196f3;\">\r\n                                <div class=\"landu-dot-pulse\"><\/div>\r\n                                <div class=\"landu-dot-label\">Grau Premium<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Production metrics - \u79fb\u52a8\u5230\u56fe\u7247\u5916\u90e8\u5e76\u8bbe\u4e3a\u9759\u6001 -->\r\n                        <div class=\"landu-production-metrics\">\r\n                            <div class=\"landu-metric-item\">\r\n                                <div class=\"landu-metric-icon\">\r\n                                    <div class=\"landu-purity-symbol\">99%<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-metric-label\">Pureza<\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-metric-item\">\r\n                                <div class=\"landu-metric-icon\">\r\n                                    <div class=\"landu-consistency-symbol\">\r\n                                        <div class=\"landu-consistency-bar\"><\/div>\r\n                                        <div class=\"landu-consistency-bar\"><\/div>\r\n                                        <div class=\"landu-consistency-bar\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-metric-label\">Consist\u00eancia<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Recommendations Section -->\r\n            <div class=\"landu-recommendations-section\">\r\n                <div class=\"landu-recommendations-header\">\r\n                    <h3 class=\"landu-recommendations-title\">Recomenda\u00e7\u00f5es de Desempenho \u00d3timo<\/h3>\r\n                    <div class=\"landu-recommendations-subtitle\">Para formula\u00e7\u00f5es superiores de adesivos para azulejos<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"landu-recommendations-grid\">\r\n                    <!-- HPMC Primary Additive with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/hpmc-factory-premium-hydroxypropyl-methyl-cellulose\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-primary-additive landu-additive-link\">\r\n                        <div class=\"landu-primary-badge\">PRIM\u00c1RIO<\/div>\r\n                        <div class=\"landu-additive-icon landu-primary-icon\">\r\n                            <div class=\"landu-hpmc-structure\">\r\n                                <div class=\"landu-polymer-chain\">\r\n                                    <div class=\"landu-chain-link\"><\/div>\r\n                                    <div class=\"landu-chain-link\"><\/div>\r\n                                    <div class=\"landu-chain-link\"><\/div>\r\n                                    <div class=\"landu-chain-link\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-functional-groups\">\r\n                                    <div class=\"landu-group\"><\/div>\r\n                                    <div class=\"landu-group\"><\/div>\r\n                                    <div class=\"landu-group\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-additive-content\">\r\n                            <h4 class=\"landu-additive-title\">HPMC<\/h4>\r\n                            <span class=\"landu-additive-role\">Ligante Prim\u00e1rio<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- MHEC with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/hidroxietilmetilcelulose-hemc-mhec\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-additive-card landu-additive-link\">\r\n                        <div class=\"landu-additive-icon\">\r\n                            <div class=\"landu-mhec-icon\">\r\n                                <div class=\"landu-molecular-ring\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-additive-name\">MHEC<\/div>\r\n                        <div class=\"landu-additive-function\">Agente espessante<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- RDP with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/po-de-polimero-redispersivel-semi-flexivel-vae-rdp\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-additive-card landu-additive-link\">\r\n                        <div class=\"landu-additive-icon\">\r\n                            <div class=\"landu-rdp-icon\">\r\n                                <div class=\"landu-polymer-sphere\"><\/div>\r\n                                <div class=\"landu-sphere-coating\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-additive-name\">RDP<\/div>\r\n                        <div class=\"landu-additive-function\">Aumentador de Flexibilidade<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Calcium Formate with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/fabricante-de-formiato-de-calcio\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-additive-card landu-additive-link\">\r\n                        <div class=\"landu-additive-icon\">\r\n                            <div class=\"landu-formate-icon\">\r\n                                <div class=\"landu-crystal-structure\">\r\n                                    <div class=\"landu-crystal-face\"><\/div>\r\n                                    <div class=\"landu-crystal-face\"><\/div>\r\n                                    <div class=\"landu-crystal-face\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-additive-name\">Formiato de c\u00e1lcio<\/div>\r\n                        <div class=\"landu-additive-function\">Acelerador de Cura<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Water-Reducing Agents with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/pt\/superplastificante-de-policarboxilato-em-po-pce\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-additive-card landu-additive-link\">\r\n                        <div class=\"landu-additive-icon\">\r\n                            <div class=\"landu-reducer-icon\">\r\n                                <div class=\"landu-water-molecules\">\r\n                                    <div class=\"landu-water-molecule\"><\/div>\r\n                                    <div class=\"landu-water-molecule\"><\/div>\r\n                                    <div class=\"landu-water-molecule\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-additive-name\">Agentes Redutores de \u00c1gua<\/div>\r\n                        <div class=\"landu-additive-function\">Melhorador de Trabalhabilidade<\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enhancement Button with Link -->\r\n                <a href=\"https:\/\/landu-china.com\/pt\/produtos\/\" \r\n                   target=\"_blank\" \r\n                   class=\"landu-synergy-indicator landu-enhancement-link\">\r\n                    <div class=\"landu-synergy-text\">Aprimoramento Sinerg\u00edstico de Desempenho<\/div>\r\n                    <div class=\"landu-synergy-arrows\">\r\n                        <div class=\"landu-synergy-arrow\"><\/div>\r\n                        <div class=\"landu-synergy-arrow\"><\/div>\r\n                        <div class=\"landu-synergy-arrow\"><\/div>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landu-excellence {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landu-excellence *,\r\n    .landu-excellence *::before,\r\n    .landu-excellence *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landu-excellence-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 4rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landu-excellence-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.15;\r\n    }\r\n\r\n    .landu-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Manufacturing elements *\/\r\n    .landu-manufacturing-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-factory-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-appear-element 1s ease-out var(--delay) forwards,\r\n                   landu-rotate-element 8s linear var(--delay) infinite;\r\n    }\r\n\r\n    .landu-factory-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #ff9800, #f57c00);\r\n        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n        box-shadow: 0 0 8px rgba(255, 152, 0, 0.6);\r\n    }\r\n\r\n    @keyframes landu-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-rotate-element {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    .landu-excellence-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landu-excellence-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landu-excellence-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1rem;\r\n        animation: landu-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-excellence-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landu-excellence-title {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Main Content Grid *\/\r\n    .landu-excellence-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        margin-bottom: 2rem;\r\n        align-items: start;\r\n    }\r\n\r\n    .landu-excellence-content {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: landu-slide-in-content 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-content {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Scale Section *\/\r\n    .landu-scale-section {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 4px 20px rgba(0, 119, 200, 0.05);\r\n    }\r\n\r\n    .landu-scale-header {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .landu-scale-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-production-indicator {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 35px;\r\n    }\r\n\r\n    .landu-output-meter {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0077c8;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        animation: landu-meter-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-meter-fill {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border-radius: 50%;\r\n        background: conic-gradient(from 0deg, #0077c8 0deg, #00a8ff 280deg, transparent 280deg);\r\n        animation: landu-meter-fill 3s ease-out 1s forwards;\r\n        opacity: 0.3;\r\n    }\r\n\r\n    .landu-meter-value {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes landu-meter-pulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.05); }\r\n    }\r\n\r\n    @keyframes landu-meter-fill {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(280deg); }\r\n    }\r\n\r\n    .landu-scale-info {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-scale-title {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .landu-scale-stats {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .landu-stat-item {\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-stat-number {\r\n        display: block;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        line-height: 1;\r\n    }\r\n\r\n    .landu-stat-label {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    .landu-stat-separator {\r\n        width: 1px;\r\n        height: 30px;\r\n        background: linear-gradient(180deg, transparent, rgba(0, 119, 200, 0.3), transparent);\r\n    }\r\n\r\n    .landu-scale-description {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Quality Section *\/\r\n    .landu-quality-section {\r\n        background: rgba(76, 175, 80, 0.05);\r\n        border: 1px solid rgba(76, 175, 80, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .landu-quality-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .landu-quality-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(76, 175, 80, 0.1);\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(76, 175, 80, 0.3);\r\n    }\r\n\r\n    .landu-sustainability-badge {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-leaf-icon {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-leaf {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 16px;\r\n        height: 20px;\r\n        background: linear-gradient(135deg, #4caf50, #8bc34a);\r\n        border-radius: 0 100% 0 100%;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n        animation: landu-leaf-sway 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-leaf-stem {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 8px;\r\n        background: #4caf50;\r\n        border-radius: 1px;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    @keyframes landu-leaf-sway {\r\n        0%, 100% { transform: translateX(-50%) rotate(-45deg); }\r\n        50% { transform: translateX(-50%) rotate(-35deg); }\r\n    }\r\n\r\n    .landu-quality-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #4caf50;\r\n        margin: 0;\r\n    }\r\n\r\n    .landu-quality-description {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Supply Section *\/\r\n    .landu-supply-section {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        backdrop-filter: blur(15px);\r\n    }\r\n\r\n    .landu-supply-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .landu-supply-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n    }\r\n\r\n    .landu-logistics-network {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 25px;\r\n    }\r\n\r\n    .landu-network-nodes {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-node {\r\n        position: absolute;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        animation: landu-node-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-node:nth-child(1) { top: 0; left: 0; animation-delay: 0s; }\r\n    .landu-node:nth-child(2) { top: 0; right: 0; animation-delay: 0.5s; }\r\n    .landu-node:nth-child(3) { bottom: 0; left: 0; animation-delay: 1s; }\r\n    .landu-node:nth-child(4) { bottom: 0; right: 0; animation-delay: 1.5s; }\r\n\r\n    .landu-network-connections {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landu-connection {\r\n        position: absolute;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        animation: landu-connection-flow 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-connection:nth-child(1) {\r\n        top: 3px;\r\n        left: 6px;\r\n        right: 6px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-connection:nth-child(2) {\r\n        bottom: 3px;\r\n        left: 6px;\r\n        right: 6px;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .landu-connection:nth-child(3) {\r\n        left: 3px;\r\n        top: 6px;\r\n        bottom: 6px;\r\n        width: 1px;\r\n        height: auto;\r\n        background: linear-gradient(180deg, #0077c8, #00a8ff);\r\n        animation-delay: 2s;\r\n    }\r\n\r\n    @keyframes landu-node-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.8; }\r\n        50% { transform: scale(1.3); opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-connection-flow {\r\n        0%, 100% { opacity: 0.4; transform: scaleX(1); }\r\n        50% { opacity: 1; transform: scaleX(1.1); }\r\n    }\r\n\r\n    .landu-supply-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin: 0;\r\n    }\r\n\r\n    .landu-supply-description {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Image Section *\/\r\n    .landu-excellence-images {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: landu-slide-in-images 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    .landu-image-container {\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .landu-image-frame {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landu-raw-material-image {\r\n        width: 100%;\r\n        height: 280px;\r\n        object-fit: cover;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-image-container:hover .landu-raw-material-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .landu-image-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        background: linear-gradient(180deg, transparent, rgba(30, 41, 59, 0.9));\r\n        padding: 1.5rem;\r\n        transform: translateY(100%);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-image-container:hover .landu-image-overlay {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .landu-overlay-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landu-overlay-desc {\r\n        font-size: 13px;\r\n        color: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    @keyframes landu-slide-in-images {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Quality Indicators - \u79fb\u52a8\u5230\u56fe\u7247\u5916\u90e8\uff0c\u6c34\u5e73\u6392\u5217 *\/\r\n    .landu-quality-indicators {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 12px;\r\n        padding: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(0, 119, 200, 0.08);\r\n    }\r\n\r\n    .landu-quality-dot {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-quality-dot::before {\r\n        content: '';\r\n        width: 12px;\r\n        height: 12px;\r\n        background: var(--color);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px var(--color);\r\n        animation: landu-quality-pulse 2s ease-in-out infinite;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-dot-pulse {\r\n        display: none; \/* \u9690\u85cf\u539f\u6765\u7684\u8109\u51b2\u6548\u679c *\/\r\n    }\r\n\r\n    .landu-dot-label {\r\n        font-size: 14px;\r\n        color: #1e293b;\r\n        font-weight: 500;\r\n        opacity: 1; \/* \u59cb\u7ec8\u663e\u793a *\/\r\n        position: static;\r\n        background: none;\r\n        padding: 0;\r\n        border-radius: 0;\r\n        white-space: nowrap;\r\n        box-shadow: none;\r\n        transform: none;\r\n    }\r\n\r\n    @keyframes landu-quality-pulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.2); }\r\n    }\r\n\r\n    \/* Production Metrics - \u79fb\u52a8\u5230\u56fe\u7247\u5916\u90e8\u5e76\u8bbe\u4e3a\u9759\u6001 *\/\r\n    .landu-production-metrics {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 12px;\r\n        padding: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(0, 119, 200, 0.08);\r\n        \/* \u79fb\u9664\u52a8\u6001\u6548\u679c *\/\r\n        position: static;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n\r\n    .landu-metric-item {\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-metric-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n        margin: 0 auto 0.5rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .landu-purity-symbol {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #4caf50;\r\n    }\r\n\r\n    .landu-consistency-symbol {\r\n        display: flex;\r\n        gap: 1px;\r\n    }\r\n\r\n    .landu-consistency-bar {\r\n        width: 2px;\r\n        background: #0077c8;\r\n        border-radius: 1px;\r\n        animation: landu-consistency-wave 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-consistency-bar:nth-child(1) { height: 8px; animation-delay: 0s; }\r\n    .landu-consistency-bar:nth-child(2) { height: 12px; animation-delay: 0.2s; }\r\n    .landu-consistency-bar:nth-child(3) { height: 10px; animation-delay: 0.4s; }\r\n\r\n    @keyframes landu-consistency-wave {\r\n        0%, 100% { transform: scaleY(0.8); opacity: 0.6; }\r\n        50% { transform: scaleY(1); opacity: 1; }\r\n    }\r\n\r\n    .landu-metric-label {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Recommendations Section - \u538b\u7f29\u9ad8\u5ea6 *\/\r\n    .landu-recommendations-section {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        opacity: 0;\r\n        animation: landu-fade-in-recommendations 0.8s ease-out 1.2s forwards;\r\n    }\r\n\r\n    .landu-recommendations-header {\r\n        text-align: center;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .landu-recommendations-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landu-recommendations-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        font-weight: 400;\r\n    }\r\n\r\n    @keyframes landu-fade-in-recommendations {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* \u4fee\u6539\u4e3a\u4e00\u884c\u6392\u5f00\u7684\u5e03\u5c40 - \u538b\u7f29\u9ad8\u5ea6 *\/\r\n    .landu-recommendations-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr repeat(4, 1fr);\r\n        gap: 1rem;\r\n        margin-bottom: 1.25rem;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* Additive Link Styles *\/\r\n    .landu-additive-link {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: block;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-additive-link::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(0, 119, 200, 0.1), transparent);\r\n        transition: left 0.6s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    .landu-additive-link:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .landu-additive-link:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.2);\r\n    }\r\n\r\n    \/* Primary Additive - \u7528\u5fbd\u7ae0\u7a81\u51fa *\/\r\n    .landu-primary-additive {\r\n        background: linear-gradient(135deg, rgba(0, 119, 200, 0.1), rgba(0, 168, 255, 0.05));\r\n        border: 2px solid rgba(0, 119, 200, 0.3);\r\n        border-radius: 16px;\r\n        padding: 1rem;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-height: 120px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landu-primary-additive:hover {\r\n        border-color: rgba(0, 119, 200, 0.5);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.3);\r\n    }\r\n\r\n    .landu-primary-badge {\r\n        position: absolute;\r\n        top: -8px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: linear-gradient(90deg, #ff6b35, #f7931e);\r\n        color: white;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        padding: 4px 12px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);\r\n        animation: landu-primary-badge-glow 2s ease-in-out infinite;\r\n        z-index: 3;\r\n    }\r\n\r\n    @keyframes landu-primary-badge-glow {\r\n        0%, 100% { box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4); }\r\n        50% { box-shadow: 0 4px 15px rgba(255, 107, 53, 0.6); }\r\n    }\r\n\r\n    .landu-primary-additive::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(0, 119, 200, 0.1), transparent 70%);\r\n        animation: landu-primary-glow 3s ease-in-out infinite;\r\n        z-index: 0;\r\n    }\r\n\r\n    @keyframes landu-primary-glow {\r\n        0%, 100% { opacity: 0.5; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    .landu-primary-icon {\r\n        width: 50px !important;\r\n        height: 50px !important;\r\n        margin: 0 auto 0.75rem;\r\n        background: rgba(0, 119, 200, 0.15) !important;\r\n        border: 2px solid rgba(0, 119, 200, 0.4) !important;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-hpmc-structure {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 25px;\r\n    }\r\n\r\n    .landu-polymer-chain {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 15px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .landu-chain-link {\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        animation: landu-chain-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-chain-link:nth-child(1) { animation-delay: 0s; }\r\n    .landu-chain-link:nth-child(2) { animation-delay: 0.2s; }\r\n    .landu-chain-link:nth-child(3) { animation-delay: 0.4s; }\r\n    .landu-chain-link:nth-child(4) { animation-delay: 0.6s; }\r\n\r\n    .landu-functional-groups {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landu-group {\r\n        position: absolute;\r\n        width: 3px;\r\n        height: 3px;\r\n        background: #00a8ff;\r\n        border-radius: 50%;\r\n        animation: landu-group-float 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-group:nth-child(1) { top: 0; left: 20%; animation-delay: 0s; }\r\n    .landu-group:nth-child(2) { top: 0; right: 20%; animation-delay: 1s; }\r\n    .landu-group:nth-child(3) { bottom: 0; left: 50%; animation-delay: 2s; }\r\n\r\n    @keyframes landu-chain-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.8; }\r\n        50% { transform: scale(1.2); opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-group-float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-2px); }\r\n    }\r\n\r\n    .landu-additive-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-additive-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landu-additive-role {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        padding: 3px 8px;\r\n        border-radius: 8px;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Complementary Additives - \u7edf\u4e00\u5b57\u4f53\u5927\u5c0f *\/\r\n    .landu-additive-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1rem;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-appear-additive 0.8s ease-out forwards;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        min-height: 120px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-additive-card:nth-child(2) { animation-delay: 1.4s; }\r\n    .landu-additive-card:nth-child(3) { animation-delay: 1.6s; }\r\n    .landu-additive-card:nth-child(4) { animation-delay: 1.8s; }\r\n    .landu-additive-card:nth-child(5) { animation-delay: 2s; }\r\n\r\n    .landu-additive-card:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.15);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n    }\r\n\r\n    @keyframes landu-appear-additive {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landu-additive-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        margin: 0 auto 0.75rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* MHEC Icon *\/\r\n    .landu-mhec-icon {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .landu-molecular-ring {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #ff9800;\r\n        border-radius: 50%;\r\n        border-top-color: transparent;\r\n        animation: landu-ring-rotate 2s linear infinite;\r\n    }\r\n\r\n    @keyframes landu-ring-rotate {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* RDP Icon *\/\r\n    .landu-rdp-icon {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .landu-polymer-sphere {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: linear-gradient(135deg, #9c27b0, #e91e63);\r\n        border-radius: 50%;\r\n        margin: 0 auto;\r\n        animation: landu-sphere-bounce 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-sphere-coating {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border: 2px solid rgba(156, 39, 176, 0.3);\r\n        border-radius: 50%;\r\n        animation: landu-coating-expand 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-sphere-bounce {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n\r\n    @keyframes landu-coating-expand {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.3); opacity: 0.2; }\r\n    }\r\n\r\n    \/* Formate Icon *\/\r\n    .landu-formate-icon {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .landu-crystal-structure {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-crystal-face {\r\n        position: absolute;\r\n        background: linear-gradient(45deg, #607d8b, #90a4ae);\r\n        animation: landu-crystal-shine 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-crystal-face:nth-child(1) {\r\n        top: 0;\r\n        left: 50%;\r\n        width: 10px;\r\n        height: 10px;\r\n        transform: translateX(-50%) rotate(45deg);\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-crystal-face:nth-child(2) {\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 8px;\r\n        height: 8px;\r\n        transform: rotate(45deg);\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .landu-crystal-face:nth-child(3) {\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 6px;\r\n        height: 6px;\r\n        transform: rotate(45deg);\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    @keyframes landu-crystal-shine {\r\n        0%, 100% { opacity: 0.8; transform: rotate(45deg) scale(1); }\r\n        50% { opacity: 1; transform: rotate(45deg) scale(1.1); }\r\n    }\r\n\r\n    \/* Water Reducer Icon *\/\r\n    .landu-reducer-icon {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 18px;\r\n    }\r\n\r\n    .landu-water-molecules {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n    }\r\n\r\n    .landu-water-molecule {\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #03a9f4;\r\n        border-radius: 50%;\r\n        animation: landu-molecule-vibrate 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-water-molecule:nth-child(1) { animation-delay: 0s; }\r\n    .landu-water-molecule:nth-child(2) { animation-delay: 0.2s; }\r\n    .landu-water-molecule:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n    @keyframes landu-molecule-vibrate {\r\n        0%, 100% { transform: translateY(0) scale(1); }\r\n        25% { transform: translateY(-2px) scale(1.1); }\r\n        75% { transform: translateY(2px) scale(0.9); }\r\n    }\r\n\r\n    \/* \u7edf\u4e00\u5b57\u4f53\u5927\u5c0f *\/\r\n    .landu-additive-name {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 0.25rem;\r\n        line-height: 1.2;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-additive-function {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Enhancement Link Styles *\/\r\n    .landu-enhancement-link {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: block;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-enhancement-link::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(0, 119, 200, 0.1), transparent);\r\n        transition: left 0.6s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    .landu-enhancement-link:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .landu-enhancement-link:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(0, 119, 200, 0.2);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n    }\r\n\r\n    \/* Synergy Indicator - \u538b\u7f29\u9ad8\u5ea6 *\/\r\n    .landu-synergy-indicator {\r\n        text-align: center;\r\n        padding: 1rem;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.05), rgba(0, 168, 255, 0.02));\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        cursor: pointer;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-synergy-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        margin-bottom: 0.5rem;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-synergy-arrows {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 0.5rem;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-synergy-arrow {\r\n        width: 20px;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, #0077c8, #00a8ff);\r\n        position: relative;\r\n        animation: landu-arrow-flow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-synergy-arrow::after {\r\n        content: '';\r\n        position: absolute;\r\n        right: -4px;\r\n        top: -2px;\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 4px solid #00a8ff;\r\n        border-top: 3px solid transparent;\r\n        border-bottom: 3px solid transparent;\r\n    }\r\n\r\n    .landu-synergy-arrow:nth-child(1) { animation-delay: 0s; }\r\n    .landu-synergy-arrow:nth-child(2) { animation-delay: 0.3s; }\r\n    .landu-synergy-arrow:nth-child(3) { animation-delay: 0.6s; }\r\n\r\n    @keyframes landu-arrow-flow {\r\n        0%, 100% { opacity: 0.6; transform: translateX(0); }\r\n        50% { opacity: 1; transform: translateX(3px); }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .landu-recommendations-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .landu-primary-additive {\r\n            max-width: 250px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .landu-complementary-additives {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1rem;\r\n            margin-top: 1rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .landu-excellence-section {\r\n            padding: 3rem 1.5rem;\r\n        }\r\n\r\n        .landu-excellence-grid {\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landu-excellence-title {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-excellence-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-excellence-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .landu-excellence-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .landu-scale-header {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .landu-scale-stats {\r\n            justify-content: center;\r\n        }\r\n\r\n        .landu-recommendations-section {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-recommendations-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-recommendations-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .landu-complementary-additives {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .landu-excellence-images {\r\n            order: -1;\r\n        }\r\n\r\n        .landu-quality-indicators {\r\n            flex-direction: column;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landu-quality-dot {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-excellence-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-excellence-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-scale-section,\r\n        .landu-quality-section,\r\n        .landu-supply-section {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-recommendations-section {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .landu-recommendations-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .landu-primary-additive {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .landu-additive-card {\r\n            padding: 0.75rem;\r\n        }\r\n\r\n        .landu-complementary-additives {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7110ac e-con-full e-flex e-con e-parent\" data-id=\"c7110ac\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a338f elementor-widget elementor-widget-html\" data-id=\"68a338f\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landu-partner\">\r\n    <section class=\"landu-partner-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landu-partner-molecules\">\r\n            <div class=\"landu-molecular-grid\">\r\n                <div class=\"landu-grid-dot\" style=\"--x: 8%; --y: 15%; --delay: 0s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 25%; --y: 8%; --delay: 0.4s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 42%; --y: 22%; --delay: 0.8s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 58%; --y: 12%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 75%; --y: 28%; --delay: 1.6s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 92%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 12%; --y: 65%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 38%; --y: 78%; --delay: 2.8s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 62%; --y: 85%; --delay: 3.2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 85%; --y: 72%; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating partnership elements -->\r\n            <div class=\"landu-partnership-elements\">\r\n                <div class=\"landu-partnership-element\" style=\"--x: 18%; --y: 32%; --size: 16px; --delay: 0s;\">\r\n                    <div class=\"landu-partnership-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-partnership-element\" style=\"--x: 78%; --y: 25%; --size: 12px; --delay: 2s;\">\r\n                    <div class=\"landu-partnership-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-partnership-element\" style=\"--x: 32%; --y: 68%; --size: 14px; --delay: 4s;\">\r\n                    <div class=\"landu-partnership-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-partnership-element\" style=\"--x: 88%; --y: 78%; --size: 10px; --delay: 6s;\">\r\n                    <div class=\"landu-partnership-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landu-partner-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landu-partner-header\">\r\n                <div class=\"landu-partner-badge\">\r\n                    <span class=\"landu-partner-badge-text\">EXCEL\u00caNCIA EM PARCERIA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    LANDU \u2014 O Seu Parceiro Fi\u00e1vel em Aditivos para Cer\u00e2mica\r\n                <\/h2>\r\n                \r\n                <p class=\"landu-partner-intro\">\r\n                    Na LANDU, vamos al\u00e9m do fornecimento de produtos. Constru\u00edmos parcerias duradouras oferecendo expertise, inova\u00e7\u00e3o e solu\u00e7\u00f5es sustent\u00e1veis adaptadas \u00e0 ind\u00fastria da cer\u00e2mica.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Partnership Benefits Grid -->\r\n            <div class=\"landu-partner-grid\">\r\n                <!-- Expert Guidance -->\r\n                <div class=\"landu-partner-card\">\r\n                    <div class=\"landu-card-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/landu-professional-sales-staff.jpg\" \r\n                             alt=\"Equipe de Vendas Profissional LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-guidance-icon\">\r\n                                    <div class=\"landu-expert-symbol\">\r\n                                        <div class=\"landu-brain-icon\">\r\n                                            <div class=\"landu-brain-core\"><\/div>\r\n                                            <div class=\"landu-brain-waves\">\r\n                                                <div class=\"landu-wave\"><\/div>\r\n                                                <div class=\"landu-wave\"><\/div>\r\n                                                <div class=\"landu-wave\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Orienta\u00e7\u00e3o Especializada<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            A nossa equipa t\u00e9cnica experiente oferece suporte pr\u00e1tico, ajudando-o a selecionar os aditivos certos e a otimizar os processos de produ\u00e7\u00e3o para resultados superiores.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt\/servicos\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Saiba mais<\/span>\r\n                            <div class=\"landu-button-arrow\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 3L13 8L8 13M13 8H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"landu-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Innovation Driven by R&D -->\r\n                <div class=\"landu-partner-card\">\r\n                    <div class=\"landu-card-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/12\/DSC7406-\u62f7\u8d1d.webp\" \r\n                             alt=\"Inova\u00e7\u00e3o em P&amp;D LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-innovation-icon\">\r\n                                    <div class=\"landu-research-symbol\">\r\n                                        <div class=\"landu-molecule-structure\">\r\n                                            <div class=\"landu-central-atom\"><\/div>\r\n                                            <div class=\"landu-electron-orbit\" style=\"--orbit-delay: 0s;\"><\/div>\r\n                                            <div class=\"landu-electron-orbit\" style=\"--orbit-delay: 1s;\"><\/div>\r\n                                            <div class=\"landu-electron-orbit\" style=\"--orbit-delay: 2s;\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Inova\u00e7\u00e3o Impulsionada por I&amp;D<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Programas dedicados de investiga\u00e7\u00e3o e desenvolvimento trazem continuamente formula\u00e7\u00f5es inovadoras ao mercado, garantindo que se mantenha \u00e0 frente em desempenho e efici\u00eancia.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt\/empresa\/centro-de-inovacao\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Saiba mais<\/span>\r\n                            <div class=\"landu-button-arrow\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 3L13 8L8 13M13 8H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"landu-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Commitment to Sustainability -->\r\n                <div class=\"landu-partner-card\">\r\n                    <div class=\"landu-card-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/two-hands-holding-green-earth-together-for-the-sustainable-development-goals-responsibility-.jpg\" \r\n                             alt=\"Compromisso com a Sustentabilidade LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-sustainability-icon\">\r\n                                    <div class=\"landu-earth-symbol\">\r\n                                        <div class=\"landu-earth-core\"><\/div>\r\n                                        <div class=\"landu-earth-rings\">\r\n                                            <div class=\"landu-ring\"><\/div>\r\n                                            <div class=\"landu-ring\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"landu-leaves\">\r\n                                            <div class=\"landu-leaf\"><\/div>\r\n                                            <div class=\"landu-leaf\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Compromisso com a sustentabilidade<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Desde a aquisi\u00e7\u00e3o respons\u00e1vel at\u00e9 \u00e0s pr\u00e1ticas de fabrica\u00e7\u00e3o ecol\u00f3gicas, as nossas estrat\u00e9gias de sustentabilidade s\u00e3o desenhadas para reduzir o impacto ambiental, mantendo a alta qualidade do produto.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt\/sustentabilidade\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Saiba mais<\/span>\r\n                            <div class=\"landu-button-arrow\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 3L13 8L8 13M13 8H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"landu-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Added Value for Dealers -->\r\n                <div class=\"landu-partner-card\">\r\n                    <div class=\"landu-card-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/Landu-Sales-Staff-meeting-in-the-office.jpg\" \r\n                             alt=\"Reuni\u00e3o da Equipa de Vendas LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-dealer-icon\">\r\n                                    <div class=\"landu-partnership-symbol\">\r\n                                        <div class=\"landu-handshake-icon\">\r\n                                            <div class=\"landu-hand-left\"><\/div>\r\n                                            <div class=\"landu-hand-right\"><\/div>\r\n                                            <div class=\"landu-connection-spark\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Valor Acrescentado para Revendedores<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Colaboramos estreitamente com a nossa rede de revendedores para oferecer vantagens competitivas \u2014 margens melhoradas, apoio de marketing e desempenho de produto confi\u00e1vel.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt\/servicos-de-fabrico-por-contrato\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Saiba mais<\/span>\r\n                            <div class=\"landu-button-arrow\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 3L13 8L8 13M13 8H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"landu-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Streamlined Payment & Delivery -->\r\n                <div class=\"landu-partner-card\">\r\n                    <div class=\"landu-card-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/06\/LANDU-product-fast-delivery-and-loading.jpg\" \r\n                             alt=\"LANDU Entrega R\u00e1pida e Carregamento\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-delivery-icon\">\r\n                                    <div class=\"landu-logistics-symbol\">\r\n                                        <div class=\"landu-truck-icon\">\r\n                                            <div class=\"landu-truck-body\"><\/div>\r\n                                            <div class=\"landu-truck-wheels\">\r\n                                                <div class=\"landu-wheel\"><\/div>\r\n                                                <div class=\"landu-wheel\"><\/div>\r\n                                            <\/div>\r\n                                            <div class=\"landu-speed-lines\">\r\n                                                <div class=\"landu-speed-line\"><\/div>\r\n                                                <div class=\"landu-speed-line\"><\/div>\r\n                                                <div class=\"landu-speed-line\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Pagamento e Entrega Simplificados<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Com condi\u00e7\u00f5es de pagamento flex\u00edveis e um sistema log\u00edstico eficiente, garantimos transa\u00e7\u00f5es suaves e entregas pontuais onde quer que opere.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt\/servicos-de-eteres-de-celulose\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Saiba mais<\/span>\r\n                            <div class=\"landu-button-arrow\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 3L13 8L8 13M13 8H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"landu-card-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landu-partner {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landu-partner *,\r\n    .landu-partner *::before,\r\n    .landu-partner *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landu-partner-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landu-partner-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.15;\r\n    }\r\n\r\n    .landu-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Partnership elements *\/\r\n    .landu-partnership-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-partnership-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-appear-element 1s ease-out var(--delay) forwards,\r\n                   landu-float-element 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-partnership-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #4caf50, #8bc34a);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 12px rgba(76, 175, 80, 0.6);\r\n    }\r\n\r\n    @keyframes landu-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-float-element {\r\n        0%, 100% { transform: translateY(0px) scale(1); }\r\n        33% { transform: translateY(-12px) scale(1.1); }\r\n        66% { transform: translateY(6px) scale(0.9); }\r\n    }\r\n\r\n    .landu-partner-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landu-partner-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    .landu-partner-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: landu-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-partner-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landu-partner-title {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    .landu-partner-intro {\r\n        font-size: 18px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        opacity: 0;\r\n        animation: landu-fade-in-intro 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    @keyframes landu-fade-in-intro {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Partnership Grid *\/\r\n    .landu-partner-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n        gap: 2rem;\r\n    }\r\n\r\n    .landu-partner-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-appear-card 0.8s ease-out forwards;\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landu-partner-card:nth-child(1) { animation-delay: 0.6s; }\r\n    .landu-partner-card:nth-child(2) { animation-delay: 0.8s; }\r\n    .landu-partner-card:nth-child(3) { animation-delay: 1s; }\r\n    .landu-partner-card:nth-child(4) { animation-delay: 1.2s; }\r\n    .landu-partner-card:nth-child(5) { animation-delay: 1.4s; }\r\n\r\n    .landu-partner-card:hover {\r\n        transform: translateY(-8px);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n        box-shadow: 0 15px 40px rgba(0, 119, 200, 0.2);\r\n    }\r\n\r\n    .landu-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(0, 119, 200, 0.05), transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-card:hover .landu-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    @keyframes landu-appear-card {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Card Image Container - \u4fee\u6539\u4e3a\u663e\u793a\u5c45\u4e2d\u90e8\u5206 *\/\r\n    .landu-card-image-container {\r\n        position: relative;\r\n        height: 200px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-card-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-card:hover .landu-card-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .landu-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(135deg, rgba(0, 119, 200, 0.8), rgba(0, 168, 255, 0.6));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-card:hover .landu-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .landu-overlay-icon {\r\n        width: 80px;\r\n        height: 80px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border-radius: 50%;\r\n        backdrop-filter: blur(10px);\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    \/* Card Content *\/\r\n    .landu-card-content {\r\n        padding: 2rem;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-card-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 1rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .landu-card-description {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    \/* Card Button - \u65b0\u589e\u6309\u94ae\u6837\u5f0f *\/\r\n    .landu-card-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background: linear-gradient(135deg, #0077c8, #00a8ff);\r\n        color: white;\r\n        text-decoration: none;\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(0, 119, 200, 0.3);\r\n    }\r\n\r\n    .landu-card-button::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n        transition: left 0.5s ease;\r\n    }\r\n\r\n    .landu-card-button:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .landu-card-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(0, 119, 200, 0.4);\r\n        background: linear-gradient(135deg, #005a9f, #0088cc);\r\n    }\r\n\r\n    .landu-button-text {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .landu-button-arrow {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-card-button:hover .landu-button-arrow {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .landu-button-arrow svg {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    \/* Expert Guidance Icon *\/\r\n    .landu-guidance-icon {\r\n        position: relative;\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .landu-expert-symbol {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-brain-icon {\r\n        position: relative;\r\n        width: 40px;\r\n        height: 35px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-brain-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        position: relative;\r\n        animation: landu-brain-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-brain-core::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 25%;\r\n        left: 15%;\r\n        right: 15%;\r\n        bottom: 35%;\r\n        background: linear-gradient(135deg, rgba(0, 119, 200, 0.3), rgba(0, 168, 255, 0.2));\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .landu-brain-waves {\r\n        position: absolute;\r\n        top: -10px;\r\n        left: 0;\r\n        right: 0;\r\n        height: 20px;\r\n    }\r\n\r\n    .landu-wave {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 2px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border-radius: 1px;\r\n        animation: landu-brain-wave 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-wave:nth-child(1) { top: 2px; animation-delay: 0s; }\r\n    .landu-wave:nth-child(2) { top: 8px; animation-delay: 0.3s; }\r\n    .landu-wave:nth-child(3) { top: 14px; animation-delay: 0.6s; }\r\n\r\n    @keyframes landu-brain-pulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.05); }\r\n    }\r\n\r\n    @keyframes landu-brain-wave {\r\n        0%, 100% { transform: scaleX(0.8); opacity: 0.6; }\r\n        50% { transform: scaleX(1); opacity: 1; }\r\n    }\r\n\r\n    \/* Innovation Icon *\/\r\n    .landu-innovation-icon {\r\n        position: relative;\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .landu-research-symbol {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-molecule-structure {\r\n        position: relative;\r\n        width: 40px;\r\n        height: 40px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-central-atom {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 12px;\r\n        height: 12px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-atom-glow 2s ease-in-out infinite;\r\n        box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n    }\r\n\r\n    .landu-electron-orbit {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        border: 1px solid rgba(255, 255, 255, 0.6);\r\n        border-radius: 50%;\r\n        animation: landu-orbit-rotate 3s linear infinite;\r\n        animation-delay: var(--orbit-delay);\r\n    }\r\n\r\n    .landu-electron-orbit:nth-child(2) {\r\n        width: 25px;\r\n        height: 25px;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .landu-electron-orbit:nth-child(3) {\r\n        width: 35px;\r\n        height: 35px;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .landu-electron-orbit:nth-child(4) {\r\n        width: 45px;\r\n        height: 45px;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    @keyframes landu-atom-glow {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n        50% { transform: translate(-50%, -50%) scale(1.2); }\r\n    }\r\n\r\n    @keyframes landu-orbit-rotate {\r\n        from { transform: translate(-50%, -50%) rotate(0deg); }\r\n        to { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    \/* Sustainability Icon *\/\r\n    .landu-sustainability-icon {\r\n        position: relative;\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .landu-earth-symbol {\r\n        position: relative;\r\n        width: 40px;\r\n        height: 40px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-earth-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(76, 175, 80, 0.9), rgba(139, 195, 74, 0.8));\r\n        border-radius: 50%;\r\n        position: relative;\r\n        animation: landu-earth-rotate 4s linear infinite;\r\n    }\r\n\r\n    .landu-earth-core::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20%;\r\n        left: 25%;\r\n        width: 50%;\r\n        height: 60%;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        border-radius: 50% 30% 60% 40%;\r\n    }\r\n\r\n    .landu-earth-rings {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landu-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        border: 1px solid rgba(255, 255, 255, 0.4);\r\n        border-radius: 50%;\r\n        animation: landu-ring-pulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-ring:nth-child(1) {\r\n        width: 50px;\r\n        height: 50px;\r\n        transform: translate(-50%, -50%);\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-ring:nth-child(2) {\r\n        width: 60px;\r\n        height: 60px;\r\n        transform: translate(-50%, -50%);\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .landu-leaves {\r\n        position: absolute;\r\n        top: -5px;\r\n        right: -5px;\r\n    }\r\n\r\n    .landu-leaf {\r\n        position: absolute;\r\n        width: 8px;\r\n        height: 10px;\r\n        background: rgba(139, 195, 74, 0.9);\r\n        border-radius: 0 100% 0 100%;\r\n        animation: landu-leaf-sway 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-leaf:nth-child(1) {\r\n        transform: rotate(-30deg);\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-leaf:nth-child(2) {\r\n        top: 8px;\r\n        left: 6px;\r\n        transform: rotate(45deg);\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    @keyframes landu-earth-rotate {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes landu-ring-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-leaf-sway {\r\n        0%, 100% { transform: rotate(-30deg) scale(1); }\r\n        50% { transform: rotate(-20deg) scale(1.1); }\r\n    }\r\n\r\n    \/* Dealer Partnership Icon *\/\r\n    .landu-dealer-icon {\r\n        position: relative;\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .landu-partnership-symbol {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-handshake-icon {\r\n        position: relative;\r\n        width: 45px;\r\n        height: 30px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-hand-left,\r\n    .landu-hand-right {\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 15px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-radius: 8px 8px 4px 4px;\r\n        animation: landu-handshake 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-hand-left {\r\n        left: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%) rotate(-15deg);\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-hand-right {\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%) rotate(15deg);\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    .landu-connection-spark {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: rgba(255, 193, 7, 0.9);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-spark-glow 1.5s ease-in-out infinite;\r\n        box-shadow: 0 0 8px rgba(255, 193, 7, 0.6);\r\n    }\r\n\r\n    @keyframes landu-handshake {\r\n        0%, 100% { transform: translateY(-50%) rotate(-15deg) scale(1); }\r\n        50% { transform: translateY(-50%) rotate(-10deg) scale(1.05); }\r\n    }\r\n\r\n    @keyframes landu-spark-glow {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\r\n        50% { transform: translate(-50%, -50%) scale(1.5); opacity: 1; }\r\n    }\r\n\r\n    \/* Delivery Icon *\/\r\n    .landu-delivery-icon {\r\n        position: relative;\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .landu-logistics-symbol {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-truck-icon {\r\n        position: relative;\r\n        width: 45px;\r\n        height: 25px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-truck-body {\r\n        width: 30px;\r\n        height: 15px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-radius: 3px 8px 3px 3px;\r\n        position: relative;\r\n        animation: landu-truck-move 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-truck-body::before {\r\n        content: '';\r\n        position: absolute;\r\n        right: -8px;\r\n        top: 0;\r\n        width: 8px;\r\n        height: 100%;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border-radius: 0 3px 3px 0;\r\n    }\r\n\r\n    .landu-truck-wheels {\r\n        position: absolute;\r\n        bottom: -5px;\r\n        left: 3px;\r\n        right: 3px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .landu-wheel {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-radius: 50%;\r\n        animation: landu-wheel-rotate 1s linear infinite;\r\n    }\r\n\r\n    .landu-speed-lines {\r\n        position: absolute;\r\n        left: -10px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .landu-speed-line {\r\n        width: 8px;\r\n        height: 1px;\r\n        background: rgba(255, 255, 255, 0.7);\r\n        margin-bottom: 2px;\r\n        animation: landu-speed-flow 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-speed-line:nth-child(1) { animation-delay: 0s; }\r\n    .landu-speed-line:nth-child(2) { animation-delay: 0.2s; }\r\n    .landu-speed-line:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n    @keyframes landu-truck-move {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(2px); }\r\n    }\r\n\r\n    @keyframes landu-wheel-rotate {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes landu-speed-flow {\r\n        0%, 100% { transform: scaleX(0.8); opacity: 0.5; }\r\n        50% { transform: scaleX(1.2); opacity: 1; }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .landu-partner-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 1.5rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .landu-partner-section {\r\n            padding: 4rem 1.5rem;\r\n        }\r\n\r\n        .landu-partner-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .landu-partner-intro {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-partner-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-partner-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-partner-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .landu-partner-intro {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-partner-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .landu-card-content {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .landu-card-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-card-description {\r\n            font-size: 14px;\r\n            margin-bottom: 1.25rem;\r\n        }\r\n\r\n        .landu-card-image-container {\r\n            height: 180px;\r\n        }\r\n\r\n        .landu-card-button {\r\n            padding: 0.625rem 1.25rem;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-partner-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-partner-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .landu-partner-intro {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landu-card-content {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-card-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .landu-card-image-container {\r\n            height: 160px;\r\n        }\r\n\r\n        .landu-overlay-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n\r\n        .landu-card-button {\r\n            padding: 0.5rem 1rem;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7036fcf e-con-full e-flex e-con e-parent\" data-id=\"7036fcf\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90f7d elementor-widget elementor-widget-html\" data-id=\"1c90f7d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landu-sample\">\r\n    <section class=\"landu-sample-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landu-sample-molecules\">\r\n            <div class=\"landu-molecular-grid\">\r\n                <div class=\"landu-grid-dot\" style=\"--x: 10%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 30%; --y: 10%; --delay: 0.3s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 50%; --y: 25%; --delay: 0.6s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 70%; --y: 15%; --delay: 0.9s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 90%; --y: 30%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 15%; --y: 70%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 45%; --y: 80%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 75%; --y: 85%; --delay: 2.1s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating sample elements -->\r\n            <div class=\"landu-sample-elements\">\r\n                <div class=\"landu-sample-element\" style=\"--x: 25%; --y: 35%; --size: 18px; --delay: 0s;\">\r\n                    <div class=\"landu-sample-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-sample-element\" style=\"--x: 80%; --y: 40%; --size: 14px; --delay: 2s;\">\r\n                    <div class=\"landu-sample-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-sample-element\" style=\"--x: 20%; --y: 75%; --size: 16px; --delay: 4s;\">\r\n                    <div class=\"landu-sample-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landu-sample-container\">\r\n            <!-- Main Content -->\r\n            <div class=\"landu-sample-content\">\r\n                <!-- Left Content Section -->\r\n                <div class=\"landu-content-wrapper\">\r\n                    <div class=\"landu-sample-badge\">\r\n                        <span class=\"landu-sample-badge-text\">OFERTA DE AMOSTRA GRATUITA<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"landu-sample-title\">\r\n                        Reclame a sua Amostra Gratuita Agora!\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"landu-sample-description\">\r\n                        Descubra o desempenho excecional dos \u00e9teres de celulose LANDERCOLL\u2122 com uma amostra de teste gratuita. Experimente em primeira m\u00e3o como os nossos produtos podem elevar as suas aplica\u00e7\u00f5es. A nossa equipa de especialistas est\u00e1 pronta para desenvolver formula\u00e7\u00f5es personalizadas, precisamente ajustadas para atender aos requisitos \u00fanicos do seu projeto \u2014 garantindo resultados \u00f3timos em cada oportunidade.\r\n                    <\/p>\r\n\r\n                    <!-- Key Benefits -->\r\n                    <div class=\"landu-sample-benefits\">\r\n                        <div class=\"landu-benefit-item\">\r\n                            <div class=\"landu-benefit-icon\">\r\n                                <div class=\"landu-free-icon\">\r\n                                    <div class=\"landu-gift-box\">\r\n                                        <div class=\"landu-box-body\"><\/div>\r\n                                        <div class=\"landu-box-lid\"><\/div>\r\n                                        <div class=\"landu-box-ribbon\"><\/div>\r\n                                        <div class=\"landu-sparkles\">\r\n                                            <div class=\"landu-sparkle\"><\/div>\r\n                                            <div class=\"landu-sparkle\"><\/div>\r\n                                            <div class=\"landu-sparkle\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-text\">\r\n                                <h4 class=\"landu-benefit-title\">Amostra Gratuita %<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Sem custos, sem compromisso<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landu-benefit-item\">\r\n                            <div class=\"landu-benefit-icon\">\r\n                                <div class=\"landu-custom-icon\">\r\n                                    <div class=\"landu-formula-structure\">\r\n                                        <div class=\"landu-formula-base\"><\/div>\r\n                                        <div class=\"landu-formula-elements\">\r\n                                            <div class=\"landu-element\"><\/div>\r\n                                            <div class=\"landu-element\"><\/div>\r\n                                            <div class=\"landu-element\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"landu-formula-bonds\">\r\n                                            <div class=\"landu-bond\"><\/div>\r\n                                            <div class=\"landu-bond\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-text\">\r\n                                <h4 class=\"landu-benefit-title\">Formula\u00e7\u00f5es Personalizadas<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Adaptadas \u00e0s suas necessidades<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landu-benefit-item\">\r\n                            <div class=\"landu-benefit-icon\">\r\n                                <div class=\"landu-expert-icon\">\r\n                                    <div class=\"landu-specialist-symbol\">\r\n                                        <div class=\"landu-expert-head\"><\/div>\r\n                                        <div class=\"landu-expert-knowledge\">\r\n                                            <div class=\"landu-knowledge-wave\"><\/div>\r\n                                            <div class=\"landu-knowledge-wave\"><\/div>\r\n                                            <div class=\"landu-knowledge-wave\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-text\">\r\n                                <h4 class=\"landu-benefit-title\">Apoio especializado<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Orienta\u00e7\u00e3o da equipa especializada<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- CTA Button -->\r\n                    <div class=\"landu-cta-section\">\r\n                        <a href=\"https:\/\/landu-china.com\/pt\/contactar-nos\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                            <div class=\"landu-button-content\">\r\n                                <span class=\"landu-button-text\">Solicitar amostra gr\u00e1tis<\/span>\r\n                                <div class=\"landu-button-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <path d=\"M10 3L17 10L10 17M17 10H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-button-glow\"><\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"landu-cta-note\">\r\n                            <div class=\"landu-note-icon\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 1L10.09 5.26L15 6L11 9.74L11.91 14.5L8 12.27L4.09 14.5L5 9.74L1 6L5.91 5.26L8 1Z\" fill=\"#4caf50\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <span class=\"landu-note-text\">Processamento r\u00e1pido \u2022 Consulta especializada inclu\u00edda<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Image Section -->\r\n                <div class=\"landu-image-wrapper\">\r\n                    <div class=\"landu-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/landu-Hydroxypropyl-Methyl-Cellulose-hpmc-free-sample.jpg\" \r\n                             alt=\"Amostra Gr\u00e1tis HPMC LANDU\" \r\n                             class=\"landu-sample-image\">\r\n                        \r\n                        <!-- Image Overlays -->\r\n                        <div class=\"landu-image-badge\">\r\n                            <div class=\"landu-badge-content\">\r\n                                <span class=\"landu-badge-label\">GRATUITO<\/span>\r\n                                <span class=\"landu-badge-sublabel\">Amostra<\/span>\r\n                            <\/div>\r\n                            <div class=\"landu-badge-pulse\"><\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Product Info Overlay -->\r\n                        <div class=\"landu-product-info\">\r\n                            <div class=\"landu-info-item\">\r\n                                <div class=\"landu-info-icon\">\r\n                                    <div class=\"landu-quality-check\">\r\n                                        <div class=\"landu-check-mark\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <span class=\"landu-info-text\">Qualidade Premium<\/span>\r\n                            <\/div>\r\n                            <div class=\"landu-info-item\">\r\n                                <div class=\"landu-info-icon\">\r\n                                    <div class=\"landu-fast-delivery\">\r\n                                        <div class=\"landu-delivery-truck\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <span class=\"landu-info-text\">Entrega r\u00e1pida<\/span>\r\n                            <\/div>\r\n                            <div class=\"landu-info-item\">\r\n                                <div class=\"landu-info-icon\">\r\n                                    <div class=\"landu-lab-tested\">\r\n                                        <div class=\"landu-test-tube\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <span class=\"landu-info-text\">Testado em laborat\u00f3rio<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Floating Elements -->\r\n                        <div class=\"landu-floating-elements\">\r\n                            <div class=\"landu-floating-element\" style=\"--x: 10%; --y: 15%; --delay: 0s;\">\r\n                                <div class=\"landu-element-core\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-floating-element\" style=\"--x: 85%; --y: 25%; --delay: 1s;\">\r\n                                <div class=\"landu-element-core\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-floating-element\" style=\"--x: 15%; --y: 80%; --delay: 2s;\">\r\n                                <div class=\"landu-element-core\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-floating-element\" style=\"--x: 90%; --y: 75%; --delay: 3s;\">\r\n                                <div class=\"landu-element-core\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landu-sample {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landu-sample *,\r\n    .landu-sample *::before,\r\n    .landu-sample *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landu-sample-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landu-sample-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.12;\r\n    }\r\n\r\n    .landu-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Sample elements - \u6539\u4e3a\u6df1\u84dd\u8272 *\/\r\n    .landu-sample-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-sample-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-appear-element 1s ease-out var(--delay) forwards,\r\n                   landu-float-element 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-sample-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #0077c8, #00a8ff);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 15px rgba(0, 119, 200, 0.6);\r\n    }\r\n\r\n    @keyframes landu-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-float-element {\r\n        0%, 100% { transform: translateY(0px) scale(1); }\r\n        33% { transform: translateY(-15px) scale(1.1); }\r\n        66% { transform: translateY(8px) scale(0.9); }\r\n    }\r\n\r\n    .landu-sample-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Main Content Layout *\/\r\n    .landu-sample-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Left Content *\/\r\n    .landu-content-wrapper {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: landu-slide-in-content 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    .landu-sample-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(76, 175, 80, 0.1), rgba(76, 175, 80, 0.05));\r\n        border: 1px solid rgba(76, 175, 80, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: landu-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-sample-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #4caf50;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(76, 175, 80, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(76, 175, 80, 0.4); }\r\n    }\r\n\r\n    \/* \u6807\u9898\u4e00\u884c\u6392\u5f00 *\/\r\n    .landu-sample-title {\r\n        font-size: 42px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 1.5rem;\r\n        position: relative;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-slide-in-title 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    .landu-sample-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -8px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #4caf50, #8bc34a);\r\n        border-radius: 2px;\r\n        animation: landu-expand-underline 1s ease-out 1.2s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    @keyframes landu-expand-underline {\r\n        to { width: 60%; }\r\n    }\r\n\r\n    .landu-sample-description {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: landu-fade-in-desc 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-content {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    @keyframes landu-fade-in-desc {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Benefits Section *\/\r\n    .landu-sample-benefits {\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landu-benefit-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        transform: translateX(-20px);\r\n        animation: landu-appear-benefit 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landu-benefit-item:nth-child(1) { animation-delay: 1s; }\r\n    .landu-benefit-item:nth-child(2) { animation-delay: 1.2s; }\r\n    .landu-benefit-item:nth-child(3) { animation-delay: 1.4s; }\r\n\r\n    .landu-benefit-item:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    @keyframes landu-appear-benefit {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .landu-benefit-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-benefit-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-benefit-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .landu-benefit-desc {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Free Sample Icon - \u6539\u4e3a\u6df1\u84dd\u8272\u8c03 *\/\r\n    .landu-free-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 35px;\r\n    }\r\n\r\n    .landu-gift-box {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-box-body {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 15px;\r\n        background: linear-gradient(135deg, #0077c8, #00a8ff);\r\n        border-radius: 2px;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .landu-box-lid {\r\n        position: absolute;\r\n        bottom: 12px;\r\n        left: 50%;\r\n        width: 24px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #00a8ff, #0077c8);\r\n        border-radius: 3px 3px 1px 1px;\r\n        transform: translateX(-50%);\r\n        animation: landu-lid-bounce 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-box-ribbon {\r\n        position: absolute;\r\n        top: 8px;\r\n        left: 50%;\r\n        width: 3px;\r\n        height: 20px;\r\n        background: #4caf50;\r\n        border-radius: 1px;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .landu-box-ribbon::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -4px;\r\n        left: -6px;\r\n        width: 15px;\r\n        height: 6px;\r\n        background: #4caf50;\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .landu-sparkles {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landu-sparkle {\r\n        position: absolute;\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #4caf50;\r\n        border-radius: 50%;\r\n        animation: landu-sparkle-twinkle 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-sparkle:nth-child(1) {\r\n        top: 5px;\r\n        left: 5px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-sparkle:nth-child(2) {\r\n        top: 8px;\r\n        right: 8px;\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    .landu-sparkle:nth-child(3) {\r\n        bottom: 20px;\r\n        left: 8px;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    @keyframes landu-lid-bounce {\r\n        0%, 100% { transform: translateX(-50%) translateY(0); }\r\n        50% { transform: translateX(-50%) translateY(-2px); }\r\n    }\r\n\r\n    @keyframes landu-sparkle-twinkle {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.5); opacity: 1; }\r\n    }\r\n\r\n    \/* Custom Formulation Icon *\/\r\n    .landu-custom-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-formula-structure {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-formula-base {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        width: 25px;\r\n        height: 3px;\r\n        background: #0077c8;\r\n        border-radius: 2px;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .landu-formula-elements {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 5px;\r\n        display: flex;\r\n        align-items: end;\r\n        justify-content: space-around;\r\n    }\r\n\r\n    .landu-element {\r\n        width: 6px;\r\n        background: linear-gradient(180deg, #0077c8, #00a8ff);\r\n        border-radius: 3px 3px 0 0;\r\n        animation: landu-element-grow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-element:nth-child(1) {\r\n        height: 15px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-element:nth-child(2) {\r\n        height: 20px;\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .landu-element:nth-child(3) {\r\n        height: 12px;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    .landu-formula-bonds {\r\n        position: absolute;\r\n        top: 8px;\r\n        left: 0;\r\n        right: 0;\r\n        height: 15px;\r\n    }\r\n\r\n    .landu-bond {\r\n        position: absolute;\r\n        height: 1px;\r\n        background: rgba(0, 119, 200, 0.6);\r\n        animation: landu-bond-connect 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-bond:nth-child(1) {\r\n        top: 5px;\r\n        left: 15%;\r\n        right: 55%;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-bond:nth-child(2) {\r\n        top: 8px;\r\n        left: 45%;\r\n        right: 15%;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    @keyframes landu-element-grow {\r\n        0%, 100% { transform: scaleY(1); }\r\n        50% { transform: scaleY(1.1); }\r\n    }\r\n\r\n    @keyframes landu-bond-connect {\r\n        0%, 100% { opacity: 0.6; transform: scaleX(1); }\r\n        50% { opacity: 1; transform: scaleX(1.1); }\r\n    }\r\n\r\n    \/* Expert Support Icon *\/\r\n    .landu-expert-icon {\r\n        position: relative;\r\n        width: 35px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-specialist-symbol {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-expert-head {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 18px;\r\n        height: 18px;\r\n        background: linear-gradient(135deg, #0077c8, #00a8ff);\r\n        border-radius: 50%;\r\n        transform: translateX(-50%);\r\n        animation: landu-expert-think 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-expert-head::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 25%;\r\n        left: 25%;\r\n        width: 50%;\r\n        height: 50%;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .landu-expert-knowledge {\r\n        position: absolute;\r\n        top: -5px;\r\n        left: 0;\r\n        right: 0;\r\n        height: 15px;\r\n    }\r\n\r\n    .landu-knowledge-wave {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 2px;\r\n        background: rgba(0, 119, 200, 0.6);\r\n        border-radius: 1px;\r\n        animation: landu-knowledge-flow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-knowledge-wave:nth-child(1) {\r\n        top: 2px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-knowledge-wave:nth-child(2) {\r\n        top: 6px;\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .landu-knowledge-wave:nth-child(3) {\r\n        top: 10px;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    @keyframes landu-expert-think {\r\n        0%, 100% { transform: translateX(-50%) scale(1); }\r\n        50% { transform: translateX(-50%) scale(1.05); }\r\n    }\r\n\r\n    @keyframes landu-knowledge-flow {\r\n        0%, 100% { transform: scaleX(0.8); opacity: 0.6; }\r\n        50% { transform: scaleX(1); opacity: 1; }\r\n    }\r\n\r\n    \/* CTA Section *\/\r\n    .landu-cta-section {\r\n        opacity: 0;\r\n        animation: landu-fade-in-cta 0.8s ease-out 1.6s forwards;\r\n    }\r\n\r\n    @keyframes landu-fade-in-cta {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* CTA Button - \u6539\u4e3a\u6df1\u84dd\u8272\u4e3b\u9898 *\/\r\n    .landu-cta-button {\r\n        display: inline-block;\r\n        position: relative;\r\n        padding: 1rem 2rem;\r\n        background: linear-gradient(135deg, #0077c8, #00a8ff);\r\n        color: white;\r\n        text-decoration: none;\r\n        border-radius: 16px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.4);\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .landu-cta-button::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n        transition: left 0.6s ease;\r\n    }\r\n\r\n    .landu-cta-button:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .landu-cta-button:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(0, 119, 200, 0.5);\r\n        background: linear-gradient(135deg, #005a9f, #0088cc);\r\n    }\r\n\r\n    .landu-button-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .landu-button-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-cta-button:hover .landu-button-icon {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .landu-button-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2), transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landu-cta-button:hover .landu-button-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .landu-cta-note {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        font-size: 14px;\r\n        color: #64748b;\r\n    }\r\n\r\n    .landu-note-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Right Image Section *\/\r\n    .landu-image-wrapper {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: landu-slide-in-image 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    .landu-image-container {\r\n        position: relative;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 12px 40px rgba(0, 119, 200, 0.15);\r\n    }\r\n\r\n    .landu-sample-image {\r\n        width: 100%;\r\n        height: 500px;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-image-container:hover .landu-sample-image {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    @keyframes landu-slide-in-image {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Image Badge - \u6539\u4e3a\u7eff\u8272\u4e3b\u9898 *\/\r\n    .landu-image-badge {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n        background: linear-gradient(135deg, #4caf50, #8bc34a);\r\n        color: white;\r\n        padding: 0.75rem 1rem;\r\n        border-radius: 12px;\r\n        text-align: center;\r\n        box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);\r\n        animation: landu-badge-float 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-badge-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-badge-label {\r\n        display: block;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        line-height: 1;\r\n    }\r\n\r\n    .landu-badge-sublabel {\r\n        display: block;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .landu-badge-pulse {\r\n        position: absolute;\r\n        top: -2px;\r\n        left: -2px;\r\n        right: -2px;\r\n        bottom: -2px;\r\n        border: 2px solid rgba(76, 175, 80, 0.6);\r\n        border-radius: 14px;\r\n        animation: landu-pulse-border 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-badge-float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-3px); }\r\n    }\r\n\r\n    @keyframes landu-pulse-border {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.05); opacity: 1; }\r\n    }\r\n\r\n    \/* Product Info Overlay *\/\r\n    .landu-product-info {\r\n        position: absolute;\r\n        bottom: 1.5rem;\r\n        left: 1.5rem;\r\n        right: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        transform: translateY(100%);\r\n        transition: transform 0.3s ease;\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .landu-image-container:hover .landu-product-info {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .landu-info-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .landu-info-item:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .landu-info-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 8px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-info-text {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* Info Icons *\/\r\n    .landu-quality-check {\r\n        width: 16px;\r\n        height: 16px;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-check-mark {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #4caf50;\r\n        border-radius: 50%;\r\n        position: relative;\r\n        animation: landu-check-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-check-mark::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20%;\r\n        left: 30%;\r\n        width: 40%;\r\n        height: 60%;\r\n        border: solid #4caf50;\r\n        border-width: 0 2px 2px 0;\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    @keyframes landu-check-pulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n\r\n    .landu-fast-delivery,\r\n    .landu-lab-tested {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: #0077c8;\r\n        border-radius: 2px;\r\n        animation: landu-icon-glow 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-icon-glow {\r\n        0%, 100% { opacity: 0.8; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    \/* Floating Elements - \u6539\u4e3a\u6df1\u84dd\u8272 *\/\r\n    .landu-floating-elements {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landu-floating-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 8px;\r\n        height: 8px;\r\n        opacity: 0;\r\n        animation: landu-appear-floating 1s ease-out var(--delay) forwards,\r\n                   landu-float-gently 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-element-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #0077c8, #00a8ff);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 8px rgba(0, 119, 200, 0.6);\r\n    }\r\n\r\n    @keyframes landu-appear-floating {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes landu-float-gently {\r\n        0%, 100% { transform: translateY(0) scale(1); }\r\n        50% { transform: translateY(-8px) scale(1.1); }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landu-sample-section {\r\n            padding: 4rem 1.5rem;\r\n        }\r\n\r\n        .landu-sample-content {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .landu-sample-title {\r\n            font-size: 36px;\r\n        }\r\n\r\n        .landu-sample-image {\r\n            height: 400px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-sample-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-sample-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landu-sample-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .landu-sample-description {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-benefit-item {\r\n            margin-bottom: 1.25rem;\r\n        }\r\n\r\n        .landu-benefit-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .landu-benefit-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-cta-button {\r\n            font-size: 16px;\r\n            padding: 0.875rem 1.75rem;\r\n        }\r\n\r\n        .landu-sample-image {\r\n            height: 350px;\r\n        }\r\n\r\n        .landu-image-wrapper {\r\n            order: -1;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-sample-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-sample-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .landu-sample-description {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landu-benefit-item {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landu-benefit-icon {\r\n            width: 45px;\r\n            height: 45px;\r\n        }\r\n\r\n        .landu-benefit-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-benefit-desc {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landu-cta-button {\r\n            font-size: 15px;\r\n            padding: 0.75rem 1.5rem;\r\n        }\r\n\r\n        .landu-sample-image {\r\n            height: 300px;\r\n        }\r\n\r\n        .landu-image-badge {\r\n            top: 1rem;\r\n            right: 1rem;\r\n            padding: 0.5rem 0.75rem;\r\n        }\r\n\r\n        .landu-badge-label {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-product-info {\r\n            bottom: 1rem;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            padding: 1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52c3219 e-con-full e-flex e-con e-parent\" data-id=\"52c3219\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0051f9d elementor-widget elementor-widget-html\" data-id=\"0051f9d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landu-usage\">\r\n    <section class=\"landu-usage-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landu-usage-molecules\">\r\n            <div class=\"landu-molecular-grid\">\r\n                <div class=\"landu-grid-dot\" style=\"--x: 12%; --y: 18%; --delay: 0s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 28%; --y: 8%; --delay: 0.4s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 45%; --y: 25%; --delay: 0.8s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 62%; --y: 12%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 78%; --y: 32%; --delay: 1.6s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 88%; --y: 20%; --delay: 2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 15%; --y: 65%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 35%; --y: 78%; --delay: 2.8s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 65%; --y: 85%; --delay: 3.2s;\"><\/div>\r\n                <div class=\"landu-grid-dot\" style=\"--x: 85%; --y: 70%; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating process elements -->\r\n            <div class=\"landu-process-elements\">\r\n                <div class=\"landu-process-element\" style=\"--x: 20%; --y: 30%; --size: 16px; --delay: 0s;\">\r\n                    <div class=\"landu-process-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-process-element\" style=\"--x: 75%; --y: 35%; --size: 12px; --delay: 2s;\">\r\n                    <div class=\"landu-process-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-process-element\" style=\"--x: 25%; --y: 75%; --size: 14px; --delay: 4s;\">\r\n                    <div class=\"landu-process-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-process-element\" style=\"--x: 80%; --y: 80%; --size: 10px; --delay: 6s;\">\r\n                    <div class=\"landu-process-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landu-usage-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landu-usage-header\">\r\n                <div class=\"landu-usage-badge\">\r\n                    <span class=\"landu-usage-badge-text\">INSTRU\u00c7\u00d5ES DE UTILIZA\u00c7\u00c3O<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-usage-title\">\r\n                    Como usar LANDERCOLL \u00c9ter de Celulose\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"landu-usage-content\">\r\n                <!-- Left Content Section -->\r\n                <div class=\"landu-left-section\">\r\n                    <!-- Main Image -->\r\n                    <div class=\"landu-image-section\">\r\n                        <div class=\"landu-usage-image-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/how-to-use-LANDU-product.png\" \r\n                                 alt=\"Como Utilizar o Produto LANDU\" \r\n                                 class=\"landu-usage-image\">\r\n                            \r\n                            <!-- Process Steps Overlay -->\r\n                            <div class=\"landu-steps-overlay\">\r\n                                <div class=\"landu-step-indicator\" style=\"--x: 20%; --y: 25%; --step: 1;\">\r\n                                    <div class=\"landu-step-number\">1<\/div>\r\n                                    <div class=\"landu-step-pulse\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-step-indicator\" style=\"--x: 50%; --y: 40%; --step: 2;\">\r\n                                    <div class=\"landu-step-number\">2<\/div>\r\n                                    <div class=\"landu-step-pulse\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-step-indicator\" style=\"--x: 75%; --y: 60%; --step: 3;\">\r\n                                    <div class=\"landu-step-number\">3<\/div>\r\n                                    <div class=\"landu-step-pulse\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Temperature Indicator -->\r\n                            <div class=\"landu-temp-indicator\">\r\n                                <div class=\"landu-thermometer\">\r\n                                    <div class=\"landu-temp-scale\">\r\n                                        <div class=\"landu-temp-mercury\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-temp-value\">85\u00b0C<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Key Points Section -->\r\n                    <div class=\"landu-key-points\">\r\n                        <h3 class=\"landu-points-title\">Pontos-chave de aplica\u00e7\u00e3o<\/h3>\r\n                        <div class=\"landu-points-grid\">\r\n                            <div class=\"landu-point-item\">\r\n                                <div class=\"landu-point-icon\">\r\n                                    <div class=\"landu-temperature-icon\">\r\n                                        <div class=\"landu-temp-gauge\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-point-text\">\r\n                                    <h4 class=\"landu-point-title\">Controlo de temperatura<\/h4>\r\n                                    <p class=\"landu-point-desc\">Aque\u00e7a a \u00e1gua acima de 85\u00b0C para uma dispers\u00e3o \u00f3tima e distribui\u00e7\u00e3o uniforme por toda a mistura<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"landu-point-item\">\r\n                                <div class=\"landu-point-icon\">\r\n                                    <div class=\"landu-mixing-icon\">\r\n                                        <div class=\"landu-mixer-blades\">\r\n                                            <div class=\"landu-blade\"><\/div>\r\n                                            <div class=\"landu-blade\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-point-text\">\r\n                                    <h4 class=\"landu-point-title\">Mistura completa<\/h4>\r\n                                    <p class=\"landu-point-desc\">Assegure uma dispers\u00e3o uniforme atrav\u00e9s de t\u00e9cnicas de agita\u00e7\u00e3o adequadas e tempo de mistura suficiente<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"landu-point-item\">\r\n                                <div class=\"landu-point-icon\">\r\n                                    <div class=\"landu-cooling-icon\">\r\n                                        <div class=\"landu-ice-crystal\">\r\n                                            <div class=\"landu-crystal\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-point-text\">\r\n                                    <h4 class=\"landu-point-title\">Processo de arrefecimento<\/h4>\r\n                                    <p class=\"landu-point-desc\">Adicione \u00e1gua fria enquanto mexe para alcan\u00e7ar uma dissolu\u00e7\u00e3o completa e uma consist\u00eancia adequada<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"landu-point-item\">\r\n                                <div class=\"landu-point-icon\">\r\n                                    <div class=\"landu-quality-icon\">\r\n                                        <div class=\"landu-checkmark\">\r\n                                            <div class=\"landu-check-symbol\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-point-text\">\r\n                                    <h4 class=\"landu-point-title\">Resultado de qualidade<\/h4>\r\n                                    <p class=\"landu-point-desc\">Alcance um esmalte cer\u00e2mico uniforme ou uma pasta de filtra\u00e7\u00e3o com excelentes caracter\u00edsticas de desempenho<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Methods Section -->\r\n                <div class=\"landu-methods-section\">\r\n                    <!-- Method 1: Hot-Water Dispersion -->\r\n                    <div class=\"landu-method-card\">\r\n                        <div class=\"landu-method-header\">\r\n                            <div class=\"landu-method-icon\">\r\n                                <div class=\"landu-hot-water-icon\">\r\n                                    <div class=\"landu-beaker\">\r\n                                        <div class=\"landu-beaker-body\"><\/div>\r\n                                        <div class=\"landu-water-level\"><\/div>\r\n                                        <div class=\"landu-steam\">\r\n                                            <div class=\"landu-steam-particle\"><\/div>\r\n                                            <div class=\"landu-steam-particle\"><\/div>\r\n                                            <div class=\"landu-steam-particle\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-heat-indicator\">\r\n                                        <div class=\"landu-flame\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-method-title\">\r\n                                <h3 class=\"landu-method-name\">Dispers\u00e3o em \u00e1gua quente<\/h3>\r\n                                <div class=\"landu-method-number\">M\u00e9todo 1<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Adicione um ter\u00e7o ou dois ter\u00e7os da quantidade necess\u00e1ria de \u00e1gua numa recipiente e aque\u00e7a-a acima de 85\u00b0C. Como o \u00e9ter de celulose \u00e9 insol\u00favel em \u00e1gua quente, ir\u00e1 dispersar-se uniformemente durante a fase inicial. Depois, adicione a quantidade restante de \u00e1gua fria ou com gelo \u00e0 pasta quente enquanto mexe e deixe a mistura arrefecer.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Method 2: Solid Powder Mixing -->\r\n                    <div class=\"landu-method-card\">\r\n                        <div class=\"landu-method-header\">\r\n                            <div class=\"landu-method-icon\">\r\n                                <div class=\"landu-powder-icon\">\r\n                                    <div class=\"landu-mixing-bowl\">\r\n                                        <div class=\"landu-bowl-body\"><\/div>\r\n                                        <div class=\"landu-powder-particles\">\r\n                                            <div class=\"landu-particle\"><\/div>\r\n                                            <div class=\"landu-particle\"><\/div>\r\n                                            <div class=\"landu-particle\"><\/div>\r\n                                            <div class=\"landu-particle\"><\/div>\r\n                                            <div class=\"landu-particle\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"landu-mixing-motion\">\r\n                                            <div class=\"landu-swirl\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-method-title\">\r\n                                <h3 class=\"landu-method-name\">Mistura de P\u00f3 S\u00f3lido<\/h3>\r\n                                <div class=\"landu-method-number\">M\u00e9todo 2<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Misture o p\u00f3 de \u00e9ter de celulose com o p\u00f3 de mat\u00e9ria-prima mineral cer\u00e2mica para obter uma dispers\u00e3o seca uniforme. Depois, pulverize \u00e1gua de forma uniforme e amasse bem a mistura para formar um corpo cer\u00e2mico disperso uniformemente e altamente pl\u00e1stico.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Method 3: Organic Solvent Moistening -->\r\n                    <div class=\"landu-method-card\">\r\n                        <div class=\"landu-method-header\">\r\n                            <div class=\"landu-method-icon\">\r\n                                <div class=\"landu-solvent-icon\">\r\n                                    <div class=\"landu-flask\">\r\n                                        <div class=\"landu-flask-body\"><\/div>\r\n                                        <div class=\"landu-flask-neck\"><\/div>\r\n                                        <div class=\"landu-solvent-level\"><\/div>\r\n                                        <div class=\"landu-bubbles\">\r\n                                            <div class=\"landu-bubble\"><\/div>\r\n                                            <div class=\"landu-bubble\"><\/div>\r\n                                            <div class=\"landu-bubble\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-droplets\">\r\n                                        <div class=\"landu-droplet\"><\/div>\r\n                                        <div class=\"landu-droplet\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-method-title\">\r\n                                <h3 class=\"landu-method-name\">Humedecimento com Solvente Org\u00e2nico<\/h3>\r\n                                <div class=\"landu-method-number\">M\u00e9todo 3<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Pr\u00e9-disperse ou umede\u00e7a o \u00e9ter de celulose com um solvente org\u00e2nico, como etanol, etileno glicol ou \u00f3leo mineral leve, antes de adicionar \u00e1gua para o dissolver.\r\n                            <\/p>\r\n                            <div class=\"landu-solvent-types\">\r\n                                <div class=\"landu-solvent-tag\">Etanol<\/div>\r\n                                <div class=\"landu-solvent-tag\">Etileno Glicol<\/div>\r\n                                <div class=\"landu-solvent-tag\">\u00d3leo Mineral Leve<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landu-usage {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landu-usage *,\r\n    .landu-usage *::before,\r\n    .landu-usage *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landu-usage-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #ffffff 100%);\r\n        padding: 5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landu-usage-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.12;\r\n    }\r\n\r\n    .landu-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Process elements *\/\r\n    .landu-process-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-process-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-appear-element 1s ease-out var(--delay) forwards,\r\n                   landu-rotate-element 8s linear var(--delay) infinite;\r\n    }\r\n\r\n    .landu-process-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #4caf50, #8bc34a);\r\n        clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);\r\n        box-shadow: 0 0 12px rgba(76, 175, 80, 0.6);\r\n    }\r\n\r\n    @keyframes landu-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-rotate-element {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    .landu-usage-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landu-usage-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    .landu-usage-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: landu-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-usage-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landu-usage-title {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Main Content *\/\r\n    .landu-usage-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Left Section *\/\r\n    .landu-left-section {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: landu-slide-in-left 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-left {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Image Section *\/\r\n    .landu-image-section {\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .landu-usage-image-container {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.15);\r\n    }\r\n\r\n    .landu-usage-image {\r\n        width: 100%;\r\n        height: 280px;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-usage-image-container:hover .landu-usage-image {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Steps Overlay *\/\r\n    .landu-steps-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landu-step-indicator {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 35px;\r\n        height: 35px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        animation: landu-step-appear 1s ease-out calc(0.5s + var(--step) * 0.3s) forwards;\r\n        opacity: 0;\r\n    }\r\n\r\n    .landu-step-number {\r\n        width: 25px;\r\n        height: 25px;\r\n        background: linear-gradient(135deg, #0077c8, #00a8ff);\r\n        color: white;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-shadow: 0 3px 10px rgba(0, 119, 200, 0.4);\r\n    }\r\n\r\n    .landu-step-pulse {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border: 2px solid rgba(0, 119, 200, 0.6);\r\n        border-radius: 50%;\r\n        animation: landu-pulse-step 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-pulse-step {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.2); opacity: 1; }\r\n    }\r\n\r\n    \/* Temperature Indicator *\/\r\n    .landu-temp-indicator {\r\n        position: absolute;\r\n        top: 1rem;\r\n        right: 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 10px;\r\n        padding: 0.5rem;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .landu-thermometer {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.4rem;\r\n    }\r\n\r\n    .landu-temp-scale {\r\n        width: 3px;\r\n        height: 25px;\r\n        background: rgba(0, 119, 200, 0.2);\r\n        border-radius: 2px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-temp-mercury {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 75%;\r\n        background: linear-gradient(180deg, #ff6b35, #f7931e);\r\n        border-radius: 2px;\r\n        animation: landu-temp-rise 3s ease-out 1s forwards;\r\n        transform: scaleY(0);\r\n        transform-origin: bottom;\r\n    }\r\n\r\n    .landu-temp-value {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n    }\r\n\r\n    @keyframes landu-temp-rise {\r\n        to { transform: scaleY(1); }\r\n    }\r\n\r\n    \/* Key Points Section *\/\r\n    .landu-key-points {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landu-points-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 1.5rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-points-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .landu-point-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.875rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-appear-point 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landu-point-item:nth-child(1) { animation-delay: 1s; }\r\n    .landu-point-item:nth-child(2) { animation-delay: 1.2s; }\r\n    .landu-point-item:nth-child(3) { animation-delay: 1.4s; }\r\n    .landu-point-item:nth-child(4) { animation-delay: 1.6s; }\r\n\r\n    @keyframes landu-appear-point {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landu-point-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-point-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-point-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.4rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .landu-point-desc {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Point Icons *\/\r\n    .landu-temperature-icon,\r\n    .landu-mixing-icon,\r\n    .landu-cooling-icon,\r\n    .landu-quality-icon {\r\n        width: 25px;\r\n        height: 25px;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-temp-gauge {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #ff6b35;\r\n        border-radius: 50%;\r\n        position: relative;\r\n        animation: landu-gauge-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-temp-gauge::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 7px;\r\n        height: 7px;\r\n        background: #ff6b35;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .landu-mixer-blades {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n        animation: landu-blade-rotate 2s linear infinite;\r\n    }\r\n\r\n    .landu-blade {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 14px;\r\n        height: 2px;\r\n        background: #0077c8;\r\n        border-radius: 1px;\r\n        transform-origin: 0 50%;\r\n    }\r\n\r\n    .landu-blade:nth-child(1) {\r\n        transform: translate(-50%, -50%) rotate(0deg);\r\n    }\r\n\r\n    .landu-blade:nth-child(2) {\r\n        transform: translate(-50%, -50%) rotate(90deg);\r\n    }\r\n\r\n    .landu-ice-crystal {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-crystal {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #4fc3f7;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n        animation: landu-crystal-glow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-checkmark {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-check-symbol {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #4caf50;\r\n        border-radius: 50%;\r\n        position: relative;\r\n        animation: landu-check-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-check-symbol::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 20%;\r\n        left: 30%;\r\n        width: 40%;\r\n        height: 60%;\r\n        border: solid #4caf50;\r\n        border-width: 0 2px 2px 0;\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    @keyframes landu-gauge-pulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n\r\n    @keyframes landu-blade-rotate {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes landu-crystal-glow {\r\n        0%, 100% { opacity: 0.8; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-check-pulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n    }\r\n\r\n    \/* Right Methods Section *\/\r\n    .landu-methods-section {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: landu-slide-in-methods 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes landu-slide-in-methods {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .landu-method-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-appear-method 0.8s ease-out forwards;\r\n        box-shadow: 0 6px 25px rgba(0, 119, 200, 0.1);\r\n    }\r\n\r\n    .landu-method-card:nth-child(1) { animation-delay: 0.8s; }\r\n    .landu-method-card:nth-child(2) { animation-delay: 1s; }\r\n    .landu-method-card:nth-child(3) { animation-delay: 1.2s; }\r\n\r\n    .landu-method-card:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .landu-method-card:hover {\r\n        transform: translateY(-3px);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n        box-shadow: 0 10px 30px rgba(0, 119, 200, 0.2);\r\n    }\r\n\r\n    @keyframes landu-appear-method {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landu-method-header {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .landu-method-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 14px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-method-title {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-method-name {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin-bottom: 0.5rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .landu-method-number {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        padding: 3px 8px;\r\n        border-radius: 10px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .landu-method-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-method-description {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Hot Water Icon *\/\r\n    .landu-hot-water-icon {\r\n        position: relative;\r\n        width: 40px;\r\n        height: 35px;\r\n    }\r\n\r\n    .landu-beaker {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 26px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-beaker-body {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 22px;\r\n        background: rgba(0, 119, 200, 0.2);\r\n        border: 2px solid #0077c8;\r\n        border-radius: 0 0 6px 6px;\r\n        border-top: none;\r\n    }\r\n\r\n    .landu-water-level {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 2px;\r\n        right: 2px;\r\n        height: 13px;\r\n        background: linear-gradient(180deg, #4fc3f7, #0288d1);\r\n        border-radius: 0 0 4px 4px;\r\n        animation: landu-water-bubble 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-steam {\r\n        position: absolute;\r\n        top: -4px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 12px;\r\n        height: 8px;\r\n    }\r\n\r\n    .landu-steam-particle {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border-radius: 50%;\r\n        animation: landu-steam-rise 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-steam-particle:nth-child(1) {\r\n        left: 2px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-steam-particle:nth-child(2) {\r\n        left: 5px;\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .landu-steam-particle:nth-child(3) {\r\n        left: 8px;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    .landu-heat-indicator {\r\n        position: absolute;\r\n        bottom: -4px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 6px;\r\n        height: 5px;\r\n    }\r\n\r\n    .landu-flame {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(180deg, #ff6b35, #f7931e);\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        animation: landu-flame-flicker 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-water-bubble {\r\n        0%, 100% { transform: scaleY(1); }\r\n        50% { transform: scaleY(1.05); }\r\n    }\r\n\r\n    @keyframes landu-steam-rise {\r\n        0% { transform: translateY(0); opacity: 0; }\r\n        20% { opacity: 1; }\r\n        100% { transform: translateY(-8px); opacity: 0; }\r\n    }\r\n\r\n    @keyframes landu-flame-flicker {\r\n        0%, 100% { transform: scaleY(1) scaleX(1); }\r\n        25% { transform: scaleY(1.1) scaleX(0.9); }\r\n        50% { transform: scaleY(0.9) scaleX(1.1); }\r\n        75% { transform: scaleY(1.05) scaleX(0.95); }\r\n    }\r\n\r\n    \/* Powder Mixing Icon *\/\r\n    .landu-powder-icon {\r\n        position: relative;\r\n        width: 40px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-mixing-bowl {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-bowl-body {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        width: 26px;\r\n        height: 17px;\r\n        background: rgba(0, 119, 200, 0.2);\r\n        border: 2px solid #0077c8;\r\n        border-radius: 0 0 13px 13px;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .landu-powder-particles {\r\n        position: absolute;\r\n        top: 4px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 22px;\r\n        height: 12px;\r\n    }\r\n\r\n    .landu-particle {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        background: #4caf50;\r\n        border-radius: 50%;\r\n        animation: landu-particle-mix 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-particle:nth-child(1) {\r\n        left: 20%;\r\n        top: 30%;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-particle:nth-child(2) {\r\n        left: 50%;\r\n        top: 10%;\r\n        animation-delay: 0.2s;\r\n    }\r\n\r\n    .landu-particle:nth-child(3) {\r\n        left: 80%;\r\n        top: 40%;\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    .landu-particle:nth-child(4) {\r\n        left: 30%;\r\n        top: 70%;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    .landu-particle:nth-child(5) {\r\n        left: 70%;\r\n        top: 80%;\r\n        animation-delay: 0.8s;\r\n    }\r\n\r\n    .landu-mixing-motion {\r\n        position: absolute;\r\n        top: 6px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    .landu-swirl {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid rgba(0, 119, 200, 0.4);\r\n        border-top-color: #0077c8;\r\n        border-radius: 50%;\r\n        animation: landu-swirl-rotate 1.5s linear infinite;\r\n    }\r\n\r\n    @keyframes landu-particle-mix {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        25% { transform: translateY(-2px) rotate(90deg); }\r\n        50% { transform: translateY(0) rotate(180deg); }\r\n        75% { transform: translateY(-1px) rotate(270deg); }\r\n    }\r\n\r\n    @keyframes landu-swirl-rotate {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Solvent Icon *\/\r\n    .landu-solvent-icon {\r\n        position: relative;\r\n        width: 40px;\r\n        height: 35px;\r\n    }\r\n\r\n    .landu-flask {\r\n        position: relative;\r\n        width: 22px;\r\n        height: 26px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .landu-flask-body {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 17px;\r\n        background: rgba(0, 119, 200, 0.2);\r\n        border: 2px solid #0077c8;\r\n        border-radius: 0 0 8px 8px;\r\n        border-top: none;\r\n    }\r\n\r\n    .landu-flask-neck {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 6px;\r\n        height: 10px;\r\n        background: rgba(0, 119, 200, 0.2);\r\n        border: 2px solid #0077c8;\r\n        border-bottom: none;\r\n        border-radius: 3px 3px 0 0;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .landu-solvent-level {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 2px;\r\n        right: 2px;\r\n        height: 10px;\r\n        background: linear-gradient(180deg, #9c27b0, #e91e63);\r\n        border-radius: 0 0 6px 6px;\r\n        animation: landu-solvent-glow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-bubbles {\r\n        position: absolute;\r\n        bottom: 4px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 12px;\r\n        height: 8px;\r\n    }\r\n\r\n    .landu-bubble {\r\n        position: absolute;\r\n        width: 1.5px;\r\n        height: 1.5px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border-radius: 50%;\r\n        animation: landu-bubble-rise 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-bubble:nth-child(1) {\r\n        left: 25%;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-bubble:nth-child(2) {\r\n        left: 50%;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    .landu-bubble:nth-child(3) {\r\n        left: 75%;\r\n        animation-delay: 2s;\r\n    }\r\n\r\n    .landu-droplets {\r\n        position: absolute;\r\n        top: -4px;\r\n        right: -6px;\r\n        width: 10px;\r\n        height: 6px;\r\n    }\r\n\r\n    .landu-droplet {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 3px;\r\n        background: #9c27b0;\r\n        border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n        animation: landu-droplet-fall 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-droplet:nth-child(1) {\r\n        left: 0;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-droplet:nth-child(2) {\r\n        left: 5px;\r\n        animation-delay: 1.2s;\r\n    }\r\n\r\n    @keyframes landu-solvent-glow {\r\n        0%, 100% { opacity: 0.8; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-bubble-rise {\r\n        0% { transform: translateY(0); opacity: 0; }\r\n        20% { opacity: 1; }\r\n        100% { transform: translateY(-6px); opacity: 0; }\r\n    }\r\n\r\n    @keyframes landu-droplet-fall {\r\n        0%, 100% { transform: translateY(0); opacity: 0; }\r\n        20% { opacity: 1; }\r\n        80% { opacity: 1; }\r\n        100% { transform: translateY(6px); opacity: 0; }\r\n    }\r\n\r\n    \/* Solvent Types *\/\r\n    .landu-solvent-types {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 0.4rem;\r\n        margin-top: 0.75rem;\r\n    }\r\n\r\n    .landu-solvent-tag {\r\n        background: rgba(156, 39, 176, 0.1);\r\n        border: 1px solid rgba(156, 39, 176, 0.3);\r\n        color: #9c27b0;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        padding: 3px 8px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landu-usage-section {\r\n            padding: 4rem 1.5rem;\r\n        }\r\n\r\n        .landu-usage-content {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .landu-usage-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .landu-points-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-point-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-point-desc {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-usage-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-usage-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landu-usage-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .landu-usage-image {\r\n            height: 260px;\r\n        }\r\n\r\n        .landu-method-header {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landu-method-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .landu-method-name {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-method-description {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landu-points-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .landu-point-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-point-desc {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landu-left-section {\r\n            order: -1;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-usage-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-usage-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .landu-usage-image {\r\n            height: 240px;\r\n        }\r\n\r\n        .landu-method-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-method-name {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-key-points {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .landu-points-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-point-item {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landu-point-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        .landu-point-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landu-point-desc {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-833b9fc e-con-full e-flex e-con e-parent\" data-id=\"833b9fc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67135f1 elementor-widget elementor-widget-html\" data-id=\"67135f1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landu-water-retention\">\r\n    <section class=\"landu-water-retention-section\">\r\n        <!-- Background molecular effects -->\r\n        <div class=\"landu-water-retention-molecules\">\r\n            <div class=\"landu-water-molecular-grid\">\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 8%; --y: 15%; --delay: 0s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 22%; --y: 25%; --delay: 0.3s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 38%; --y: 12%; --delay: 0.6s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 55%; --y: 28%; --delay: 0.9s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 72%; --y: 18%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 85%; --y: 35%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 18%; --y: 68%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 42%; --y: 75%; --delay: 2.1s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 68%; --y: 82%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"landu-water-grid-dot\" style=\"--x: 88%; --y: 72%; --delay: 2.7s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating water droplet elements -->\r\n            <div class=\"landu-water-droplets\">\r\n                <div class=\"landu-water-droplet\" style=\"--x: 15%; --y: 20%; --size: 8px; --delay: 0s;\">\r\n                    <div class=\"landu-droplet-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-water-droplet\" style=\"--x: 65%; --y: 25%; --size: 6px; --delay: 1.5s;\">\r\n                    <div class=\"landu-droplet-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-water-droplet\" style=\"--x: 30%; --y: 70%; --size: 10px; --delay: 3s;\">\r\n                    <div class=\"landu-droplet-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-water-droplet\" style=\"--x: 80%; --y: 65%; --size: 7px; --delay: 4.5s;\">\r\n                    <div class=\"landu-droplet-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landu-water-retention-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landu-water-retention-header\">\r\n                <div class=\"landu-water-retention-badge\">\r\n                    <span class=\"landu-water-retention-badge-text\">AN\u00c1LISE DE RETEN\u00c7\u00c3O DE \u00c1GUA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-water-retention-title\">\r\n                    Fatores que Afetam o Desempenho de Reten\u00e7\u00e3o de \u00c1gua dos \u00c9teres de Celulose\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"landu-water-retention-content\">\r\n                <!-- Left Content Section -->\r\n                <div class=\"landu-water-left-section\">\r\n                    <!-- Introduction Text -->\r\n                    <div class=\"landu-water-intro-section\">\r\n                        <div class=\"landu-water-intro-card\">\r\n                            <div class=\"landu-water-intro-icon\">\r\n                                <div class=\"landu-water-molecule-icon\">\r\n                                    <div class=\"landu-water-molecule-center\"><\/div>\r\n                                    <div class=\"landu-water-molecule-bond\" style=\"--angle: 0deg;\"><\/div>\r\n                                    <div class=\"landu-water-molecule-bond\" style=\"--angle: 120deg;\"><\/div>\r\n                                    <div class=\"landu-water-molecule-bond\" style=\"--angle: 240deg;\"><\/div>\r\n                                    <div class=\"landu-water-molecule-atom\" style=\"--x: 0px; --y: -15px;\"><\/div>\r\n                                    <div class=\"landu-water-molecule-atom\" style=\"--x: 13px; --y: 7.5px;\"><\/div>\r\n                                    <div class=\"landu-water-molecule-atom\" style=\"--x: -13px; --y: 7.5px;\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-water-intro-content\">\r\n                                <p class=\"landu-water-intro-text\">\r\n                                    Os \u00e9teres de celulose possuem excelentes propriedades de ades\u00e3o e reten\u00e7\u00e3o de \u00e1gua para mat\u00e9rias-primas minerais cer\u00e2micas. Manter um determinado n\u00edvel de humidade permite que o corpo cer\u00e2mico mantenha uma plasticidade est\u00e1vel e boa durante o processamento e moldagem. O n\u00edvel de capacidade de reten\u00e7\u00e3o de \u00e1gua afeta a durabilidade da plasticidade do corpo cer\u00e2mico, mas uma reten\u00e7\u00e3o de \u00e1gua excessivamente alta tamb\u00e9m pode causar encolhimento excessivo durante o processo de secagem.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Performance Factors -->\r\n                    <div class=\"landu-water-factors-section\">\r\n                        <h3 class=\"landu-water-factors-title\">Fatores Chave de Desempenho<\/h3>\r\n                        <div class=\"landu-water-factors-grid\">\r\n                            <div class=\"landu-water-factor-item\">\r\n                                <div class=\"landu-water-factor-icon\">\r\n                                    <div class=\"landu-adhesion-icon\">\r\n                                        <div class=\"landu-adhesion-surface\"><\/div>\r\n                                        <div class=\"landu-adhesion-bonds\">\r\n                                            <div class=\"landu-adhesion-bond\"><\/div>\r\n                                            <div class=\"landu-adhesion-bond\"><\/div>\r\n                                            <div class=\"landu-adhesion-bond\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-factor-content\">\r\n                                    <h4 class=\"landu-water-factor-title\">Excelente ader\u00eancia<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Propriedades de liga\u00e7\u00e3o fortes com mat\u00e9rias-primas minerais cer\u00e2micas garantem a integridade estrutural<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"landu-water-factor-item\">\r\n                                <div class=\"landu-water-factor-icon\">\r\n                                    <div class=\"landu-plasticity-icon\">\r\n                                        <div class=\"landu-plasticity-wave\">\r\n                                            <div class=\"landu-wave-segment\"><\/div>\r\n                                            <div class=\"landu-wave-segment\"><\/div>\r\n                                            <div class=\"landu-wave-segment\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-factor-content\">\r\n                                    <h4 class=\"landu-water-factor-title\">Plasticidade Est\u00e1vel<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Mant\u00e9m uma trabalhabilidade consistente durante as opera\u00e7\u00f5es de processamento e moldagem<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"landu-water-factor-item\">\r\n                                <div class=\"landu-water-factor-icon\">\r\n                                    <div class=\"landu-moisture-icon\">\r\n                                        <div class=\"landu-moisture-gauge\">\r\n                                            <div class=\"landu-moisture-level\"><\/div>\r\n                                            <div class=\"landu-moisture-indicator\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-factor-content\">\r\n                                    <h4 class=\"landu-water-factor-title\">Controlo de Humidade<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">A reten\u00e7\u00e3o de \u00e1gua \u00f3tima evita encolhimento excessivo durante o processo de secagem<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"landu-water-factor-item\">\r\n                                <div class=\"landu-water-factor-icon\">\r\n                                    <div class=\"landu-durability-icon\">\r\n                                        <div class=\"landu-durability-shield\">\r\n                                            <div class=\"landu-shield-core\"><\/div>\r\n                                            <div class=\"landu-shield-rings\">\r\n                                                <div class=\"landu-shield-ring\"><\/div>\r\n                                                <div class=\"landu-shield-ring\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-factor-content\">\r\n                                    <h4 class=\"landu-water-factor-title\">Durabilidade Aprimorada<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Caracter\u00edsticas de desempenho duradouro ao longo do ciclo de produ\u00e7\u00e3o cer\u00e2mica<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Chart Section -->\r\n                <div class=\"landu-water-chart-section\">\r\n                    <div class=\"landu-water-chart-card\">\r\n                        <div class=\"landu-water-chart-header\">\r\n                            <div class=\"landu-water-chart-icon\">\r\n                                <div class=\"landu-chart-graph-icon\">\r\n                                    <div class=\"landu-chart-axes\">\r\n                                        <div class=\"landu-chart-x-axis\"><\/div>\r\n                                        <div class=\"landu-chart-y-axis\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-chart-bars\">\r\n                                        <div class=\"landu-chart-bar\" style=\"--height: 60%; --delay: 0s;\"><\/div>\r\n                                        <div class=\"landu-chart-bar\" style=\"--height: 80%; --delay: 0.2s;\"><\/div>\r\n                                        <div class=\"landu-chart-bar\" style=\"--height: 95%; --delay: 0.4s;\"><\/div>\r\n                                        <div class=\"landu-chart-bar\" style=\"--height: 75%; --delay: 0.6s;\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-chart-trend-line\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-water-chart-title\">\r\n                                <h3 class=\"landu-water-chart-name\">Gr\u00e1ficos da influ\u00eancia da Adi\u00e7\u00e3o de \u00c9ter de Celulose e da Viscosidade do Produto na Taxa de Reten\u00e7\u00e3o de \u00c1gua<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"landu-water-chart-image-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/the-influence-of-Cellulose-Ether-Addition-and-Product-Viscosity-on-the-Water-Retention-Rate.png\" \r\n                                 alt=\"Gr\u00e1ficos da influ\u00eancia da Adi\u00e7\u00e3o de \u00c9ter de Celulose e da Viscosidade do Produto na Taxa de Reten\u00e7\u00e3o de \u00c1gua\" \r\n                                 class=\"landu-water-chart-image\">\r\n                            \r\n                            <!-- Chart Analysis Overlay -->\r\n                            <div class=\"landu-water-chart-overlay\">\r\n                                <div class=\"landu-water-data-point\" style=\"--x: 25%; --y: 30%; --value: 1;\">\r\n                                    <div class=\"landu-water-point-indicator\"><\/div>\r\n                                    <div class=\"landu-water-point-pulse\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-data-point\" style=\"--x: 50%; --y: 20%; --value: 2;\">\r\n                                    <div class=\"landu-water-point-indicator\"><\/div>\r\n                                    <div class=\"landu-water-point-pulse\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-data-point\" style=\"--x: 75%; --y: 25%; --value: 3;\">\r\n                                    <div class=\"landu-water-point-indicator\"><\/div>\r\n                                    <div class=\"landu-water-point-pulse\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Performance Indicators -->\r\n                            <div class=\"landu-water-performance-indicators\">\r\n                                <div class=\"landu-water-indicator\" style=\"--position: top-left;\">\r\n                                    <div class=\"landu-water-indicator-icon\">\r\n                                        <div class=\"landu-addition-icon\">\r\n                                            <div class=\"landu-addition-plus\">+<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-water-indicator-label\">Taxa de Adi\u00e7\u00e3o<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-indicator\" style=\"--position: top-right;\">\r\n                                    <div class=\"landu-water-indicator-icon\">\r\n                                        <div class=\"landu-viscosity-icon\">\r\n                                            <div class=\"landu-viscosity-drops\">\r\n                                                <div class=\"landu-viscosity-drop\"><\/div>\r\n                                                <div class=\"landu-viscosity-drop\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-water-indicator-label\">Viscosidade<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-water-indicator\" style=\"--position: bottom-center;\">\r\n                                    <div class=\"landu-water-indicator-icon\">\r\n                                        <div class=\"landu-retention-icon\">\r\n                                            <div class=\"landu-retention-container\">\r\n                                                <div class=\"landu-retention-level\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-water-indicator-label\">Taxa de Reten\u00e7\u00e3o de \u00c1gua<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Chart Insights -->\r\n                        <div class=\"landu-water-chart-insights\">\r\n                            <h4 class=\"landu-water-insights-title\">Perce\u00e7\u00f5es Chave<\/h4>\r\n                            <div class=\"landu-water-insights-grid\">\r\n                                <div class=\"landu-water-insight-item\">\r\n                                    <div class=\"landu-water-insight-metric\">\r\n                                        <span class=\"landu-water-metric-value\">\u2197<\/span>\r\n                                        <span class=\"landu-water-metric-label\">Taxa de Adi\u00e7\u00e3o<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Aumento da adi\u00e7\u00e3o de \u00e9ter de celulose aumenta a capacidade de reten\u00e7\u00e3o de \u00e1gua<\/p>\r\n                                <\/div>\r\n                                <div class=\"landu-water-insight-item\">\r\n                                    <div class=\"landu-water-insight-metric\">\r\n                                        <span class=\"landu-water-metric-value\">\u2696<\/span>\r\n                                        <span class=\"landu-water-metric-label\">Impacto na Viscosidade<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">A viscosidade do produto correlaciona-se diretamente com o desempenho de reten\u00e7\u00e3o<\/p>\r\n                                <\/div>\r\n                                <div class=\"landu-water-insight-item\">\r\n                                    <div class=\"landu-water-insight-metric\">\r\n                                        <span class=\"landu-water-metric-value\">\ud83c\udfaf<\/span>\r\n                                        <span class=\"landu-water-metric-label\">Equil\u00edbrio \u00d3timo<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Encontrar o equil\u00edbrio certo evita encolhimento excessivo<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .landu-water-retention {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    .landu-water-retention *,\r\n    .landu-water-retention *::before,\r\n    .landu-water-retention *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .landu-water-retention-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #f8fafc 50%, #ffffff 100%);\r\n        padding: 5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background molecular effects *\/\r\n    .landu-water-retention-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .landu-water-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-water-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-water-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-water-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-water-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-water-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-water-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-water-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-water-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Water droplet elements *\/\r\n    .landu-water-droplets {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-water-droplet {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-water-appear-droplet 1s ease-out var(--delay) forwards,\r\n                   landu-water-float-droplet 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-droplet-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, #4fc3f7, #0288d1);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: rotate(-45deg);\r\n        box-shadow: 0 0 8px rgba(79, 195, 247, 0.6);\r\n    }\r\n\r\n    @keyframes landu-water-appear-droplet {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes landu-water-float-droplet {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-10px) rotate(180deg); }\r\n    }\r\n\r\n    .landu-water-retention-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landu-water-retention-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    .landu-water-retention-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(79, 195, 247, 0.1), rgba(79, 195, 247, 0.05));\r\n        border: 1px solid rgba(79, 195, 247, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: landu-water-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-water-retention-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0288d1;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-water-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(79, 195, 247, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(79, 195, 247, 0.4); }\r\n    }\r\n\r\n    .landu-water-retention-title {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-water-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes landu-water-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Main Content *\/\r\n    .landu-water-retention-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Left Section *\/\r\n    .landu-water-left-section {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: landu-water-slide-in-left 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes landu-water-slide-in-left {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Introduction Section *\/\r\n    .landu-water-intro-section {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .landu-water-intro-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(79, 195, 247, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(79, 195, 247, 0.1);\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .landu-water-intro-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(79, 195, 247, 0.1);\r\n        border-radius: 15px;\r\n        border: 1px solid rgba(79, 195, 247, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-water-molecule-icon {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-water-molecule-center {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #0288d1;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        box-shadow: 0 0 8px rgba(2, 136, 209, 0.6);\r\n    }\r\n\r\n    .landu-water-molecule-bond {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 15px;\r\n        height: 2px;\r\n        background: rgba(2, 136, 209, 0.6);\r\n        border-radius: 1px;\r\n        transform-origin: 0 50%;\r\n        transform: translate(-50%, -50%) rotate(var(--angle));\r\n        animation: landu-water-bond-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-water-molecule-atom {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #4fc3f7;\r\n        border-radius: 50%;\r\n        transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y)));\r\n        animation: landu-water-atom-orbit 3s linear infinite;\r\n    }\r\n\r\n    @keyframes landu-water-bond-pulse {\r\n        0%, 100% { opacity: 0.6; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-water-atom-orbit {\r\n        from { transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(0deg); }\r\n        to { transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(360deg); }\r\n    }\r\n\r\n    .landu-water-intro-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-water-intro-text {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Factors Section *\/\r\n    .landu-water-factors-section {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(79, 195, 247, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(79, 195, 247, 0.1);\r\n    }\r\n\r\n    .landu-water-factors-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0288d1;\r\n        margin-bottom: 1.5rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-water-factors-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .landu-water-factor-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.875rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-water-appear-factor 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landu-water-factor-item:nth-child(1) { animation-delay: 1s; }\r\n    .landu-water-factor-item:nth-child(2) { animation-delay: 1.2s; }\r\n    .landu-water-factor-item:nth-child(3) { animation-delay: 1.4s; }\r\n    .landu-water-factor-item:nth-child(4) { animation-delay: 1.6s; }\r\n\r\n    @keyframes landu-water-appear-factor {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landu-water-factor-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(79, 195, 247, 0.1);\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(79, 195, 247, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-water-factor-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-water-factor-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin-bottom: 0.4rem;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .landu-water-factor-desc {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Factor Icons *\/\r\n    .landu-adhesion-icon,\r\n    .landu-plasticity-icon,\r\n    .landu-moisture-icon,\r\n    .landu-durability-icon {\r\n        width: 25px;\r\n        height: 25px;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-adhesion-surface {\r\n        width: 100%;\r\n        height: 8px;\r\n        background: rgba(2, 136, 209, 0.3);\r\n        border-radius: 4px;\r\n        position: absolute;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landu-adhesion-bonds {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 15px;\r\n    }\r\n\r\n    .landu-adhesion-bond {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 10px;\r\n        background: #0288d1;\r\n        border-radius: 1px;\r\n        animation: landu-water-adhesion-bond 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-adhesion-bond:nth-child(1) {\r\n        left: 20%;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-adhesion-bond:nth-child(2) {\r\n        left: 50%;\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .landu-adhesion-bond:nth-child(3) {\r\n        left: 80%;\r\n        animation-delay: 0.6s;\r\n    }\r\n\r\n    @keyframes landu-water-adhesion-bond {\r\n        0%, 100% { transform: scaleY(1); }\r\n        50% { transform: scaleY(1.3); }\r\n    }\r\n\r\n    .landu-plasticity-wave {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .landu-wave-segment {\r\n        width: 6px;\r\n        height: 15px;\r\n        background: #4fc3f7;\r\n        border-radius: 3px;\r\n        animation: landu-water-wave-flow 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-wave-segment:nth-child(1) { animation-delay: 0s; }\r\n    .landu-wave-segment:nth-child(2) { animation-delay: 0.2s; }\r\n    .landu-wave-segment:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n    @keyframes landu-water-wave-flow {\r\n        0%, 100% { transform: scaleY(1); }\r\n        50% { transform: scaleY(1.5); }\r\n    }\r\n\r\n    .landu-moisture-gauge {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0288d1;\r\n        border-radius: 50%;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-moisture-level {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 60%;\r\n        background: linear-gradient(180deg, #4fc3f7, #0288d1);\r\n        animation: landu-water-moisture-level 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-moisture-indicator {\r\n        position: absolute;\r\n        top: 20%;\r\n        right: 10%;\r\n        width: 3px;\r\n        height: 3px;\r\n        background: #ffffff;\r\n        border-radius: 50%;\r\n        animation: landu-water-moisture-blink 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-water-moisture-level {\r\n        0%, 100% { height: 60%; }\r\n        50% { height: 75%; }\r\n    }\r\n\r\n    @keyframes landu-water-moisture-blink {\r\n        0%, 100% { opacity: 0.5; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    .landu-durability-shield {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-shield-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #4caf50;\r\n        clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-shield-rings {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    .landu-shield-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        border: 1px solid rgba(76, 175, 80, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-water-shield-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-shield-ring:nth-child(1) {\r\n        width: 30px;\r\n        height: 30px;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-shield-ring:nth-child(2) {\r\n        width: 35px;\r\n        height: 35px;\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    @keyframes landu-water-shield-pulse {\r\n        0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); }\r\n        50% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.1); }\r\n    }\r\n\r\n    \/* Right Chart Section *\/\r\n    .landu-water-chart-section {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: landu-water-slide-in-chart 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes landu-water-slide-in-chart {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .landu-water-chart-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(79, 195, 247, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(79, 195, 247, 0.1);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .landu-water-chart-card:hover {\r\n        transform: translateY(-3px);\r\n        border-color: rgba(79, 195, 247, 0.4);\r\n        box-shadow: 0 12px 40px rgba(79, 195, 247, 0.2);\r\n    }\r\n\r\n    .landu-water-chart-header {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .landu-water-chart-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(79, 195, 247, 0.1);\r\n        border-radius: 14px;\r\n        border: 1px solid rgba(79, 195, 247, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-chart-graph-icon {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-chart-axes {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 2px;\r\n        right: 2px;\r\n        top: 2px;\r\n    }\r\n\r\n    .landu-chart-x-axis,\r\n    .landu-chart-y-axis {\r\n        position: absolute;\r\n        background: #0288d1;\r\n    }\r\n\r\n    .landu-chart-x-axis {\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 1px;\r\n    }\r\n\r\n    .landu-chart-y-axis {\r\n        bottom: 0;\r\n        left: 0;\r\n        top: 0;\r\n        width: 1px;\r\n    }\r\n\r\n    .landu-chart-bars {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 4px;\r\n        right: 4px;\r\n        height: 20px;\r\n        display: flex;\r\n        align-items: end;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .landu-chart-bar {\r\n        width: 3px;\r\n        height: var(--height);\r\n        background: linear-gradient(180deg, #4fc3f7, #0288d1);\r\n        border-radius: 1px;\r\n        transform: scaleY(0);\r\n        transform-origin: bottom;\r\n        animation: landu-water-bar-grow 1s ease-out var(--delay) forwards;\r\n    }\r\n\r\n    .landu-chart-trend-line {\r\n        position: absolute;\r\n        bottom: 8px;\r\n        left: 4px;\r\n        right: 4px;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, #4fc3f7, transparent);\r\n        opacity: 0;\r\n        animation: landu-water-trend-appear 1.5s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes landu-water-bar-grow {\r\n        to { transform: scaleY(1); }\r\n    }\r\n\r\n    @keyframes landu-water-trend-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    .landu-water-chart-title {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-water-chart-name {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0288d1;\r\n        margin: 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Chart Image *\/\r\n    .landu-water-chart-image-container {\r\n        position: relative;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        margin-bottom: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(79, 195, 247, 0.2);\r\n    }\r\n\r\n    .landu-water-chart-image {\r\n        width: 100%;\r\n        height: 300px;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-water-chart-image-container:hover .landu-water-chart-image {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Chart Overlay *\/\r\n    .landu-water-chart-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landu-water-data-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 12px;\r\n        height: 12px;\r\n        opacity: 0;\r\n        animation: landu-water-point-appear 1s ease-out calc(1s + var(--value) * 0.3s) forwards;\r\n    }\r\n\r\n    .landu-water-point-indicator {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #ff6b35;\r\n        border: 2px solid #ffffff;\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);\r\n    }\r\n\r\n    .landu-water-point-pulse {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border: 2px solid rgba(255, 107, 53, 0.6);\r\n        border-radius: 50%;\r\n        animation: landu-water-point-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-water-point-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-water-point-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.3); opacity: 1; }\r\n    }\r\n\r\n    \/* Performance Indicators *\/\r\n    .landu-water-performance-indicators {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landu-water-indicator {\r\n        position: absolute;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.3rem;\r\n        opacity: 0;\r\n        animation: landu-water-indicator-appear 1s ease-out 1.5s forwards;\r\n    }\r\n\r\n    .landu-water-indicator[style*=\"top-left\"] {\r\n        top: 1rem;\r\n        left: 1rem;\r\n    }\r\n\r\n    .landu-water-indicator[style*=\"top-right\"] {\r\n        top: 1rem;\r\n        right: 1rem;\r\n    }\r\n\r\n    .landu-water-indicator[style*=\"bottom-center\"] {\r\n        bottom: 1rem;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .landu-water-indicator-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(79, 195, 247, 0.3);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .landu-water-indicator-label {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #0288d1;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 3px 8px;\r\n        border-radius: 8px;\r\n        border: 1px solid rgba(79, 195, 247, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        white-space: nowrap;\r\n    }\r\n\r\n    @keyframes landu-water-indicator-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Indicator Icons *\/\r\n    .landu-addition-icon {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #4caf50;\r\n    }\r\n\r\n    .landu-viscosity-drops {\r\n        display: flex;\r\n        gap: 2px;\r\n    }\r\n\r\n    .landu-viscosity-drop {\r\n        width: 4px;\r\n        height: 6px;\r\n        background: #ff9800;\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: rotate(-45deg);\r\n        animation: landu-water-viscosity-drop 2s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-viscosity-drop:nth-child(2) {\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    @keyframes landu-water-viscosity-drop {\r\n        0%, 100% { opacity: 0.6; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    .landu-retention-container {\r\n        width: 12px;\r\n        height: 16px;\r\n        border: 2px solid #2196f3;\r\n        border-radius: 0 0 6px 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .landu-retention-level {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 70%;\r\n        background: linear-gradient(180deg, #4fc3f7, #2196f3);\r\n        animation: landu-water-retention-level 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-water-retention-level {\r\n        0%, 100% { height: 70%; }\r\n        50% { height: 85%; }\r\n    }\r\n\r\n    \/* Chart Insights - \u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n    .landu-water-chart-insights {\r\n        background: rgba(79, 195, 247, 0.05);\r\n        border-radius: 12px;\r\n        padding: 1.5rem;\r\n        border: 1px solid rgba(79, 195, 247, 0.2);\r\n    }\r\n\r\n    .landu-water-insights-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0288d1;\r\n        margin-bottom: 1.25rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-water-insights-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .landu-water-insight-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .landu-water-insight-metric {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.4rem;\r\n        flex-shrink: 0;\r\n        min-width: 60px;\r\n    }\r\n\r\n    .landu-water-metric-value {\r\n        font-size: 22px;\r\n        color: #0288d1;\r\n    }\r\n\r\n    .landu-water-metric-label {\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .landu-water-insight-text {\r\n        font-size: 15px;\r\n        color: #64748b;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n        flex: 1;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landu-water-retention-section {\r\n            padding: 4rem 1.5rem;\r\n        }\r\n\r\n        .landu-water-retention-content {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .landu-water-retention-title {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .landu-water-factors-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-water-chart-name {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-water-insights-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-water-insight-text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-water-retention-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-water-retention-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landu-water-retention-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .landu-water-chart-image {\r\n            height: 280px;\r\n        }\r\n\r\n        .landu-water-intro-card {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .landu-water-chart-header {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .landu-water-insights-grid {\r\n            gap: 1rem;\r\n        }\r\n\r\n        .landu-water-insights-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .landu-water-insight-text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-water-retention-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-water-retention-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .landu-water-chart-image {\r\n            height: 250px;\r\n        }\r\n\r\n        .landu-water-intro-card,\r\n        .landu-water-factors-section,\r\n        .landu-water-chart-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-water-chart-insights {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-water-factor-item {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landu-water-factor-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        .landu-water-insight-item {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .landu-water-insights-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .landu-water-insight-text {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .landu-water-metric-value {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-water-metric-label {\r\n            font-size: 11px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0649042 e-con-full e-flex e-con e-parent\" data-id=\"0649042\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0ae42 elementor-widget elementor-widget-html\" data-id=\"3c0ae42\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"landu-partner-wrapper\">\r\n    <section class=\"landu-partner-section\">\r\n        <!-- Background partnership effects -->\r\n        <div class=\"landu-partner-molecules\">\r\n            <div class=\"landu-partner-molecular-grid\">\r\n                <div class=\"landu-partner-grid-dot\" style=\"--x: 15%; --y: 25%; --delay: 0s;\"><\/div>\r\n                <div class=\"landu-partner-grid-dot\" style=\"--x: 35%; --y: 15%; --delay: 0.5s;\"><\/div>\r\n                <div class=\"landu-partner-grid-dot\" style=\"--x: 55%; --y: 30%; --delay: 1s;\"><\/div>\r\n                <div class=\"landu-partner-grid-dot\" style=\"--x: 75%; --y: 20%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"landu-partner-grid-dot\" style=\"--x: 25%; --y: 75%; --delay: 2s;\"><\/div>\r\n                <div class=\"landu-partner-grid-dot\" style=\"--x: 65%; --y: 80%; --delay: 2.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating success elements -->\r\n            <div class=\"landu-partner-success-elements\">\r\n                <div class=\"landu-success-element\" style=\"--x: 20%; --y: 35%; --size: 10px; --delay: 0s;\">\r\n                    <div class=\"landu-success-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-success-element\" style=\"--x: 70%; --y: 40%; --size: 12px; --delay: 3s;\">\r\n                    <div class=\"landu-success-core\"><\/div>\r\n                <\/div>\r\n                <div class=\"landu-success-element\" style=\"--x: 80%; --y: 70%; --size: 8px; --delay: 6s;\">\r\n                    <div class=\"landu-success-core\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"landu-partner-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"landu-partner-header\">\r\n                <div class=\"landu-partner-badge\">\r\n                    <span class=\"landu-partner-badge-text\">OPORTUNIDADE DE PARCERIA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    Parceria com LANDU \u2014 Comece Hoje!\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"landu-partner-content\">\r\n                <!-- Left Content Section -->\r\n                <div class=\"landu-partner-left-section\">\r\n                    <!-- Partnership Description -->\r\n                    <div class=\"landu-partner-description-card\">\r\n                        <div class=\"landu-partner-description-icon\">\r\n                            <div class=\"landu-partnership-icon\">\r\n                                <div class=\"landu-partnership-handshake\">\r\n                                    <div class=\"landu-hand landu-hand-left\"><\/div>\r\n                                    <div class=\"landu-hand landu-hand-right\"><\/div>\r\n                                    <div class=\"landu-partnership-glow\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-partner-description-content\">\r\n                            <h3 class=\"landu-partner-description-title\">Junte-se \u00e0 Nossa Rede de Sucesso<\/h3>\r\n                            <p class=\"landu-partner-description-text\">\r\n                                Entre num mundo de oportunidades com a nossa gama premium de \u00e9ter de celulose. Como distribuidor LANDERCOLL, ter\u00e1 acesso a pre\u00e7os exclusivos, promo\u00e7\u00f5es personalizadas e incentivos especiais desenhados para aumentar as suas margens.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Partnership Benefits -->\r\n                    <div class=\"landu-partner-benefits-section\">\r\n                        <h4 class=\"landu-partner-benefits-title\">Benef\u00edcios da Parceria<\/h4>\r\n                        <div class=\"landu-partner-benefits-list\">\r\n                            <div class=\"landu-benefit-item\">\r\n                                <div class=\"landu-benefit-icon\">\r\n                                    <div class=\"landu-pricing-icon\">\ud83d\udcb0<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-benefit-text\">\r\n                                    <strong>Pre\u00e7os Exclusivos<\/strong> - Aceda a tarifas grossistas competitivas e descontos por volume\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-item\">\r\n                                <div class=\"landu-benefit-icon\">\r\n                                    <div class=\"landu-promotion-icon\">\ud83c\udfaf<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-benefit-text\">\r\n                                    <strong>Promo\u00e7\u00f5es Personalizadas<\/strong> - Campanhas de marketing personalizadas para o seu mercado\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-item\">\r\n                                <div class=\"landu-benefit-icon\">\r\n                                    <div class=\"landu-incentive-icon\">\ud83d\udcc8<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-benefit-text\">\r\n                                    <strong>Incentivos Especiais<\/strong> - Recompensas baseadas no desempenho para maximizar lucros\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-item\">\r\n                                <div class=\"landu-benefit-icon\">\r\n                                    <div class=\"landu-network-icon\">\ud83e\udd1d<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-benefit-text\">\r\n                                    <strong>Rede em Crescimento<\/strong> - Junte-se a distribuidores bem-sucedidos com suporte partilhado\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Image & CTA Section -->\r\n                <div class=\"landu-partner-right-section\">\r\n                    <div class=\"landu-partner-image-card\">\r\n                        <!-- Professional Image -->\r\n                        <div class=\"landu-partner-image-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/landu-professional-marketing-personnel.jpg\" \r\n                                 alt=\"Profissional de Marketing LANDU\" \r\n                                 class=\"landu-partner-image\">\r\n                            \r\n                            <!-- Success Indicators Overlay -->\r\n                            <div class=\"landu-partner-overlay\">\r\n                                <div class=\"landu-success-indicator\" style=\"--x: 25%; --y: 30%;\">\r\n                                    <div class=\"landu-success-icon\">\r\n                                        <div class=\"landu-success-checkmark\">\u2713<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-success-pulse\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-success-indicator\" style=\"--x: 70%; --y: 40%;\">\r\n                                    <div class=\"landu-success-icon\">\r\n                                        <div class=\"landu-success-trophy\">\ud83c\udfc6<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-success-pulse\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Call to Action Section -->\r\n                        <div class=\"landu-partner-cta-section\">\r\n                            <div class=\"landu-cta-content\">\r\n                                <h4 class=\"landu-cta-title\">Pronto para Transformar o Seu Neg\u00f3cio?<\/h4>\r\n                                <p class=\"landu-cta-subtitle\">Junte-se \u00e0 fam\u00edlia LANDU e desbloqueie o seu potencial hoje<\/p>\r\n                                \r\n                                <div class=\"landu-cta-button-container\">\r\n                                    <a href=\"https:\/\/landu-china.com\/pt\/contactar-nos\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                                        <span class=\"landu-button-text\">Junte-se Agora<\/span>\r\n                                        <div class=\"landu-button-icon\">\r\n                                            <div class=\"landu-arrow-right\">\r\n                                                <div class=\"landu-arrow-line\"><\/div>\r\n                                                <div class=\"landu-arrow-point\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"landu-button-glow\"><\/div>\r\n                                        <div class=\"landu-button-ripple\"><\/div>\r\n                                    <\/a>\r\n                                <\/div>\r\n\r\n                                <!-- Additional Benefits List -->\r\n                                <div class=\"landu-additional-benefits\">\r\n                                    <div class=\"landu-benefit-tag\">\r\n                                        <span class=\"landu-tag-icon\">\u2728<\/span>\r\n                                        <span class=\"landu-tag-text\">Sem Taxas de Configura\u00e7\u00e3o<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"landu-benefit-tag\">\r\n                                        <span class=\"landu-tag-icon\">\ud83d\ude80<\/span>\r\n                                        <span class=\"landu-tag-text\">In\u00edcio R\u00e1pido<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"landu-benefit-tag\">\r\n                                        <span class=\"landu-tag-icon\">\ud83d\udc8e<\/span>\r\n                                        <span class=\"landu-tag-text\">Suporte Premium<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u4e25\u683c\u9650\u5236\u4f5c\u7528\u57df - \u53ea\u5f71\u54cd .landu-partner-wrapper \u5185\u7684\u5143\u7d20 *\/\r\n    .landu-partner-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\n        isolation: isolate;\r\n        contain: layout style;\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u786e\u4fdd\u6240\u6709\u5b50\u5143\u7d20\u90fd\u4f7f\u7528border-box\uff0c\u4f46\u53ea\u9650\u4e8e\u8fd9\u4e2a\u7ec4\u4ef6\u5185 *\/\r\n    .landu-partner-wrapper *,\r\n    .landu-partner-wrapper *::before,\r\n    .landu-partner-wrapper *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u4e3b\u8981\u5bb9\u5668\u6837\u5f0f *\/\r\n    .landu-partner-wrapper .landu-partner-section {\r\n        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 25%, #f8fafc 50%, #ffffff 100%);\r\n        padding: 4rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Background partnership effects *\/\r\n    .landu-partner-wrapper .landu-partner-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.08;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-partner-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-partner-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-partner-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-partner-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-partner-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-partner-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Success elements *\/\r\n    .landu-partner-wrapper .landu-partner-success-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-partner-appear-element 1s ease-out var(--delay) forwards,\r\n                   landu-partner-rotate-element 8s linear var(--delay) infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #0077c8, #00a8ff);\r\n        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\r\n        box-shadow: 0 0 12px rgba(0, 119, 200, 0.6);\r\n    }\r\n\r\n    @keyframes landu-partner-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-partner-rotate-element {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landu-partner-wrapper .landu-partner-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: landu-partner-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-partner-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-title {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-partner-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes landu-partner-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Main Content *\/\r\n    .landu-partner-wrapper .landu-partner-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* Left Section *\/\r\n    .landu-partner-wrapper .landu-partner-left-section {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: landu-partner-slide-in-left 0.8s ease-out 0.4s forwards;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    @keyframes landu-partner-slide-in-left {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Description Card *\/\r\n    .landu-partner-wrapper .landu-partner-description-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1.25rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 15px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partnership-icon {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partnership-handshake {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-hand {\r\n        position: absolute;\r\n        width: 10px;\r\n        height: 14px;\r\n        background: #0077c8;\r\n        border-radius: 5px;\r\n        animation: landu-partner-handshake 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-hand-left {\r\n        left: 8px;\r\n        transform-origin: right center;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-hand-right {\r\n        right: 8px;\r\n        transform-origin: left center;\r\n        animation-delay: 0.1s;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partnership-glow {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: radial-gradient(circle, #00a8ff, transparent);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-partner-glow-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-partner-handshake {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(2px); }\r\n    }\r\n\r\n    @keyframes landu-partner-glow-pulse {\r\n        0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }\r\n        50% { opacity: 1; transform: translate(-50%, -50%) scale(1.5); }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin: 0 0 0.75rem 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-text {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Section *\/\r\n    .landu-partner-wrapper .landu-partner-benefits-section {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-benefits-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin: 0 0 1.25rem 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-benefits-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-partner-appear-benefit 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(1) { animation-delay: 1s; }\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(2) { animation-delay: 1.2s; }\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(3) { animation-delay: 1.4s; }\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(4) { animation-delay: 1.6s; }\r\n\r\n    @keyframes landu-partner-appear-benefit {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-icon {\r\n        width: 35px;\r\n        height: 35px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 10px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-text {\r\n        flex: 1;\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-text strong {\r\n        color: #1e293b;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Right Section *\/\r\n    .landu-partner-wrapper .landu-partner-right-section {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: landu-partner-slide-in-right 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes landu-partner-slide-in-right {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        transition: all 0.3s ease;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image-card:hover {\r\n        transform: translateY(-3px);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n        box-shadow: 0 12px 40px rgba(0, 119, 200, 0.2);\r\n    }\r\n\r\n    \/* Image Section *\/\r\n    .landu-partner-wrapper .landu-partner-image-container {\r\n        position: relative;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        margin-bottom: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 280px;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image-container:hover .landu-partner-image {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Success Overlay *\/\r\n    .landu-partner-wrapper .landu-partner-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-indicator {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 30px;\r\n        height: 30px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        animation: landu-partner-success-appear 1s ease-out 1.5s forwards;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-icon {\r\n        width: 22px;\r\n        height: 22px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 11px;\r\n        border: 2px solid #0077c8;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-shadow: 0 3px 10px rgba(0, 119, 200, 0.4);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-pulse {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border: 2px solid rgba(0, 119, 200, 0.6);\r\n        border-radius: 50%;\r\n        animation: landu-partner-success-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-partner-success-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-partner-success-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.2); opacity: 1; }\r\n    }\r\n\r\n    \/* CTA Section *\/\r\n    .landu-partner-wrapper .landu-partner-cta-section {\r\n        text-align: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-content {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-partner-cta-appear 0.8s ease-out 1.2s forwards;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0 0 0.5rem 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0 0 1.5rem 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    @keyframes landu-partner-cta-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* CTA Button *\/\r\n    .landu-partner-wrapper .landu-cta-button-container {\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button {\r\n        position: relative;\r\n        background: linear-gradient(135deg, #0077c8, #005a9f);\r\n        border: none;\r\n        border-radius: 50px;\r\n        padding: 12px 32px;\r\n        color: #ffffff;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n        min-width: 150px;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 15px rgba(0, 119, 200, 0.3);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.4);\r\n        text-decoration: none;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:visited {\r\n        color: #ffffff;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-text {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-icon {\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 16px;\r\n        height: 16px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:hover .landu-button-icon {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-arrow-right {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-arrow-line {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 10px;\r\n        height: 2px;\r\n        background: #ffffff;\r\n        border-radius: 1px;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-arrow-point {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        width: 4px;\r\n        height: 4px;\r\n        border: solid #ffffff;\r\n        border-width: 0 2px 2px 0;\r\n        transform: translateY(-50%) rotate(-45deg);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);\r\n        border-radius: 50px;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:hover .landu-button-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-ripple {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 0;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        transform: translate(-50%, -50%);\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:active .landu-button-ripple {\r\n        width: 200px;\r\n        height: 200px;\r\n    }\r\n\r\n    \/* Additional Benefits *\/\r\n    .landu-partner-wrapper .landu-additional-benefits {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-tag {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.3rem;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        border-radius: 20px;\r\n        padding: 0.4rem 0.8rem;\r\n        font-size: 12px;\r\n        color: #0077c8;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-tag:hover {\r\n        background: rgba(0, 119, 200, 0.2);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-tag-icon {\r\n        font-size: 10px;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landu-partner-wrapper .landu-partner-section {\r\n            padding: 3rem 1.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-content {\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-cta-title {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-partner-wrapper .landu-partner-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-image {\r\n            min-height: 200px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-description-card {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-left-section {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-additional-benefits {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-partner-wrapper .landu-partner-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-image {\r\n            min-height: 180px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-description-card,\r\n        .landu-partner-wrapper .landu-partner-benefits-section,\r\n        .landu-partner-wrapper .landu-partner-image-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-cta-button {\r\n            padding: 10px 24px;\r\n            font-size: 14px;\r\n            min-width: 130px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-additional-benefits {\r\n            gap: 0.4rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-tag {\r\n            padding: 0.3rem 0.6rem;\r\n            font-size: 11px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-item {\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-icon {\r\n            width: 30px;\r\n            height: 30px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-text {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TECNOLOGIA DE \u00c9TER DE CELULOSE LANDERCOLL \u00c9ter de Celulose para Aplica\u00e7\u00f5es Cer\u00e2micas Precis\u00e3o em Cada Forma \u2014 Resist\u00eancia, Estabilidade e Suavidade em Cada Cer\u00e2mica. Potencie a sua produ\u00e7\u00e3o cer\u00e2mica com estabilidade de moldagem excecional e resist\u00eancia \u00e0 liga\u00e7\u00e3o. LANDERCOLL garante moldagem uniforme, sinteriza\u00e7\u00e3o densa e qualidade de superf\u00edcie superior em todos os sistemas cer\u00e2micos. Resist\u00eancia Pot\u00eancia de liga\u00e7\u00e3o aprimorada Qualidade Acabamento de superf\u00edcie superior Estabilidade [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":13080,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-18883","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/pages\/18883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/comments?post=18883"}],"version-history":[{"count":77,"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/pages\/18883\/revisions"}],"predecessor-version":[{"id":23585,"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/pages\/18883\/revisions\/23585"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/pages\/13080"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/pt\/wp-json\/wp\/v2\/media?parent=18883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}