{"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_br\/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\">Capacite sua produ\u00e7\u00e3o cer\u00e2mica com estabilidade de conforma\u00e7\u00e3o excepcional e resist\u00eancia \u00e0 liga\u00e7\u00e3o.<\/p>\r\n                    <p class=\"landercoll-fade-in\">LANDERCOLL garante modelagem 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_br\/entre-em-contato-conosco\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-primary\">\r\n                        <span>Entre em contato conosco<\/span>\r\n                        <div class=\"landercoll-btn-ripple\"><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/landu-china.com\/pt_br\/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 \u00d3tima<\/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\">Controle 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 Confi\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                            Cer\u00e2micas desempenham um papel vital nos setores de constru\u00e7\u00e3o, dom\u00e9stico e industrial. Desde elementos arquitet\u00f4nicos decorativos at\u00e9 cer\u00e2micas t\u00e9cnicas avan\u00e7adas, garantir for\u00e7a e estabilidade de forma\u00e7\u00e3o ideais \u00e9 essencial para alcan\u00e7ar qualidade e apar\u00eancia excepcionais do produto.\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. 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 personalizadas de \u00e9teres de celulose que atendem aos 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=\"Eter de Celulose 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\">Download do folheto<\/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 Excepcional<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Preserva a umidade durante a moldagem, garantindo conformidade 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 Aprimoradas<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Fortalece 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 controle preciso de forma e acabamento superficial suave.\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\">Entendendo \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 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\">Alimentos<\/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 dissolv\u00edvel facilmente em <strong>\u00e1gua fria para formar uma solu\u00e7\u00e3o coloidal clara ou levemente 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 HidroxiPropil 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_br\/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\">Premium<\/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_br\/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\">Faixa 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\">Recursos 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\">Recursos 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\">Recursos 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 rachaduras 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\">Recursos 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\">Faixa 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\">Grau Dispon\u00edvel<\/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\">Premium<\/div>\r\n                            <div class=\"landercoll-indicator-unit\">Grau<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Padr\u00e3o 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\">Top 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 excepcional em aplica\u00e7\u00f5es cer\u00e2micas atrav\u00e9s de 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 ela atue como um agente suspensor e dispersante eficaz. Ela 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\u00eddeo, 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 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\u00e2micas, 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 a sinteriza\u00e7\u00e3o.\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, 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 art\u00edsticas, cer\u00e2micas de favo de mel e 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 EM FABRICA\u00c7\u00c3O<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-excellence-title\">\r\n                    Excel\u00eancia LANDU: Construindo Sucesso de M\u00e3os Dadas\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\">Bases 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                            Apoiados pela expertise tecnol\u00f3gica, for\u00e7a financeira e capacidades de pesquisa do Grupo SOE, a LANDU estabeleceu cinco bases de fabrica\u00e7\u00e3o avan\u00e7adas estrategicamente localizadas em toda a China. 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 Suprimentos<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-supply-description\">\r\n                            Nossa cadeia de suprimentos 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 de 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_br\/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_br\/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_br\/po-de-polimero-redispersivel-semiflexivel-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\">Aprimorador de Flexibilidade<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Calcium Formate with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/pt_br\/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_br\/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_br\/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\u00eancia em Parcerias<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    LANDU \u2014 Seu Parceiro Confi\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 de fornecer produtos. Constru\u00edmos parcerias duradouras oferecendo expertise, inova\u00e7\u00e3o e solu\u00e7\u00f5es sustent\u00e1veis adaptadas \u00e0 ind\u00fastria de 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                            Nossa equipe t\u00e9cnica experiente oferece suporte pr\u00e1tico, ajudando voc\u00ea a selecionar os aditivos certos e otimizar os processos de produ\u00e7\u00e3o para resultados superiores.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt_br\/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 P&amp;D<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Programas dedicados de pesquisa e desenvolvimento trazem continuamente formula\u00e7\u00f5es inovadoras ao mercado, garantindo que voc\u00ea permane\u00e7a \u00e0 frente em desempenho e efici\u00eancia.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt_br\/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 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 sourcing respons\u00e1vel at\u00e9 pr\u00e1ticas de fabrica\u00e7\u00e3o ecologicamente conscientes, nossas estrat\u00e9gias de sustentabilidade s\u00e3o projetadas para reduzir o impacto ambiental enquanto mant\u00eam alta qualidade do produto.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt_br\/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 Equipe 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 Agregado para Revendedores<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Trabalhamos de perto com nossa rede de revendedores para oferecer vantagens competitivas \u2014 margens aprimoradas, suporte de marketing e desempenho confi\u00e1vel do produto.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt_br\/servicos-de-fabricacao-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=\"Entrega R\u00e1pida e Carregamento 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-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 voc\u00ea opere.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/pt_br\/servicos-de-eter-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 GR\u00c1TIS<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"landu-sample-title\">\r\n                        Solicite Sua Amostra Gratuita Agora!\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"landu-sample-description\">\r\n                        Descubra o desempenho excepcional dos \u00e9teres de celulose LANDERCOLL\u2122 com uma amostra de teste gratuita. Experimente em primeira m\u00e3o como nossos produtos podem elevar suas aplica\u00e7\u00f5es. Nossa equipe especializada est\u00e1 pronta para desenvolver formula\u00e7\u00f5es personalizadas, precisamente projetadas para atender aos requisitos \u00fanicos do seu projeto \u2014 garantindo resultados \u00f3timos a cada vez.\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 Gr\u00e1tis 100%<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Sem custo, 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\">Suporte especializado<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Orienta\u00e7\u00e3o da equipe 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_br\/entre-em-contato-conosco\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                            <div class=\"landu-button-content\">\r\n                                <span class=\"landu-button-text\">Solicite uma 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 Consultoria 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\">GR\u00c1TIS<\/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 USO<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-usage-title\">\r\n                    Como usar LANDERCOLL Eter 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 Usar 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\">Controle de temperatura<\/h4>\r\n                                    <p class=\"landu-point-desc\">Aque\u00e7a a \u00e1gua acima de 85\u00b0C para dispers\u00e3o \u00f3tima e distribui\u00e7\u00e3o uniforme em 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\">Garanta dispers\u00e3o uniforme atrav\u00e9s de t\u00e9cnicas adequadas de agita\u00e7\u00e3o 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 resfriamento<\/h4>\r\n                                    <p class=\"landu-point-desc\">Adicione \u00e1gua fria enquanto mexe para alcan\u00e7ar dissolu\u00e7\u00e3o completa e 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\">Obtenha esmalte cer\u00e2mico uniforme ou 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 em um recipiente e aque\u00e7a acima de 85\u00b0C. Como \u00e9ter de celulose \u00e9 insol\u00favel em \u00e1gua quente, ele se dispersar\u00e1 uniformemente durante a fase inicial. Em seguida, adicione o restante da \u00e1gua fria ou com gelo \u00e0 pasta quente enquanto mexe e deixe a mistura esfriar.\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, borrife \u00e1gua de forma uniforme e amasse bem a mistura para formar um corpo cer\u00e2mico disperso de maneira homog\u00eanea 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\">Umidifica\u00e7\u00e3o 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, etilenoglicol ou \u00f3leo mineral leve, antes de adicionar \u00e1gua para dissolv\u00ea-lo.\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\">Etilenoglicol<\/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 certo n\u00edvel de umidade 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 ades\u00e3o<\/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\">Controle de Umidade<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">A reten\u00e7\u00e3o de \u00e1gua ideal previne 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 de 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\">Principais Insights<\/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 na 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\">Participe da Nossa Rede de Sucesso<\/h3>\r\n                            <p class=\"landu-partner-description-text\">\r\n                                Entre em um mundo de oportunidades com nossa linha premium de \u00e9ter de celulose. Como distribuidor LANDERCOLL, voc\u00ea ter\u00e1 acesso a pre\u00e7os exclusivos, promo\u00e7\u00f5es personalizadas e incentivos especiais projetados para aumentar 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> - Acesse tarifas de atacado 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 em 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> - Participe de distribuidores bem-sucedidos com suporte compartilhado\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 Seu Neg\u00f3cio?<\/h4>\r\n                                <p class=\"landu-cta-subtitle\">Junte-se \u00e0 fam\u00edlia LANDU e desbloqueie seu potencial hoje<\/p>\r\n                                \r\n                                <div class=\"landu-cta-button-container\">\r\n                                    <a href=\"https:\/\/landu-china.com\/pt_br\/entre-em-contato-conosco\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                                        <span class=\"landu-button-text\">Cadastre-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. Potencialize sua produ\u00e7\u00e3o cer\u00e2mica com estabilidade de conforma\u00e7\u00e3o excepcional e resist\u00eancia de liga\u00e7\u00e3o. LANDERCOLL garante modelagem uniforme, sinteriza\u00e7\u00e3o densa e acabamento de superf\u00edcie superior em todos os sistemas cer\u00e2micos. Resist\u00eancia Poder de liga\u00e7\u00e3o aprimorado 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_br\/wp-json\/wp\/v2\/pages\/18883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/comments?post=18883"}],"version-history":[{"count":77,"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/pages\/18883\/revisions"}],"predecessor-version":[{"id":23585,"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/pages\/18883\/revisions\/23585"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/pages\/13080"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/pt_br\/wp-json\/wp\/v2\/media?parent=18883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}