{"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-ether-pro-keramiku","status":"publish","type":"page","link":"https:\/\/landu-china.com\/cs\/trhy\/dalsi-trhy\/celulozova-ether-pro-keramiku\/","title":{"rendered":"Cellul\u00f3zov\u00e1 etherie pro 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\">Technologie celul\u00f3zov\u00fdch ether\u016f<\/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\">pro keramick\u00e9 aplikace<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"landercoll-subtitle\">\r\n                    <span class=\"landercoll-highlight\">P\u0159esnost<\/span> v ka\u017ed\u00e9 form\u011b \u2014 \r\n                    <span class=\"landercoll-highlight\">S\u00edla<\/span>, \r\n                    <span class=\"landercoll-highlight\">Stabilita<\/span>a \r\n                    <span class=\"landercoll-highlight\">Hladkost<\/span> v ka\u017ed\u00e9 keramice.\r\n                <\/p>\r\n                \r\n                <div class=\"landercoll-description\">\r\n                    <p class=\"landercoll-fade-in\">Posilte svou keramickou v\u00fdrobu s v\u00fdjime\u010dnou stabilitou tvarov\u00e1n\u00ed a pevnost\u00ed spojen\u00ed.<\/p>\r\n                    <p class=\"landercoll-fade-in\">LANDERCOLL zaji\u0161\u0165uje jednotn\u00e9 tvarov\u00e1n\u00ed, hust\u00e9 sinterov\u00e1n\u00ed a vynikaj\u00edc\u00ed kvalitu povrchu ve v\u0161ech keramick\u00fdch syst\u00e9mech.<\/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\">S\u00edla<\/div>\r\n                        <div class=\"landercoll-property-desc\">Vylep\u0161en\u00e1 pevnost spojen\u00ed<\/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\">Vynikaj\u00edc\u00ed povrchov\u00e9 \u00fapravy<\/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\u00ed 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\/cs\/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\/cs\/produkty\/landercoll-celuloza\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-secondary\">\r\n                        <span>Dozv\u011bd\u011bt se v\u00edce<\/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\u00e1rn\u00ed vlastnosti<\/div>\r\n                        <div class=\"landercoll-tech-status\">\r\n                            <div class=\"landercoll-status-dot\"><\/div>\r\n                            <span>Aktivn\u00ed<\/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\u017eov\u00e1n\u00ed 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\">Adheze<\/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\u00e1ln\u00ed 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 adheze<\/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\u00e1d\u00e1n\u00ed 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\">Struktura celul\u00f3zov\u00e9ho etheru<\/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 APLIKACE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-overview-title\">\r\n                    <span class=\"landercoll-overview-title-main\">Celul\u00f3zov\u00fd ether LANDERCOLL<\/span>\r\n                    <span class=\"landercoll-overview-title-sub\">pro keramick\u00e9 aplikace<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"landercoll-overview-tagline\">\r\n                    <span class=\"landercoll-tagline-highlight\">Konzistentn\u00ed tvarov\u00e1n\u00ed.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Siln\u00e1 p\u0159ilnavost.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Spolehliv\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\">P\u0159ehled<\/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 hraje kl\u00ed\u010dovou roli ve stavebnictv\u00ed, dom\u00e1cnostech a pr\u016fmyslov\u00fdch odv\u011btv\u00edch. Od dekorativn\u00edch architektonick\u00fdch prvk\u016f po pokro\u010dil\u00e9 technick\u00e9 keramick\u00e9 materi\u00e1ly, zaji\u0161t\u011bn\u00ed optim\u00e1ln\u00ed pevnosti tvarov\u00e1n\u00ed a stability je nezbytn\u00e9 pro dosa\u017een\u00ed vynikaj\u00edc\u00ed kvality a vzhledu produktu.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Jako zku\u0161en\u00fd v\u00fdrobce celul\u00f3zov\u00fdch ether\u016f str\u00e1vila spole\u010dnost LANDU roky v\u00fdvojem specializovan\u00fdch p\u0159\u00edsad pro keramick\u00e9 procesy. Na\u0161e \u0159ada celul\u00f3zov\u00fdch ether\u016f LANDERCOLL je formulov\u00e1na tak, aby poskytovala vynikaj\u00edc\u00ed flexibilitu zpracov\u00e1n\u00ed a v\u00fdkon tvarov\u00e1n\u00ed v \u0161irok\u00e9 \u0161k\u00e1le keramick\u00fdch syst\u00e9m\u016f.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            S partnery ve v\u00edce ne\u017e 30 zem\u00edch poskytuje spole\u010dnost LANDU na m\u00edru \u0161it\u00e1 \u0159e\u0161en\u00ed z celul\u00f3zov\u00fdch ether\u016f, kter\u00e1 spl\u0148uj\u00ed mezin\u00e1rodn\u00ed normy a jsou vyr\u00e1b\u011bna podle p\u0159\u00edsn\u00fdch protokol\u016f zaji\u0161t\u011bn\u00ed 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\">Zem\u011b<\/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 ether\" \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\">P\u0159ipraveno k pou\u017eit\u00ed<\/div>\r\n                                    <div class=\"landercoll-overlay-desc\">Keramick\u00e1 t\u0159\u00edda<\/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\u00ed 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\u017eov\u00e1n\u00ed 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 pevnost<\/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\">St\u00e1hnout bro\u017euru<\/span>\r\n                                <span class=\"landercoll-download-subtitle\">Kompletn\u00ed pr\u016fvodce produktem<\/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\">Hlavn\u00ed v\u00fdhody celul\u00f3zov\u00fdch ether\u016f LANDERCOLL<\/h3>\r\n                    <div class=\"landercoll-benefits-subtitle\">v keramick\u00fdch aplikac\u00edch<\/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\">Vynikaj\u00edc\u00ed retence vody<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Udr\u017euje vlhkost b\u011bhem tvarov\u00e1n\u00ed, zaji\u0161\u0165uje konzistentn\u00ed formov\u00e1n\u00ed a minimalizuje deformace.\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\">Vylep\u0161en\u00e1 plasticita a p\u0159ilnavost<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Posiluje zelen\u00e9 t\u011blo, sni\u017euje riziko prasklin a zlep\u0161uje manipulaci.\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\u00edho tvarov\u00e1n\u00ed<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Umo\u017e\u0148uje p\u0159esnou kontrolu tvaru a hladk\u00fd povrchov\u00fd vzhled.\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\u00ed struktura po sinterov\u00e1n\u00ed<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Podporuje hustou mikrostrukturu pro vynikaj\u00edc\u00ed mechanickou pevnost a dlouhodobou odolnost.\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\">V\u011aDA O MATERI\u00c1LECH<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-science-title\">\r\n                    <span class=\"landercoll-science-title-main\">Porozum\u011bn\u00ed celul\u00f3zov\u00e9mu etheru<\/span>\r\n                    <span class=\"landercoll-science-title-sub\">\"Monosodn\u00fd glutam\u00e1t pr\u016fmyslu\"<\/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 ether je semi-syntetick\u00fd p\u0159\u00edrodn\u00ed polymerov\u00fd materi\u00e1l. D\u00edky sv\u00fdm vynikaj\u00edc\u00edm vlastnostem tvorby filmu, lepen\u00ed a zadr\u017eov\u00e1n\u00ed vody je \u0161iroce pou\u017e\u00edv\u00e1n v odv\u011btv\u00edch jako t\u011b\u017eba ropy, chemik\u00e1lie, potraviny, farmaceutika, kosmetika, stavebnictv\u00ed, keramika a stavebn\u00ed materi\u00e1ly.\r\n                    <\/p>\r\n                    <div class=\"landercoll-description-highlight\">\r\n                        Vzhledem k jeho v\u0161estrannosti a kl\u00ed\u010dov\u00e9 funk\u010dnosti je celul\u00f3zov\u00fd ether \u010dasto ozna\u010dov\u00e1n jako <strong>\"monosodn\u00fd glutam\u00e1t pr\u016fmyslu.\"<\/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\">Pr\u016fmyslov\u00e9 aplikace<\/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\">T\u011b\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 produkty<\/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\">Kosmetika<\/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\">Stavebnictv\u00ed<\/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\u00e1ln\u00ed 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\">Vzhled<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>B\u00edl\u00fd nebo na\u017eloutl\u00fd vl\u00e1knit\u00fd \u010di granulovan\u00fd pr\u00e1\u0161ek<\/strong> kter\u00fd 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\">Rozpustnost<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>T\u00e9m\u011b\u0159 nerozpustn\u00fd v anhydridn\u00edm ethanolu, etheru a acetonu<\/strong>, ale snadno se rozpou\u0161t\u00ed v <strong>studen\u00e9 vod\u011b za vzniku \u010dir\u00e9ho nebo m\u00edrn\u011b zakalen\u00e9ho koloidn\u00edho roztoku<\/strong>. Tak\u00e9 rozpustn\u00fd v m\u00edchan\u00fdch rozpou\u0161t\u011bdlech vody a n\u00edzkomolekul\u00e1rn\u00edch alkohol\u016f.\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 methylcelul\u00f3za 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\">B\u00edl\u00fd pr\u00e1\u0161ek<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Vl\u00e1kno\/Granul\u00e1t<\/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 ve vod\u011b<\/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\">Nerozpustn\u00fd v organick\u00fdch rozpou\u0161t\u011bdlech<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Ethanol\/Ether<\/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\/cs\/hydroxypropylmethylceluloza-hpmc\/\" \r\n                                       target=\"_blank\" \r\n                                       class=\"landercoll-hpmc-link\">\r\n                                        Hydroxypropylmethylcelul\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\">T\u0159\u00edda<\/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\">Purity<\/span>\r\n                                    <span class=\"landercoll-spec-value\">\u226599%<\/span>\r\n                                <\/div>\r\n                                <div class=\"landercoll-spec-row\">\r\n                                    <span class=\"landercoll-spec-label\">Forma<\/span>\r\n                                    <span class=\"landercoll-spec-value\">Pr\u00e1\u0161ek<\/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\/cs\/hpmc-dodavatel-nejlepsi-hydroxypropylmethylceluloza\/\" \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\">V\u00edce o HPMC<\/span>\r\n                                    <span class=\"landercoll-learn-more-subtitle\">Pr\u016fvodce profesion\u00e1ln\u00edho dodavatele<\/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 SPECIFIKACE<\/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\">Speci\u00e1ln\u00ed LANDERCOLL celul\u00f3zov\u00e9 etherov\u00e9 \u010dinidlo keramick\u00e9 t\u0159\u00eddy<\/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\">Oblast pou\u017eit\u00ed<\/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\">Doporu\u010den\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 pro ka\u017edodenn\u00ed pou\u017eit\u00ed<\/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\">Oblast pou\u017eit\u00ed<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Doporu\u010den\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\">Rozpou\u0161t\u011bn\u00ed glazury<\/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 rozpt\u00fdlitelnost a stabilita suspenze<\/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\">Pos\u00edlen\u00ed t\u011bla<\/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\">Skv\u011bl\u00e1 plasticita a snadn\u00e9 tvarov\u00e1n\u00ed<\/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\">Bu\u0148kov\u00e1 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\">Oblast pou\u017eit\u00ed<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Doporu\u010den\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\u0161en\u00ed plasticity<\/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\u00edc\u00ed plasticita a stabilita tvarov\u00e1n\u00ed; vhodn\u00e1 retence vody; rychl\u00e9 schnut\u00ed; bez prasklin nebo deformac\u00ed<\/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\">Oblast pou\u017eit\u00ed<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Doporu\u010den\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\">Nosn\u00e9 t\u011blo<\/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\u00e9 pro lepen\u00ed a zpevn\u011bn\u00ed materi\u00e1l\u016f, jako je karbid k\u0159em\u00edku, nitrid k\u0159em\u00edku a alumina<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"landercoll-table-row\" style=\"--delay: 1s;\">\r\n                            <div class=\"landercoll-table-cell landercoll-application-field\">\r\n                                <div class=\"landercoll-cell-content\">\r\n                                    <div class=\"landercoll-application-name\">Nosn\u00e9 t\u011blo<\/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 mazac\u00ed vlastnost<\/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\u00ed 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\u00edc\u00ed rozpt\u00fdlen\u00ed a stabilita suspenze; jednotn\u00e9 \u010d\u00e1stice filtra\u010dn\u00ed 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\">Ukazatele 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 t\u0159\u00eddy<\/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\">Kategorie<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Oblast pou\u017eit\u00ed<\/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\">T\u0159\u00edda<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Standard kvality<\/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 APLIKACE<\/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 etheru<\/span>\r\n                    <span class=\"hpmc-benefits-title-sub\">v aktivn\u00ed keramick\u00e9 povrchov\u00e9 aktivit\u011b<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"hpmc-benefits-intro\">\r\n                    LANDERCOLL celul\u00f3zov\u00fd ether poskytuje vynikaj\u00edc\u00ed v\u00fdkon v keramick\u00fdch aplikac\u00edch d\u00edky sv\u00e9 jedine\u010dn\u00e9 molekul\u00e1rn\u00ed struktu\u0159e a povrchov\u011b aktivn\u00edm vlastnostem, poskytuj\u00edc\u00ed komplexn\u00ed \u0159e\u0161en\u00ed pro modern\u00ed keramickou v\u00fdrobu.\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\u011bt\u00ed vodn\u00fdch roztok\u016f celul\u00f3zov\u00fdch \u00e9ter\u016f se pohybuje od 44 do 56 dyn\/cm, ve srovn\u00e1n\u00ed s 72 dyn\/cm u \u010dist\u00e9 vody. Toto ni\u017e\u0161\u00ed povrchov\u00e9 nap\u011bt\u00ed zaji\u0161\u0165uje roztoku dobrou povrchovou aktivitu, co\u017e mu umo\u017e\u0148uje p\u016fsobit jako \u00fa\u010dinn\u00fd suspenduj\u00edc\u00ed a disperzn\u00ed \u010dinidlo. Zvy\u0161uje stabilitu a rovnom\u011brn\u00e9 rozpt\u00fdlen\u00ed keramick\u00fdch miner\u00e1ln\u00edch suspenz\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\u00edzk\u00fd obsah kovov\u00fdch iont\u016f<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Jako makromolekul\u00e1rn\u00ed polymer na b\u00e1zi polysacharid\u016f m\u016f\u017ee b\u00fdt celul\u00f3zov\u00fd \u00e9ter \u00fapln\u011b sp\u00e1len na oxid uhli\u010dit\u00fd a vodu. Obsah kovov\u00fdch iont\u016f (zejm\u00e9na sod\u00edkov\u00fdch iont\u016f) je obvykle ni\u017e\u0161\u00ed ne\u017e 2% a obsahuje t\u00e9m\u011b\u0159 \u017e\u00e1dn\u00e9 multivalentn\u00ed ionty, jako jsou v\u00e1pn\u00edk, ho\u0159\u010d\u00edk nebo \u017eelezo. Proto p\u0159in\u00e1\u0161\u00ed minim\u00e1ln\u00ed ne\u010distoty do keramick\u00fdch materi\u00e1l\u016f a m\u00e1 zanedbateln\u00fd vliv na krystalovou strukturu 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\u00ed rozmez\u00ed:<\/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 roztok\u016f celul\u00f3zov\u00fdch \u00e9ter\u016f je t\u00e9m\u011b\u0159 nem\u011bnn\u00e1 v kysel\u00e9m nebo z\u00e1sadit\u00e9m prost\u0159ed\u00ed a z\u016fst\u00e1v\u00e1 stabiln\u00ed v rozmez\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\u017eov\u00e1n\u00ed vody<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Celul\u00f3zov\u00fd \u00e9ter je \u00fa\u010dinn\u00fdm prost\u0159edkem pro zadr\u017eov\u00e1n\u00ed vody. M\u00e1 \u0161irok\u00e9 vyu\u017eit\u00ed v keramice, stavebn\u00edch materi\u00e1lech a v mnoha dal\u0161\u00edch oborech. P\u0159im\u011b\u0159en\u00e1 schopnost zadr\u017eov\u00e1n\u00ed vody nejen zaji\u0161\u0165uje plasticitu keramick\u00fdch t\u011bl\u00edsek, ale tak\u00e9 m\u016f\u017ee vhodn\u011b zv\u00fd\u0161it p\u00f3rovitost keramiky po sinterov\u00e1n\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 adheze<\/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\">K\u0159emi\u010ditany hlinit\u00e9<\/span>\r\n                                <span class=\"hpmc-material-tag\">Kordieritov\u00e9 miner\u00e1ly<\/span>\r\n                                <span class=\"hpmc-material-tag\">Karbid k\u0159\u00edku (SiC)<\/span>\r\n                                <span class=\"hpmc-material-tag\">K\u0159emi\u010dit\u00e1 nitride (Si\u2083N\u2084)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Jako vysoce v\u00fdkonn\u00fd pojivo je celul\u00f3zov\u00fd \u00e9ter vhodn\u00fd pro pojov\u00e1n\u00ed surov\u00fdch keramick\u00fdch materi\u00e1l\u016f na b\u00e1zi oxidu, miner\u00e1ln\u00edch surovin k\u0159emi\u010ditanu hlinit\u00e9ho, miner\u00e1ln\u00edch surovin kordieritu, karbidu k\u0159\u00edku (SiC) a k\u0159emi\u010dit\u00e9 nitride (Si\u2083N\u2084). Je \u0161iroce pou\u017e\u00edv\u00e1n v adhezi, suspensi, disperzi stavebn\u00ed keramiky, sanit\u00e1rn\u00ed keramiky, dom\u00e1c\u00ed keramiky, um\u011bleck\u00e9 keramiky, medov\u00fdch pl\u00e1st\u016f a keramick\u00fdch membr\u00e1nov\u00fdch oborech.\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\u00cdC\u00cd \u00daROVE\u0147<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-excellence-title\">\r\n                    LANDU Excelence: Budov\u00e1n\u00ed \u00fasp\u011bchu ruku v ruce\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\u00ed rozsah<\/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\u00ed z\u00e1kladny<\/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\">Tuny ro\u010dn\u00ed produkce<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"landu-scale-description\">\r\n                            Podpo\u0159eno technologickou odbornost\u00ed, finan\u010dn\u00ed silou a v\u00fdzkumn\u00fdmi schopnostmi skupiny SOE Group, LANDU z\u0159\u00eddil p\u011bt pokro\u010dil\u00fdch v\u00fdrobn\u00edch z\u00e1kladen strategicky rozm\u00edst\u011bn\u00fdch po cel\u00e9 \u010cesk\u00e9 republice. S ro\u010dn\u00ed produkc\u00ed p\u0159es 50 000 tun celul\u00f3zov\u00e9ho etheru poskytujeme konzistentn\u00ed, vysoce kvalitn\u00ed v\u00fdkon ve velk\u00e9m m\u011b\u0159\u00edtku.\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\u017eiteln\u00e1 kvalita<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-quality-description\">\r\n                            Ka\u017ed\u00e1 v\u00e1rka celul\u00f3zov\u00e9ho etheru LANDERCOLL je vyr\u00e1b\u011bna s pou\u017eit\u00edm udr\u017eiteln\u011b z\u00edskan\u00fdch, pr\u00e9miov\u00fdch surovin, co\u017e zaji\u0161\u0165uje integritu produktu a environment\u00e1ln\u00ed odpov\u011bdnost.\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\">Vynikaj\u00edc\u00ed dodavatelsk\u00fd \u0159et\u011bzec<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-supply-description\">\r\n                            N\u00e1\u0161 zjednodu\u0161en\u00fd, dob\u0159e koordinovan\u00fd dodavatelsk\u00fd \u0159et\u011bzec umo\u017e\u0148uje rychl\u00e9 a spolehliv\u00e9 pln\u011bn\u00ed objedn\u00e1vek ve velk\u00e9m objemu. V sektoru lepidel na dla\u017edice jsou formulace celul\u00f3zov\u00e9ho etheru LANDU navr\u017eeny tak, aby zlep\u0161ily aplika\u010dn\u00ed \u00fa\u010dinnost, zv\u00fd\u0161ily pevnost spojen\u00ed a zajistily dlouhotrvaj\u00edc\u00ed 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 Rafinovan\u00fd bavln\u011bn\u00fd surov\u00fd materi\u00e1l HPMC\" \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 kvalitn\u00ed 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\u017eiteln\u00fd<\/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\">T\u0159\u00edda 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\">Purity<\/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\">Konzistence<\/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\">Doporu\u010den\u00ed pro optim\u00e1ln\u00ed v\u00fdkon<\/h3>\r\n                    <div class=\"landu-recommendations-subtitle\">Pro vynikaj\u00edc\u00ed formulace lepidel 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\/cs\/hpmc-tovarni-premiova-hydroxypropylmethylceluloza\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-primary-additive landu-additive-link\">\r\n                        <div class=\"landu-primary-badge\">PRIM\u00c1RN\u00cd<\/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\u00e1rn\u00ed pojivo<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- MHEC with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/cs\/hydroxyethylmethylceluloza-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\">Zahu\u0161\u0165ovadlo<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- RDP with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/cs\/polopruzny-redispergovatelny-polymerni-prasek-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\/cs\/vyrobce-mravencanu-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\">Mraven\u010dan v\u00e1penat\u00fd<\/div>\r\n                        <div class=\"landu-additive-function\">Zrychlova\u010d vytvrzen\u00ed<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Water-Reducing Agents with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/cs\/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\">Sni\u017eova\u010de vody<\/div>\r\n                        <div class=\"landu-additive-function\">Zlep\u0161ova\u010d zpracovatelnosti<\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enhancement Button with Link -->\r\n                <a href=\"https:\/\/landu-china.com\/cs\/produkty\/\" \r\n                   target=\"_blank\" \r\n                   class=\"landu-synergy-indicator landu-enhancement-link\">\r\n                    <div class=\"landu-synergy-text\">Synergick\u00e9 zlep\u0161en\u00ed 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\u00ddJIME\u010cNOST PARTNERSTV\u00cd<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    LANDU \u2014 V\u00e1\u0161 spolehliv\u00fd partner v keramick\u00fdch p\u0159\u00edsad\u00e1ch\r\n                <\/h2>\r\n                \r\n                <p class=\"landu-partner-intro\">\r\n                    V LANDU jdeme d\u00e1l ne\u017e jen dod\u00e1vka produkt\u016f. Budujeme dlouhodob\u00e1 partnerstv\u00ed nab\u00eddkou odborn\u00fdch znalost\u00ed, inovac\u00ed a udr\u017eiteln\u00fdch \u0159e\u0161en\u00ed p\u0159izp\u016fsoben\u00fdch odv\u011btv\u00ed 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\u00e1ln\u00ed prodejn\u00ed t\u00fdm\" \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 veden\u00ed<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            N\u00e1\u0161 znal\u00fd technick\u00fd t\u00fdm nab\u00edz\u00ed praktickou podporu, pom\u00e1h\u00e1 v\u00e1m vybrat spr\u00e1vn\u00e9 p\u0159\u00edsady a optimalizovat v\u00fdrobn\u00ed procesy pro vynikaj\u00edc\u00ed v\u00fdsledky.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/cs\/sluzby\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozv\u011bd\u011bt se v\u00edce<\/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 V\u00fdzkum a v\u00fdvoj inovac\u00ed\" \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\">Inovace poh\u00e1n\u011bn\u00e1 v\u00fdzkumem a v\u00fdvojem<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            V\u011bdeck\u00e9 v\u00fdzkumn\u00e9 a v\u00fdvojov\u00e9 programy neust\u00e1le uv\u00e1d\u011bj\u00ed na trh pr\u016flomov\u00e9 formulace, co\u017e v\u00e1m zaji\u0161\u0165uje n\u00e1skok v v\u00fdkonu a efektivit\u011b.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/cs\/spolecnost\/inovacni-centrum\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozv\u011bd\u011bt se v\u00edce<\/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\u00e1vazek udr\u017eitelnosti\" \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\u00e1vazek k udr\u017eitelnosti<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Od odpov\u011bdn\u00e9ho z\u00edsk\u00e1v\u00e1n\u00ed surovin po ekologicky uv\u011bdom\u011blou v\u00fdrobu jsou na\u0161e strategie udr\u017eitelnosti navr\u017eeny tak, aby sni\u017eovaly dopad na \u017eivotn\u00ed prost\u0159ed\u00ed p\u0159i zachov\u00e1n\u00ed vysok\u00e9 kvality produkt\u016f.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/cs\/udrzitelnost\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozv\u011bd\u011bt se v\u00edce<\/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=\"Setk\u00e1n\u00ed prodejn\u00edho t\u00fdmu 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\">P\u0159idan\u00e1 hodnota pro dealery<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            \u00dazce spolupracujeme s na\u0161\u00ed s\u00edt\u00ed dealer\u016f, abychom poskytli konkuren\u010dn\u00ed v\u00fdhody \u2014 vy\u0161\u0161\u00ed mar\u017ee, marketingovou podporu a d\u016fv\u011bryhodn\u00fd v\u00fdkon produkt\u016f.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/cs\/smluvni-vyrobni-sluzby\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozv\u011bd\u011bt se v\u00edce<\/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 Rychl\u00e9 doru\u010den\u00ed 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\u010den\u00ed<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            S flexibiln\u00edmi platebn\u00edmi podm\u00ednkami a efektivn\u00edm logistick\u00fdm syst\u00e9mem zaji\u0161\u0165ujeme plynul\u00e9 transakce a v\u010dasn\u00e9 dod\u00e1n\u00ed kdekoliv p\u016fsob\u00edte.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/cs\/sluzby-v-oblasti-eteru-celulozy\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Dozv\u011bd\u011bt se v\u00edce<\/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\">NAB\u00cdDKA BEZPLATN\u00c9HO VZORKU<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"landu-sample-title\">\r\n                        Z\u00edskejte sv\u016fj bezplatn\u00fd vzorek nyn\u00ed!\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"landu-sample-description\">\r\n                        Objevte v\u00fdjime\u010dn\u00fd v\u00fdkon celul\u00f3zov\u00fdch ether\u016f LANDERCOLL\u2122 s bezplatn\u00fdm zku\u0161ebn\u00edm vzorkem. Za\u017eijte na vlastn\u00ed k\u016f\u017ei, jak na\u0161e produkty mohou pozvednout va\u0161e aplikace. N\u00e1\u0161 specializovan\u00fd t\u00fdm je p\u0159ipraven vyvinout na m\u00edru \u0161it\u00e9 formulace, p\u0159esn\u011b navr\u017een\u00e9 tak, aby splnily jedine\u010dn\u00e9 po\u017eadavky va\u0161eho projektu \u2014 zaji\u0161\u0165uj\u00edc\u00ed optim\u00e1ln\u00ed v\u00fdsledky poka\u017ed\u00e9.\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\u00fd vzorek 100%<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Bez n\u00e1klad\u016f, bez z\u00e1vazk\u016f<\/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\u00ed formulace<\/h4>\r\n                                <p class=\"landu-benefit-desc\">P\u0159izp\u016fsoben\u00e9 va\u0161im pot\u0159eb\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 pro t\u00fdm specialist\u016f<\/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\/cs\/kontaktujte-nas\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                            <div class=\"landu-button-content\">\r\n                                <span class=\"landu-button-text\">Vy\u017e\u00e1dat si vzorek zdarma<\/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\">Rychl\u00e9 zpracov\u00e1n\u00ed \u2022 Zahrnuta odborn\u00e1 konzultace<\/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 vzorek 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\">ZDARMA<\/span>\r\n                                <span class=\"landu-badge-sublabel\">Vzorek<\/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\">Rychl\u00e9 doru\u010den\u00ed<\/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\">Laboratorn\u011b testov\u00e1no<\/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 K POU\u017dIT\u00cd<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-usage-title\">\r\n                    Jak pou\u017e\u00edvat LANDERCOLL celul\u00f3zov\u00e9 ether\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=\"Jak pou\u017e\u00edvat 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\">Kl\u00ed\u010dov\u00e9 body pou\u017eit\u00ed<\/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\u00e1d\u00e1n\u00ed teploty<\/h4>\r\n                                    <p class=\"landu-point-desc\">Oh\u0159ejte vodu nad 85\u00b0C pro optim\u00e1ln\u00ed rozpt\u00fdlen\u00ed a rovnom\u011brn\u00e9 rozlo\u017een\u00ed v cel\u00e9 sm\u011bsi<\/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\u016fkladn\u00e9 m\u00edch\u00e1n\u00ed<\/h4>\r\n                                    <p class=\"landu-point-desc\">Zajist\u011bte rovnom\u011brn\u00e9 rozpt\u00fdlen\u00ed spr\u00e1vn\u00fdmi technikami m\u00edch\u00e1n\u00ed a dostate\u010dnou dobou m\u00edch\u00e1n\u00ed<\/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\">Chladic\u00ed proces<\/h4>\r\n                                    <p class=\"landu-point-desc\">P\u0159id\u00e1vejte studenou vodu p\u0159i m\u00edch\u00e1n\u00ed, aby do\u0161lo k \u00fapln\u00e9mu rozpu\u0161t\u011bn\u00ed a spr\u00e1vn\u00e9 konzistenci<\/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\u00ed v\u00fdsledek<\/h4>\r\n                                    <p class=\"landu-point-desc\">Dos\u00e1hn\u011bte rovnom\u011brn\u00e9 keramick\u00e9 glazury nebo filtra\u010dn\u00ed suspenze s vynikaj\u00edc\u00edmi vlastnostmi<\/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\">Disperze ve hork\u00e9 vod\u011b<\/h3>\r\n                                <div class=\"landu-method-number\">Metoda 1<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                P\u0159idejte jednu t\u0159etinu nebo dv\u011b t\u0159etiny po\u017eadovan\u00e9ho mno\u017estv\u00ed vody do n\u00e1doby a zah\u0159ejte ji nad 85\u00b0C. Jeliko\u017e celul\u00f3zov\u00e9 ether je nerozpustn\u00fd ve hork\u00e9 vod\u011b, bude se b\u011bhem po\u010d\u00e1te\u010dn\u00ed f\u00e1ze rovnom\u011brn\u011b dispergovat. Pot\u00e9 p\u0159idejte zb\u00fdvaj\u00edc\u00ed mno\u017estv\u00ed studen\u00e9 nebo ledov\u00e9 vody do hork\u00e9 suspenze za st\u00e1l\u00e9ho m\u00edch\u00e1n\u00ed a nechte sm\u011bs vychladnout.\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\">M\u00edch\u00e1n\u00ed pevn\u00fdch pr\u00e1\u0161k\u016f<\/h3>\r\n                                <div class=\"landu-method-number\">Metoda 2<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Sm\u00edchejte pr\u00e1\u0161ek celul\u00f3zov\u00e9ho etheru s pr\u00e1\u0161kem keramick\u00e9ho miner\u00e1ln\u00edho surov\u00e9ho materi\u00e1lu, aby do\u0161lo k rovnom\u011brn\u00e9mu such\u00e9mu rozpt\u00fdlen\u00ed. Pot\u00e9 rovnom\u011brn\u011b post\u0159\u00edkejte vodu a d\u016fkladn\u011b hn\u011b\u0165te sm\u011bs, aby vzniklo rovnom\u011brn\u011b rozpt\u00fdlen\u00e9, vysoce plastick\u00e9 keramick\u00e9 t\u011blo.\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\">Mok\u0159en\u00ed organick\u00fdm rozpou\u0161t\u011bdlem<\/h3>\r\n                                <div class=\"landu-method-number\">Metoda 3<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                P\u0159edem dispergujte nebo navlh\u010dete celul\u00f3zov\u00fd ether organick\u00fdm rozpou\u0161t\u011bdlem, jako je ethanol, ethylenglykol nebo lehk\u00fd miner\u00e1ln\u00ed olej, p\u0159ed p\u0159id\u00e1n\u00edm vody k jeho rozpu\u0161t\u011bn\u00ed.\r\n                            <\/p>\r\n                            <div class=\"landu-solvent-types\">\r\n                                <div class=\"landu-solvent-tag\">Ethanol<\/div>\r\n                                <div class=\"landu-solvent-tag\">Ethylenglykol<\/div>\r\n                                <div class=\"landu-solvent-tag\">Lehk\u00fd miner\u00e1ln\u00ed 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 ZACHOV\u00c1N\u00cd VODY<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-water-retention-title\">\r\n                    Faktory ovliv\u0148uj\u00edc\u00ed v\u00fdkon zadr\u017eov\u00e1n\u00ed vody u celul\u00f3zov\u00fdch ether\u016f\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 ether jsou vynikaj\u00edc\u00edmi adhezn\u00edmi a vodot\u011bsn\u00fdmi vlastnostmi pro keramick\u00e9 miner\u00e1ln\u00ed surov\u00e9 materi\u00e1ly. Udr\u017eov\u00e1n\u00ed ur\u010dit\u00e9 \u00farovn\u011b vlhkosti umo\u017e\u0148uje keramick\u00e9mu t\u011blu udr\u017eovat stabiln\u00ed a dobrou plasticitu b\u011bhem zpracov\u00e1n\u00ed a tvarov\u00e1n\u00ed. \u00darove\u0148 schopnosti zadr\u017eovat vodu ovliv\u0148uje trvanlivost plasticity keramick\u00e9ho t\u011bla, ale p\u0159\u00edli\u0161 vysok\u00e1 schopnost zadr\u017eovat vodu m\u016f\u017ee tak\u00e9 zp\u016fsobit nadm\u011brn\u00e9 smr\u0161t\u011bn\u00ed t\u011bla b\u011bhem su\u0161en\u00ed.\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\">Kl\u00ed\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\u00edc\u00ed p\u0159ilnavost<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Siln\u00e9 adhezn\u00ed vlastnosti s keramick\u00fdmi miner\u00e1ln\u00edmi surov\u00fdmi materi\u00e1ly zaji\u0161\u0165uj\u00ed struktur\u00e1ln\u00ed 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\u00ed plasticita<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Udr\u017euje konzistentn\u00ed zpracovatelnost b\u011bhem cel\u00e9ho procesu zpracov\u00e1n\u00ed a tvarov\u00e1n\u00ed<\/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\u00e1ln\u00ed zadr\u017eov\u00e1n\u00ed vody zabra\u0148uje nadm\u011brn\u00e9mu smr\u0161t\u011bn\u00ed b\u011bhem su\u0161en\u00ed<\/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 odolnost<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Dlouhotrvaj\u00edc\u00ed v\u00fdkonov\u00e9 vlastnosti po cel\u00fd cyklus v\u00fdroby 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 vlivu p\u0159id\u00e1n\u00ed celul\u00f3zov\u00e9ho etheru a viskozity produktu na m\u00edru zadr\u017eov\u00e1n\u00ed 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 vlivu p\u0159id\u00e1n\u00ed celul\u00f3zov\u00e9ho etheru a viskozity produktu na m\u00edru zadr\u017eov\u00e1n\u00ed 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\">M\u00edra p\u0159id\u00e1n\u00ed<\/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\">M\u00edra zadr\u017eov\u00e1n\u00ed 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\">Kl\u00ed\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\">M\u00edra p\u0159id\u00e1n\u00ed<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Vy\u0161\u0161\u00ed p\u0159id\u00e1n\u00ed celul\u00f3zov\u00e9ho etheru zvy\u0161uje kapacitu zadr\u017eov\u00e1n\u00ed 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\">Vliv viskozity<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Viskozita produktu p\u0159\u00edmo souvis\u00ed s v\u00fdkonem zadr\u017eov\u00e1n\u00ed<\/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\u00e1ln\u00ed rovnov\u00e1ha<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Naj\u00edt spr\u00e1vnou rovnov\u00e1hu zabr\u00e1n\u00ed nadm\u011brn\u00e9mu smr\u0161t\u011bn\u00ed<\/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\">P\u0158\u00cdLE\u017dITOST PRO PARTNERSTV\u00cd<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    Partnerstv\u00ed s LANDU \u2014 Za\u010dn\u011bte 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\">P\u0159ipojte se k na\u0161emu s\u00ed\u0165ov\u00e9mu \u00fasp\u011bchu<\/h3>\r\n                            <p class=\"landu-partner-description-text\">\r\n                                Vstupte do sv\u011bta p\u0159\u00edle\u017eitost\u00ed s na\u0161\u00ed pr\u00e9miovou \u0159adou celul\u00f3zov\u00fdch ether\u016f. Jako dealer LANDERCOLL z\u00edsk\u00e1te p\u0159\u00edstup k exkluzivn\u00edm cen\u00e1m, na m\u00edru \u0161it\u00fdm akc\u00edm a speci\u00e1ln\u00edm pob\u00eddk\u00e1m, kter\u00e9 zv\u00fd\u0161\u00ed va\u0161e mar\u017ee.\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 partnerstv\u00ed<\/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>Exkluzivn\u00ed ceny<\/strong> - P\u0159\u00edstup ke konkurenceschopn\u00fdm velkoobchodn\u00edm sazb\u00e1m a objemov\u00fdm slev\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>Na m\u00edru \u0161it\u00e9 propagace<\/strong> - P\u0159izp\u016fsoben\u00e9 marketingov\u00e9 kampan\u011b pro 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>Zvl\u00e1\u0161tn\u00ed pob\u00eddky<\/strong> - Odm\u011bny zalo\u017een\u00e9 na v\u00fdkonu pro maximalizaci zisku\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>Rostouc\u00ed s\u00ed\u0165<\/strong> - P\u0159ipojte se k \u00fasp\u011b\u0161n\u00fdm prodejc\u016fm se sd\u00edlenou 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\u00e1ln\u00ed marketingov\u00fd pracovn\u00edk\" \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\">P\u0159ipraveni zm\u011bnit sv\u016fj podnik?<\/h4>\r\n                                <p class=\"landu-cta-subtitle\">P\u0159ipojte se k rodin\u011b LANDU a odemkn\u011bte sv\u016fj potenci\u00e1l je\u0161t\u011b dnes<\/p>\r\n                                \r\n                                <div class=\"landu-cta-button-container\">\r\n                                    <a href=\"https:\/\/landu-china.com\/cs\/kontaktujte-nas\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                                        <span class=\"landu-button-text\">P\u0159ipojit se nyn\u00ed<\/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\">\u017d\u00e1dn\u00e9 poplatky za nastaven\u00ed<\/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\">Rychl\u00fd start<\/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>TECHNOLOGIE CELUL\u00d3ZOV\u00c9HO ETHERU LANDERCOLL Celul\u00f3zov\u00fd ether pro keramick\u00e9 aplikace P\u0159esnost v ka\u017ed\u00e9 form\u011b \u2014 pevnost, stabilita a hladkost v ka\u017ed\u00e9 keramice. Posilte svou keramickou v\u00fdrobu v\u00fdjime\u010dnou stabilitou tvarov\u00e1n\u00ed a pevnost\u00ed spojen\u00ed. LANDERCOLL zaji\u0161\u0165uje rovnom\u011brn\u00e9 tvarov\u00e1n\u00ed, hust\u00e9 sinterov\u00e1n\u00ed a vynikaj\u00edc\u00ed povrchovou kvalitu ve v\u0161ech keramick\u00fdch syst\u00e9mech. Pevnost Zv\u00fd\u0161en\u00e1 pevnost spojen\u00ed Kvalita Vynikaj\u00edc\u00ed povrchov\u00e9 \u00fapravy 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\/cs\/wp-json\/wp\/v2\/pages\/18883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/comments?post=18883"}],"version-history":[{"count":77,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages\/18883\/revisions"}],"predecessor-version":[{"id":23585,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages\/18883\/revisions\/23585"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages\/13080"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/media?parent=18883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}