{"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":"celulozova-eter-pre-keramiku","status":"publish","type":"page","link":"https:\/\/landu-china.com\/sk\/trhy\/dalsie-trhy\/celulozova-eter-pre-keramiku\/","title":{"rendered":"Cellul\u00f3zov\u00e1 \u00e9ter pre keramiku"},"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\">Technol\u00f3gia celul\u00f3zov\u00e9ho \u00e9teru<\/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 celul\u00f3zy<\/span>\r\n                    <span class=\"landercoll-title-sub\">pre keramick\u00e9 aplik\u00e1cie<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"landercoll-subtitle\">\r\n                    <span class=\"landercoll-highlight\">Presnos\u0165<\/span> v ka\u017edom tvare \u2014 \r\n                    <span class=\"landercoll-highlight\">Sila<\/span>, \r\n                    <span class=\"landercoll-highlight\">Stabilita<\/span>a \r\n                    <span class=\"landercoll-highlight\">Hladkos\u0165<\/span> v ka\u017edej keramike.\r\n                <\/p>\r\n                \r\n                <div class=\"landercoll-description\">\r\n                    <p class=\"landercoll-fade-in\">Posilnite svoju keramick\u00fa v\u00fdrobu v\u00fdnimo\u010dnou stabilitou tvarovania a pevnos\u0165ou spojenia.<\/p>\r\n                    <p class=\"landercoll-fade-in\">LANDERCOLL zabezpe\u010duje rovnomern\u00e9 tvarovanie, hust\u00e9 sinterovanie a vynikaj\u00facu kvalitu povrchu vo v\u0161etk\u00fdch keramick\u00fdch syst\u00e9moch.<\/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\">Sila<\/div>\r\n                        <div class=\"landercoll-property-desc\">Zlep\u0161en\u00e1 pevnos\u0165 spojenia<\/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\">Kvalita<\/div>\r\n                        <div class=\"landercoll-property-desc\">V\u00fdnimo\u010dn\u00fd povrchov\u00fd vzh\u013ead<\/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\">Stabilita<\/div>\r\n                        <div class=\"landercoll-property-desc\">Konzistentn\u00fd v\u00fdkon<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"landercoll-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/sk\/kontaktujte-nas\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-primary\">\r\n                        <span>Kontaktujte n\u00e1s<\/span>\r\n                        <div class=\"landercoll-btn-ripple\"><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/landu-china.com\/sk\/produkty\/celuloza-landercoll\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-secondary\">\r\n                        <span>Dozvedie\u0165 sa viac<\/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\">Molekul\u00e1rne vlastnosti<\/div>\r\n                        <div class=\"landercoll-tech-status\">\r\n                            <div class=\"landercoll-status-dot\"><\/div>\r\n                            <span>Akt\u00edvne<\/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\">Viskozita<\/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\">Zadr\u017eiavanie vody<\/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\">Adh\u00e9zia<\/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\">Optim\u00e1lna viskozita<\/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\">Siln\u00e1 adh\u00e9zia<\/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\">Ovl\u00e1danie vody<\/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\">\u0160trukt\u00fara celul\u00f3zov\u00e9ho \u00e9teru<\/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\">KERAMICK\u00c9 APLIK\u00c1CIE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-overview-title\">\r\n                    <span class=\"landercoll-overview-title-main\">Celul\u00f3zov\u00fd \u00e9ter LANDERCOLL<\/span>\r\n                    <span class=\"landercoll-overview-title-sub\">pre keramick\u00e9 aplik\u00e1cie<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"landercoll-overview-tagline\">\r\n                    <span class=\"landercoll-tagline-highlight\">Konzistentn\u00e9 tvarovanie.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Siln\u00e1 adh\u00e9zia.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Spo\u013eahliv\u00fd v\u00fdkon.<\/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\">Preh\u013ead<\/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                            Keramika zohr\u00e1va k\u013e\u00fa\u010dov\u00fa \u00falohu v stavebn\u00edctve, dom\u00e1cnostiach a priemyseln\u00fdch odvetviach. Od dekorat\u00edvnych architektonick\u00fdch prvkov po pokro\u010dil\u00e9 technick\u00e9 keramick\u00e9 materi\u00e1ly, zabezpe\u010denie optim\u00e1lnej pevnosti tvarovania a stability je nevyhnutn\u00e9 na dosiahnutie vynikaj\u00facej kvality a vzh\u013eadu produktu.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Ako sk\u00fasen\u00fd v\u00fdrobca celul\u00f3zov\u00fdch \u00e9terov, LANDU str\u00e1vil roky v\u00fdvojom \u0161pecializovan\u00fdch pr\u00edsad pre keramick\u00e9 procesy. Na\u0161a s\u00e9ria celul\u00f3zov\u00fdch \u00e9terov LANDERCOLL je formulovan\u00e1 tak, aby poskytovala vynikaj\u00facu flexibilitu spracovania a v\u00fdkon tvarovania v \u0161irokej \u0161k\u00e1le keramick\u00fdch syst\u00e9mov.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            S partnermi v viac ako 30 krajin\u00e1ch, LANDU poskytuje na mieru \u0161it\u00e9 rie\u0161enia s celul\u00f3zov\u00fdmi \u00e9termi, ktor\u00e9 s\u00fa v s\u00falade s medzin\u00e1rodn\u00fdmi \u0161tandardmi a s\u00fa vyr\u00e1ban\u00e9 pod\u013ea pr\u00edsnych protokolov zabezpe\u010denia kvality.\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\">Krajiny<\/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\">QA protokoly<\/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=\"LANDU celul\u00f3zov\u00e9 \u00e9ter\" \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\">Pripraven\u00e9 na pou\u017eitie<\/div>\r\n                                    <div class=\"landercoll-overlay-desc\">Keramick\u00e1 trieda<\/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\">Vysok\u00e1 \u010distota<\/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\">Konzistentn\u00e1 kvalita<\/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\">Zadr\u017eiavanie vody<\/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\">Zelen\u00e1 pevnos\u0165<\/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\">Stiahnite si bro\u017e\u00faru<\/span>\r\n                                <span class=\"landercoll-download-subtitle\">Kompletn\u00fd sprievodca produktom<\/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\">K\u013e\u00fa\u010dov\u00e9 v\u00fdhody LANDERCOLL celul\u00f3zov\u00e9ho \u00e9teru<\/h3>\r\n                    <div class=\"landercoll-benefits-subtitle\">v keramick\u00fdch aplik\u00e1ci\u00e1ch<\/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\">V\u00fdnimo\u010dn\u00e1 retencia vody<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Udr\u017eiava vlhkos\u0165 po\u010das tvarovania, zabezpe\u010duje konzistentn\u00e9 formovanie a minimalizuje deform\u00e1cie.\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\">Zlep\u0161en\u00e1 plasticita a adh\u00e9zia<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Posil\u0148uje zelen\u00e9 telo, zni\u017euje riziko praskl\u00edn a zlep\u0161uje manipul\u00e1ciu.\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\">Charakteristiky stabiln\u00e9ho tvarovania<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Umo\u017e\u0148uje presn\u00fa kontrolu tvaru a hladk\u00fd povrchov\u00fd povrch.\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\">Kompaktn\u00e1 \u0161trukt\u00fara po sinterovan\u00ed<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Podporuje hust\u00fa mikro\u0161trukt\u00faru pre vynikaj\u00facu mechanick\u00fa pevnos\u0165 a trval\u00fa odolnos\u0165.\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\">VIEDA O VED\u00c1N\u00cd MATERI\u00c1LOV<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-science-title\">\r\n                    <span class=\"landercoll-science-title-main\">Pochopenie celul\u00f3zov\u00e9ho \u00e9teru<\/span>\r\n                    <span class=\"landercoll-science-title-sub\">\"Monosodn\u00fd glutam\u00e1t priemyslu\"<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"landercoll-science-description\">\r\n                    <p class=\"landercoll-description-text\">\r\n                        Celul\u00f3zov\u00fd \u00e9ter je semi-syntetick\u00fd pr\u00edrodn\u00fd polym\u00e9rny materi\u00e1l. V\u010faka svojim vynikaj\u00facim vlastnostiam tvorby filmu, lepenia a zadr\u017eovania vody je \u0161iroko pou\u017e\u00edvan\u00fd v odvetviach ako \u0165a\u017eba ropy, chemik\u00e1lie, potraviny, farmaceutik\u00e1, kozmetika, stavebn\u00edctvo, keramika a stavebn\u00e9 materi\u00e1ly.\r\n                    <\/p>\r\n                    <div class=\"landercoll-description-highlight\">\r\n                        V\u010faka svojej v\u0161estrannosti a k\u013e\u00fa\u010dovej funk\u010dnosti je celul\u00f3zov\u00fd \u00e9ter \u010dasto ozna\u010dovan\u00fd ako <strong>\"monosodn\u00fd glutam\u00e1t priemyslu.\"<\/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\">Priemyseln\u00e9 aplik\u00e1cie<\/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\">\u0164a\u017eba ropy<\/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\">Chemik\u00e1lie<\/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\">Potraviny<\/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\">Farmaceutick\u00e9 v\u00fdrobky<\/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\">Kozmetika<\/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\">Stavebn\u00edctvo<\/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\">Fyzik\u00e1lne a chemick\u00e9 vlastnosti<\/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\">Vzh\u013ead<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>Biela alebo slabo\u017elt\u00e1 vl\u00e1knit\u00e1 alebo granula\u010dn\u00e1 pr\u00e1\u0161kov\u00e1 hmota<\/strong> ktor\u00e1 je <strong>bez z\u00e1pachu a bez chuti<\/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\">Rozpustnos\u0165<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>Takmer nerozpustn\u00fd v anhydritickom etanole, etere a acet\u00f3ne<\/strong>, ale \u013eahko sa rozp\u00fa\u0161\u0165a v <strong>studen\u00e9 vode na tvorbu \u010d\u00edreho alebo mierne zakalen\u00e9ho koloidn\u00e9ho roztoku<\/strong>. Rovnako rozpustn\u00fd v zmesov\u00fdch rozp\u00fa\u0161\u0165adl\u00e1ch vody a n\u00edzkouhl\u00edkov\u00fdch alkoholov.\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=\"LANDU Hydroxypropyl Methyl Cellulose Produkt\" \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\">Biely pr\u00e1\u0161ok<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Vl\u00e1kno\/Granul\u00e1tov\u00e9<\/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\">Bez z\u00e1pachu<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">&amp; Bez chuti<\/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\">Rozpustn\u00fd vo vode<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Studen\u00e1 voda<\/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\">Organicky nerozpustn\u00fd<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Ethanol\/Eter<\/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\/sk\/hydroxypropylmetylceluloza-hpmc\/\" \r\n                                       target=\"_blank\" \r\n                                       class=\"landercoll-hpmc-link\">\r\n                                        Hydroxypropylmetylcelul\u00f3za\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\">Trieda<\/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\">\u010cistota<\/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\">Tvar<\/span>\r\n                                    <span class=\"landercoll-spec-value\">Pr\u00e1\u0161ok<\/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\/sk\/hpmc-dodavatel-najlepsia-hydroxypropylmetylceluloza\/\" \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\">Zistite viac o HPMC<\/span>\r\n                                    <span class=\"landercoll-learn-more-subtitle\">Sprievodca profesion\u00e1lneho dod\u00e1vate\u013ea<\/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\">TECHNICK\u00c9 \u0160PECIFIK\u00c1CIE<\/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\">\u0160peci\u00e1lna LANDERCOLL celul\u00f3zov\u00e1 \u00e9ter z keramickej triedy<\/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\">Oblas\u0165 pou\u017eitia<\/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\">Odpor\u00fa\u010dan\u00fd produkt<\/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\">Rozsah viskozity<\/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\">Vlastnosti produktu<\/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\">Keramika na denn\u00e9 pou\u017eitie<\/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\">Oblas\u0165 pou\u017eitia<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Odpor\u00fa\u010dan\u00fd produkt<\/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\">Vlastnosti produktu<\/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\">Rozp\u00fa\u0161\u0165anie glaz\u00fary<\/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\">Dobr\u00e1 dispergovate\u013enos\u0165 a stabilita suspenzie<\/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\">Posilnenie tela<\/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\">Skvel\u00e1 plastickos\u0165 a \u013eahk\u00e9 tvarovanie<\/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\">V\u010del\u00ed pl\u00e1st keramika<\/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\">Oblas\u0165 pou\u017eitia<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Odpor\u00fa\u010dan\u00fd produkt<\/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\">Vlastnosti produktu<\/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\">Zlep\u0161enie plastickosti<\/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\">Vynikaj\u00faca plastickos\u0165 a stabilita tvarovania; vhodn\u00e1 retencia vody; r\u00fdchle schnutie; \u017eiadne praskanie alebo deform\u00e1cie<\/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\">Anorganick\u00e1 keramick\u00e1 membr\u00e1na<\/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\">Oblas\u0165 pou\u017eitia<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Odpor\u00fa\u010dan\u00fd produkt<\/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\">Vlastnosti produktu<\/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\">Podporn\u00e9 telo<\/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\">Vhodn\u00fd na lepenie a spevnenie materi\u00e1lov, ako s\u00fa krem\u00edkov\u00fd karbid, krem\u00edkov\u00e1 nitrid a hlina<\/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\">Podporn\u00e9 telo<\/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\">Dobr\u00e1 maziv\u00e1 vlastnos\u0165<\/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\">Filtra\u010dn\u00e1 vrstva<\/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\">Vynikaj\u00faca dispergovate\u013enos\u0165 a stabilita suspenzie; jednotn\u00e9 \u010dastice filtra\u010dnej vrstvy<\/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\">Ukazovatele v\u00fdkonu<\/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\">Rozsah viskozity<\/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\">Produkty<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Dostupn\u00e9 triedy<\/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\">Kateg\u00f3rie<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Oblasti pou\u017eitia<\/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\">Trieda<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Kvalitn\u00fd \u0161tandard<\/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\"> KERAMICK\u00c9 APLIK\u00c1CIE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"hpmc-benefits-title\">\r\n                    <span class=\"hpmc-benefits-title-main\">Top 5 v\u00fdhod celul\u00f3zov\u00e9ho \u00e9teru<\/span>\r\n                    <span class=\"hpmc-benefits-title-sub\">v keramickej povrchovej aktivite<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"hpmc-benefits-intro\">\r\n                    LANDERCOLL celul\u00f3zov\u00fd \u00e9ter poskytuje v\u00fdnimo\u010dn\u00fd v\u00fdkon v keramick\u00fdch aplik\u00e1ci\u00e1ch prostredn\u00edctvom svojej jedine\u010dnej molekul\u00e1rnej \u0161trukt\u00fary a povrchovo akt\u00edvnych vlastnost\u00ed, poskytuj\u00fac komplexn\u00e9 rie\u0161enia pre modern\u00e9 keramick\u00e9 v\u00fdrobn\u00e9 procesy.\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\">Povrchov\u00e1 aktivita<\/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\">HPMC roztok<\/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\">\u010cist\u00e1 voda<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Povrchov\u00e9 nap\u00e4tie vodn\u00fdch roztokov celul\u00f3zov\u00e9ho \u00e9teru sa pohybuje od 44 do 56 dyn\/cm, v porovnan\u00ed s 72 dyn\/cm pre \u010dist\u00fa vodu. Toto ni\u017e\u0161ie povrchov\u00e9 nap\u00e4tie poskytuje roztoku dobr\u00fa povrchov\u00fa aktivitu, \u010do mu umo\u017e\u0148uje p\u00f4sobi\u0165 ako \u00fa\u010dinn\u00fd suspenduj\u00faci a disperzn\u00fd \u010dinidlo. Zvy\u0161uje stabilitu a rovnomern\u00e9 rozpt\u00fdlenie keramick\u00fdch miner\u00e1lnych suspenzi\u00ed.\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\">N\u00edzky obsah kovov\u00fdch i\u00f3nov<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Ako makromolekul\u00e1rny polym\u00e9r na b\u00e1ze polysacharidov m\u00f4\u017ee celul\u00f3zov\u00fd \u00e9ter \u00faplne horie\u0165 na oxid uhli\u010dit\u00fd a vodu. Obsah kovov\u00fdch i\u00f3nov (hlavne sod\u00edkov\u00fdch i\u00f3nov) je zvy\u010dajne ni\u017e\u0161\u00ed ako 2% a obsahuje takmer \u017eiadne multivalentn\u00e9 i\u00f3ny, ako s\u00fa v\u00e1pnik, hor\u010d\u00edk alebo \u017eelezo. Preto sp\u00f4sobuje minim\u00e1lne zne\u010distenie keramick\u00fdch materi\u00e1lov a m\u00e1 zanedbate\u013en\u00fd vplyv na kry\u0161talick\u00fa \u0161trukt\u00faru keramiky.\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\">Stabilita pH<\/h3>\r\n                        <div class=\"hpmc-stability-range\">\r\n                            <span class=\"hpmc-range-label\">Stabiln\u00e9 rozmedzie:<\/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                            Viskozita vodn\u00fdch roztokov celul\u00f3zov\u00e9ho \u00e9teru je takmer neovplyvnen\u00e1 kysl\u00fdm alebo z\u00e1sadit\u00fdm prostred\u00edm a zost\u00e1va stabiln\u00e1 v rozmedz\u00ed pH 3,0-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\">Zadr\u017eiavanie vody<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Celul\u00f3zov\u00fd \u00e9ter je \u00fa\u010dinn\u00fd prostriedok na zadr\u017eiavanie vody. M\u00e1 \u0161irok\u00e9 vyu\u017eitie v keramike, stavebn\u00fdch materi\u00e1loch a v mnoh\u00fdch \u010fal\u0161\u00edch oblastiach. Primeran\u00e1 schopnos\u0165 zadr\u017eiava\u0165 vodu nielen zabezpe\u010duje plasticitu keramick\u00fdch tiel, ale m\u00f4\u017ee aj primerane zv\u00fd\u0161i\u0165 p\u00f3rovitos\u0165 keramiky po sinterovan\u00ed.\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\">Vysokov\u00fdkonn\u00e1 adh\u00e9zia<\/h3>\r\n                        <div class=\"hpmc-material-types\">\r\n                            <div class=\"hpmc-material-grid\">\r\n                                <span class=\"hpmc-material-tag\">\u010cist\u00e9 oxidov\u00e9 keramick\u00e9 materi\u00e1ly<\/span>\r\n                                <span class=\"hpmc-material-tag\">Hlin\u00edkov\u00fd silik\u00e1t<\/span>\r\n                                <span class=\"hpmc-material-tag\">Kordieritov\u00e9 miner\u00e1ly<\/span>\r\n                                <span class=\"hpmc-material-tag\">Karbid krem\u00edka (SiC)<\/span>\r\n                                <span class=\"hpmc-material-tag\">Krem\u00edkov\u00e1 nitrid (Si\u2083N\u2084)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Ako vysoko v\u00fdkonn\u00fd spojivo je celul\u00f3zov\u00fd \u00e9ter vhodn\u00fd na viazanie \u010dist\u00fdch oxidov\u00fdch keramick\u00fdch surov\u00edn, miner\u00e1lnych surov\u00edn hlin\u00edkov\u00e9ho silik\u00e1tu, miner\u00e1lnych surov\u00edn kordieritu, karbidu krem\u00edka (SiC) a krem\u00edkovej nitridu (Si\u2083N\u2084). Je \u0161iroko pou\u017e\u00edvan\u00fd v lepen\u00ed, suspendovan\u00ed a disperzii stavebn\u00fdch, sanit\u00e1rnych, dom\u00e1cich, umeleck\u00fdch keram\u00edk, medzibunkov\u00fdch keram\u00edk a keramick\u00fdch membr\u00e1n.\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\">V\u00ddROBN\u00c1 VYNIKAJ\u00daCNOS\u0164<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-excellence-title\">\r\n                    LANDU Vynikaj\u00facnos\u0165: Budovanie \u00faspechu ruka v ruke\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\">50K+<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-scale-info\">\r\n                                <h3 class=\"landu-scale-title\">V\u00fdrobn\u00e1 kapacita<\/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\">V\u00fdrobn\u00e9 z\u00e1kladne<\/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\">50K+<\/span>\r\n                                        <span class=\"landu-stat-label\">Ro\u010dn\u00fd objem v\u00fdroby v ton\u00e1ch<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"landu-scale-description\">\r\n                            Podporovan\u00e9 technologickou odbornou znalos\u0165ou, finan\u010dnou silou a v\u00fdskumn\u00fdmi schopnos\u0165ami skupiny SOE Group, LANDU zalo\u017eila p\u00e4\u0165 pokro\u010dil\u00fdch v\u00fdrobn\u00fdch z\u00e1kladn\u00ed strategicky umiestnen\u00fdch po celom Slovensku. S ro\u010dnou produkciou viac ako 50 000 ton celul\u00f3zov\u00e9ho \u00e9teru poskytujeme konzistentn\u00fd, vysoko kvalitn\u00fd v\u00fdkon vo ve\u013ekom meradle.\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\">Udr\u017eate\u013en\u00e1 kvalita<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-quality-description\">\r\n                            Ka\u017ed\u00e1 \u0161ar\u017ea celul\u00f3zov\u00e9ho \u00e9teru LANDERCOLL je vyroben\u00e1 s pou\u017eit\u00edm udr\u017eate\u013ene z\u00edskan\u00fdch, pr\u00e9miov\u00fdch surov\u00edn, \u010do zabezpe\u010duje integritu produktu a environment\u00e1lnu zodpovednos\u0165.\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\">Excelentnos\u0165 v dod\u00e1vate\u013eskom re\u0165azci<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-supply-description\">\r\n                            N\u00e1\u0161 zefekt\u00edvnen\u00fd, dobre koordinovan\u00fd dod\u00e1vate\u013esk\u00fd re\u0165azec umo\u017e\u0148uje r\u00fdchle a spo\u013eahliv\u00e9 plnenie ve\u013ek\u00fdch objedn\u00e1vok. V sektore lepidiel na dla\u017edice s\u00fa formul\u00e1cie celul\u00f3zov\u00e9ho \u00e9teru LANDU navrhnut\u00e9 tak, aby zlep\u0161ili efekt\u00edvnos\u0165 aplik\u00e1cie, zv\u00fd\u0161ili pevnos\u0165 spojenia a zabezpe\u010dili dlhodob\u00e9 v\u00fdsledky.\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=\"LANDU surovina HPMC - rafinovan\u00e1 bavlna\" \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\">Pr\u00e9miov\u00e9 suroviny<\/div>\r\n                                    <div class=\"landu-overlay-desc\">Zdroje \u010distej bavlny<\/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\">Udr\u017eate\u013en\u00e9<\/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\">Trieda 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\">\u010cistota<\/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\">Konzistentnos\u0165<\/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\">Odpor\u00fa\u010dania pre optim\u00e1lny v\u00fdkon<\/h3>\r\n                    <div class=\"landu-recommendations-subtitle\">Pre vynikaj\u00face formul\u00e1cie lepidiel na dla\u017edice<\/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\/sk\/hpmc-factory-premium-hydroxypropylmetylceluloza\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-primary-additive landu-additive-link\">\r\n                        <div class=\"landu-primary-badge\">PRIM\u00c1RNE<\/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\">Prim\u00e1rny spojivo<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- MHEC with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/sk\/hydroxyetylmetylceluloza-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\">Zahus\u0165ovadlo<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- RDP with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/sk\/polopruzny-redispergovatelny-polymer-v-prasku-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\">Zlep\u0161ova\u010d flexibility<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Calcium Formate with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/sk\/vyrobca-mravcanu-vapenateho\/\" \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\">Mrav\u010dan v\u00e1penat\u00fd<\/div>\r\n                        <div class=\"landu-additive-function\">Zr\u00fdch\u013eova\u010d tuhnutia<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Water-Reducing Agents with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/sk\/polykarboxylatovy-superplastifikator-v-prasku-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\">Prostriedky na zni\u017eovanie vody<\/div>\r\n                        <div class=\"landu-additive-function\">Zlep\u0161ova\u010d spracovate\u013enosti<\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enhancement Button with Link -->\r\n                <a href=\"https:\/\/landu-china.com\/sk\/produkty\/\" \r\n                   target=\"_blank\" \r\n                   class=\"landu-synergy-indicator landu-enhancement-link\">\r\n                    <div class=\"landu-synergy-text\">Synergick\u00e9 zlep\u0161enie v\u00fdkonu<\/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\">V\u00ddKONN\u00c9 PARTNERSTVO<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    LANDU \u2014 V\u00e1\u0161 spo\u013eahliv\u00fd partner v keramick\u00fdch pr\u00edsad\u00e1ch\r\n                <\/h2>\r\n                \r\n                <p class=\"landu-partner-intro\">\r\n                    V LANDU ideme \u010falej ne\u017e len dod\u00e1vanie produktov. Budujeme trval\u00e9 partnerstv\u00e1 poskytovan\u00edm odbornosti, inov\u00e1cie a udr\u017eate\u013en\u00fdch rie\u0161en\u00ed \u0161it\u00fdch na mieru pre odvetvie keramiky.\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=\"LANDU profesion\u00e1lny predajn\u00fd t\u00edm\" \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\">Odborn\u00e9 vedenie<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            N\u00e1\u0161 znal\u00fd technick\u00fd t\u00edm pon\u00faka praktick\u00fa podporu, pom\u00e1ha v\u00e1m vybra\u0165 spr\u00e1vne pr\u00edsady a optimalizova\u0165 v\u00fdrobn\u00e9 procesy pre vynikaj\u00face v\u00fdsledky.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/sk\/sluzby\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozvedie\u0165 sa viac<\/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=\"LANDU inov\u00e1cie vo v\u00fdskume a v\u00fdvoji\" \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\">Inov\u00e1cia poh\u00e1\u0148an\u00e1 v\u00fdskumom a v\u00fdvojom<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Vyhraden\u00e9 programy v\u00fdskumu a v\u00fdvoja neust\u00e1le prin\u00e1\u0161aj\u00fa na trh prelomov\u00e9 formul\u00e1cie, zabezpe\u010duj\u00fac, \u017ee zostanete v popred\u00ed v\u00fdkonu a efekt\u00edvnosti.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/sk\/spolocnost\/inovacne-centrum\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozvedie\u0165 sa viac<\/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=\"LANDU z\u00e1v\u00e4zok k udr\u017eate\u013enosti\" \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\">Z\u00e1v\u00e4zok k udr\u017eate\u013enosti<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Od zodpovedn\u00e9ho z\u00edskavania surov\u00edn po ekologicky uvedomel\u00e9 v\u00fdrobn\u00e9 praktiky, na\u0161e strat\u00e9gie udr\u017eate\u013enosti s\u00fa navrhnut\u00e9 tak, aby zni\u017eovali environment\u00e1lny dopad pri zachovan\u00ed vysokej kvality produktu.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/sk\/udrzatelnost\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozvedie\u0165 sa viac<\/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=\"Stretnutie predajn\u00e9ho t\u00edmu 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\">Pridan\u00e1 hodnota pre predajcov<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            \u00dazko spolupracujeme s na\u0161ou sie\u0165ou predajcov, aby sme poskytli konkuren\u010dn\u00e9 v\u00fdhody \u2014 zv\u00fd\u0161en\u00e9 mar\u017ee, marketingov\u00fa podporu a d\u00f4veryhodn\u00fd v\u00fdkon produktov.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/sk\/zmluvne-vyrobne-sluzby\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozvedie\u0165 sa viac<\/span>\r\n                            <div class=\"landu-button-arrow\">\r\n                                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\r\n                                    <path d=\"M8 3L13 8L8 13M13 8H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"landu-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Streamlined Payment & Delivery -->\r\n                <div class=\"landu-partner-card\">\r\n                    <div class=\"landu-card-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/06\/LANDU-product-fast-delivery-and-loading.jpg\" \r\n                             alt=\"LANDU R\u00fdchle doru\u010denie a nakl\u00e1dka\" \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\">Zjednodu\u0161en\u00e9 platby a doru\u010denie<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            S flexibiln\u00fdmi platobn\u00fdmi podmienkami a efekt\u00edvnym logistick\u00fdm syst\u00e9mom zabezpe\u010dujeme plynul\u00e9 transakcie a dodanie na\u010das, kdeko\u013evek p\u00f4sob\u00edte.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/sk\/sluzby-tykajuce-sa-eteru-celulozy\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozvedie\u0165 sa viac<\/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\">PONUKA BEZPLATN\u00c9HO VZORKU<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"landu-sample-title\">\r\n                        Z\u00edskajte svoj bezplatn\u00fd vzorku e\u0161te dnes!\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"landu-sample-description\">\r\n                        Objavte v\u00fdnimo\u010dn\u00fd v\u00fdkon LANDERCOLL\u2122 celul\u00f3zov\u00fdch \u00e9terov s bezplatnou sk\u00fa\u0161obnou vzorkou. Za\u017eite na vlastnej ko\u017ei, ako na\u0161e produkty m\u00f4\u017eu pozdvihn\u00fa\u0165 va\u0161e aplik\u00e1cie. N\u00e1\u0161 \u0161pecializovan\u00fd t\u00edm je pripraven\u00fd vyvin\u00fa\u0165 na mieru \u0161it\u00e9 formul\u00e1cie, presne navrhnut\u00e9 tak, aby sp\u013a\u0148ali jedine\u010dn\u00e9 po\u017eiadavky v\u00e1\u0161ho projektu \u2014 zabezpe\u010duj\u00fac optim\u00e1lne v\u00fdsledky zaka\u017ed\u00fdm.\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\">Bezplatn\u00e1 vzorka 100%<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Bez n\u00e1kladov, bez z\u00e1v\u00e4zkov<\/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\">Vlastn\u00e9 formul\u00e1cie<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Prisp\u00f4soben\u00e9 va\u0161im potreb\u00e1m<\/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\">Odborn\u00e1 podpora<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Pokyny pre t\u00edm \u0161pecialistov<\/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\/sk\/kontaktujte-nas\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                            <div class=\"landu-button-content\">\r\n                                <span class=\"landu-button-text\">Vy\u017eiadajte si bezplatn\u00fa vzorku<\/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\">R\u00fdchle spracovanie \u2022 Zahrnut\u00e1 odborn\u00e1 konzult\u00e1cia<\/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=\"LANDU Bezplatn\u00fd vzorku HPMC\" \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\">ZADARMO<\/span>\r\n                                <span class=\"landu-badge-sublabel\">Vzor<\/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\">Pr\u00e9miov\u00e1 kvalita<\/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\">R\u00fdchle doru\u010denie<\/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\">Laborat\u00f3rne testovan\u00e9<\/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\">N\u00c1VOD NA POU\u017dITIE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-usage-title\">\r\n                    Ako pou\u017ei\u0165 LANDERCOLL celul\u00f3zov\u00e9 \u00e9ter\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=\"Ako pou\u017e\u00edva\u0165 produkt 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\">K\u013e\u00fa\u010dov\u00e9 body aplik\u00e1cie<\/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\">Ovl\u00e1danie teploty<\/h4>\r\n                                    <p class=\"landu-point-desc\">Zohrejte vodu nad 85\u00b0C pre optim\u00e1lne rozpt\u00fdlenie a rovnomern\u00e9 rozlo\u017eenie v celom zmesi<\/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\">D\u00f4kladn\u00e9 mie\u0161anie<\/h4>\r\n                                    <p class=\"landu-point-desc\">Zabezpe\u010dte rovnomern\u00e9 rozpt\u00fdlenie spr\u00e1vnym mie\u0161an\u00edm a dostato\u010dn\u00fdm \u010dasom mie\u0161ania<\/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\">Chladiaci proces<\/h4>\r\n                                    <p class=\"landu-point-desc\">Pridajte studen\u00fa vodu pri mie\u0161an\u00ed, aby ste dosiahli \u00fapln\u00e9 rozpustenie a spr\u00e1vnu konzistenciu<\/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\">Kvalitn\u00fd v\u00fdsledok<\/h4>\r\n                                    <p class=\"landu-point-desc\">Dosiahnite rovnomern\u00fa keramick\u00fa glaz\u00faru alebo filtra\u010dn\u00fa suspenziu s vynikaj\u00facimi vlastnos\u0165ami<\/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\">Rozpt\u00fdlenie vo hor\u00facej vode<\/h3>\r\n                                <div class=\"landu-method-number\">Met\u00f3da 1<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Pridajte jednu tretinu alebo dve tretiny po\u017eadovan\u00e9ho mno\u017estva vody do n\u00e1doby a zahrievajte ju nad 85\u00b0C. Preto\u017ee celul\u00f3zov\u00fd \u00e9ter je nerozpustn\u00fd v hor\u00facej vode, po\u010das po\u010diato\u010dnej f\u00e1zy sa bude rovnomerne dispergova\u0165. Potom pridajte zvy\u0161n\u00e9 mno\u017estvo studenej alebo \u013eadovej vody do hor\u00facej suspenzie pri mie\u0161an\u00ed a nechajte zmes vychladn\u00fa\u0165.\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\">Mie\u0161anie pevn\u00fdch pr\u00e1\u0161kov<\/h3>\r\n                                <div class=\"landu-method-number\">Met\u00f3da 2<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Zmie\u0161ajte pr\u00e1\u0161ok celul\u00f3zov\u00e9ho \u00e9teru s pr\u00e1\u0161kom keramick\u00e9ho miner\u00e1lneho surov\u00e9ho materi\u00e1lu, aby ste dosiahli rovnomern\u00fa such\u00fa disperziu. Potom rovnomerne postriekajte vodu a d\u00f4kladne prehnetajte zmes, aby ste vytvorili rovnomerne rozpt\u00fdlen\u00e9, vysoko plastick\u00e9 keramick\u00e9 telo.\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\">Mokrenie organick\u00fdm rozp\u00fa\u0161\u0165adlom<\/h3>\r\n                                <div class=\"landu-method-number\">Met\u00f3da 3<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Preddispergujte alebo navlh\u010dite celul\u00f3zov\u00fd \u00e9ter organick\u00fdm rozp\u00fa\u0161\u0165adlom, ako je etanol, etyl\u00e9nglykol alebo \u013eahk\u00fd miner\u00e1lny olej, pred pridan\u00edm vody na jeho rozpustenie.\r\n                            <\/p>\r\n                            <div class=\"landu-solvent-types\">\r\n                                <div class=\"landu-solvent-tag\">Etylalkohol<\/div>\r\n                                <div class=\"landu-solvent-tag\">Etyl\u00e9nglykol<\/div>\r\n                                <div class=\"landu-solvent-tag\">\u013dahk\u00fd miner\u00e1lny olej<\/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\">ANAL\u00ddZA ZACHOVANIA VODY<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-water-retention-title\">\r\n                    Faktory ovplyv\u0148uj\u00face v\u00fdkon zachovania vody v celul\u00f3zov\u00fdch \u00e9teroch\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                                    Celul\u00f3zov\u00e9 \u00e9tery maj\u00fa vynikaj\u00face adhez\u00edvne a vodotesn\u00e9 vlastnosti pre keramick\u00e9 miner\u00e1lne surov\u00e9 materi\u00e1ly. Udr\u017eiavanie ur\u010ditej \u00farovne vlhkosti umo\u017e\u0148uje keramick\u00e9mu telu zachova\u0165 stabiln\u00fa a dobr\u00fa plasticitu po\u010das spracovania a tvarovania. \u00darove\u0148 schopnosti zachova\u0165 vodu ovplyv\u0148uje trvanlivos\u0165 plasticity keramick\u00e9ho tela, ale pr\u00edli\u0161 vysok\u00e1 schopnos\u0165 zachova\u0165 vodu m\u00f4\u017ee tie\u017e sp\u00f4sobova\u0165 nadmern\u00e9 zmr\u0161\u0165ovanie tela po\u010das su\u0161enia.\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\">K\u013e\u00fa\u010dov\u00e9 faktory v\u00fdkonu<\/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\">Vynikaj\u00faca pri\u013enavos\u0165<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Siln\u00e9 v\u00e4zobn\u00e9 vlastnosti s keramick\u00fdmi miner\u00e1lnymi surov\u00fdmi materi\u00e1lmi zabezpe\u010duj\u00fa \u0161truktur\u00e1lnu integritu<\/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\">Stabiln\u00e1 plasticita<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Udr\u017eiava konzistentn\u00fa spracovate\u013enos\u0165 po\u010das cel\u00e9ho procesu spracovania a tvarovania<\/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\">Kontrola vlhkosti<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Optim\u00e1lna schopnos\u0165 zachova\u0165 vodu zabra\u0148uje nadmern\u00e9mu zmr\u0161\u0165ovaniu po\u010das su\u0161enia<\/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\">Zv\u00fd\u0161en\u00e1 odolnos\u0165<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Dlhodob\u00e9 v\u00fdkonov\u00e9 vlastnosti po\u010das cel\u00e9ho v\u00fdrobn\u00e9ho cyklu keramiky<\/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\">Grafy vplyvu pridania celul\u00f3zov\u00e9ho \u00e9teru a viskozity produktu na mieru zadr\u017eania vody<\/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=\"Grafy vplyvu pridania celul\u00f3zov\u00e9ho \u00e9teru a viskozity produktu na mieru zadr\u017eania vody\" \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\">Miera pridania<\/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\">Viskozita<\/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\">Miera zadr\u017eania vody<\/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\">K\u013e\u00fa\u010dov\u00e9 poznatky<\/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\">Miera pridania<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Vy\u0161\u0161ie pridanie celul\u00f3zov\u00e9ho \u00e9teru zvy\u0161uje kapacitu zadr\u017eania vody<\/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\">Vplyv viskozity<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Viskozita produktu priamo koreluje s v\u00fdkonom zadr\u017eania<\/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\">Optim\u00e1lna rovnov\u00e1ha<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">N\u00e1js\u0165 spr\u00e1vnu rovnov\u00e1hu zabra\u0148uje nadmern\u00e9mu zmr\u0161\u0165ovaniu<\/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\">PR\u00cdLE\u017dITOS\u0164 NA PARTNERSTVO<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    Partnerstvo s LANDU \u2014 Za\u010dnite e\u0161te dnes!\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\">Pripojte sa k n\u00e1\u0161ej sieti \u00faspechu<\/h3>\r\n                            <p class=\"landu-partner-description-text\">\r\n                                Vst\u00fapte do sveta pr\u00edle\u017eitost\u00ed s na\u0161ou pr\u00e9miovou radou celul\u00f3zov\u00fdch \u00e9terov. Ako predajca LANDERCOLL z\u00edskate pr\u00edstup k exkluz\u00edvnym cen\u00e1m, \u0161peci\u00e1lnym akci\u00e1m a \u0161peci\u00e1lnym stimulom navrhnut\u00fdm na zv\u00fd\u0161enie va\u0161ich mar\u017e\u00ed.\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\">V\u00fdhody partnerstva<\/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>Exkluz\u00edvne ceny<\/strong> - Pr\u00edstup k konkurencieschopn\u00fdm ve\u013ekoobchodn\u00fdm sadzb\u00e1m a objemov\u00fdm z\u013eav\u00e1m\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>Prisp\u00f4soben\u00e9 akcie<\/strong> - Prisp\u00f4soben\u00e9 marketingov\u00e9 kampane pre v\u00e1\u0161 trh\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>\u0160peci\u00e1lne stimuly<\/strong> - Odmeny zalo\u017een\u00e9 na v\u00fdkonnosti na maximaliz\u00e1ciu ziskov\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>Rast\u00faca sie\u0165<\/strong> - Pripojte sa k \u00faspe\u0161n\u00fdm predajcom so spolo\u010dnou podporou\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=\"LANDU Profesion\u00e1lny marketingov\u00fd person\u00e1l\" \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\">Pripraven\u00ed na transform\u00e1ciu v\u00e1\u0161ho podnikania?<\/h4>\r\n                                <p class=\"landu-cta-subtitle\">Pridajte sa k rodine LANDU a odomknite svoj potenci\u00e1l e\u0161te dnes<\/p>\r\n                                \r\n                                <div class=\"landu-cta-button-container\">\r\n                                    <a href=\"https:\/\/landu-china.com\/sk\/kontaktujte-nas\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                                        <span class=\"landu-button-text\">Prida\u0165 sa teraz<\/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\">\u017diadne poplatky za nastavenie<\/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\">R\u00fdchly \u0161tart<\/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\">Pr\u00e9miov\u00e1 podpora<\/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>TECHNOL\u00d3GIA CELUL\u00d3ZOV\u00c9HO ETHERU LANDERCOLL Celul\u00f3zov\u00fd ether pre keramick\u00e9 aplik\u00e1cie Presnos\u0165 v ka\u017edej forme \u2014 pevnos\u0165, stabilita a hladkos\u0165 v ka\u017edej keramike. Posilnite svoju keramick\u00fa v\u00fdrobu v\u00fdnimo\u010dnou stabilitou tvarovania a pevnos\u0165ou spojenia. LANDERCOLL zabezpe\u010duje rovnomern\u00e9 tvarovanie, hust\u00e9 sinterovanie a vynikaj\u00facu kvalitu povrchu vo v\u0161etk\u00fdch keramick\u00fdch syst\u00e9moch. Zv\u00fd\u0161en\u00e1 pevnos\u0165 Spojovacia sila Kvalita Vynikaj\u00faci povrchov\u00fd vzh\u013ead Stabilita [\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\/sk\/wp-json\/wp\/v2\/pages\/18883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/comments?post=18883"}],"version-history":[{"count":77,"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/pages\/18883\/revisions"}],"predecessor-version":[{"id":23585,"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/pages\/18883\/revisions\/23585"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/pages\/13080"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/sk\/wp-json\/wp\/v2\/media?parent=18883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}