{"id":18883,"date":"2025-10-20T14:36:59","date_gmt":"2025-10-20T06:36:59","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=18883"},"modified":"2025-10-20T15:09:35","modified_gmt":"2025-10-20T07:09:35","slug":"eter-selulosa-untuk-keramik","status":"publish","type":"page","link":"https:\/\/landu-china.com\/id\/pasar\/lebih-banyak-pasar\/eter-selulosa-untuk-keramik\/","title":{"rendered":"Eter Selulosa LANDERCOLL Untuk Keramik"},"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\">TEKNOLOGI ETER KELULOSA<\/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\">Selulosa Eter<\/span>\r\n                    <span class=\"landercoll-title-sub\">untuk Aplikasi Keramik<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"landercoll-subtitle\">\r\n                    <span class=\"landercoll-highlight\">Presisi<\/span> dalam Setiap Bentuk \u2014 \r\n                    <span class=\"landercoll-highlight\">Kekuatan<\/span>, \r\n                    <span class=\"landercoll-highlight\">Stabilitas<\/span>dan \r\n                    <span class=\"landercoll-highlight\">Kelancaran<\/span> dalam Setiap Keramik.\r\n                <\/p>\r\n                \r\n                <div class=\"landercoll-description\">\r\n                    <p class=\"landercoll-fade-in\">Perkuat produksi keramik Anda dengan kestabilan pembentukan dan kekuatan ikatan yang luar biasa.<\/p>\r\n                    <p class=\"landercoll-fade-in\">LANDERCOLL memastikan pembentukan yang seragam, sintering padat, dan kualitas permukaan yang unggul di semua sistem keramik.<\/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\">Kekuatan<\/div>\r\n                        <div class=\"landercoll-property-desc\">Kekuatan ikatan yang ditingkatkan<\/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\">Kualitas<\/div>\r\n                        <div class=\"landercoll-property-desc\">Finishing permukaan yang unggul<\/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\">Stabilitas<\/div>\r\n                        <div class=\"landercoll-property-desc\">Kinerja yang konsisten<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"landercoll-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/id\/hubungi-kami\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-primary\">\r\n                        <span>Hubungi Kami<\/span>\r\n                        <div class=\"landercoll-btn-ripple\"><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/landu-china.com\/id\/produk\/selulosa-landercoll\/\" target=\"_blank\" class=\"landercoll-btn landercoll-btn-secondary\">\r\n                        <span>Pelajari Lebih Lanjut<\/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\">Sifat Molekuler<\/div>\r\n                        <div class=\"landercoll-tech-status\">\r\n                            <div class=\"landercoll-status-dot\"><\/div>\r\n                            <span>Aktif<\/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\">Viskositas<\/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\">Retensi Air<\/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\">Adhesi<\/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\">Viskositas Optimal<\/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\">Lem yang Kuat<\/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\">Pengendalian Air<\/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\">Struktur Eter Selulosa<\/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\">APLIKASI KERAMIK<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-overview-title\">\r\n                    <span class=\"landercoll-overview-title-main\">Eter Selulosa LANDERCOLL<\/span>\r\n                    <span class=\"landercoll-overview-title-sub\">untuk Aplikasi Keramik<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"landercoll-overview-tagline\">\r\n                    <span class=\"landercoll-tagline-highlight\">Pembentukan Konsisten.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Daya Lekat Kuat.<\/span>\r\n                    <span class=\"landercoll-tagline-highlight\">Performa Handal.<\/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\">Ikhtisar<\/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                            Keramik memainkan peran penting di seluruh sektor konstruksi, rumah tangga, dan industri. Dari elemen arsitektur dekoratif hingga keramik teknis canggih, memastikan kekuatan pembentukan dan stabilitas yang optimal sangat penting untuk mencapai kualitas dan penampilan produk yang luar biasa.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Sebagai produsen ether selulosa berpengalaman, LANDU telah menghabiskan bertahun-tahun mengembangkan aditif khusus untuk proses keramik. Seri Ether Selulosa LANDERCOLL kami dirancang untuk memberikan fleksibilitas proses dan performa pembentukan yang unggul di berbagai sistem keramik.\r\n                        <\/p>\r\n                        <p class=\"landercoll-overview-paragraph\">\r\n                            Dengan kemitraan di lebih dari 30 negara, LANDU menyediakan solusi ether selulosa yang disesuaikan yang mematuhi standar internasional dan diproduksi di bawah protokol jaminan kualitas yang ketat.\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\">Negara<\/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\">Protokol QA<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Product Images Section -->\r\n                <div class=\"landercoll-overview-images\">\r\n                    <div class=\"landercoll-image-container landercoll-image-secondary\">\r\n                        <div class=\"landercoll-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/LANDU-Cellulose-ether.jpg\" \r\n                                 alt=\"Ether Selulosa LANDU\" \r\n                                 class=\"landercoll-product-image\">\r\n                            <div class=\"landercoll-image-overlay\">\r\n                                <div class=\"landercoll-overlay-content\">\r\n                                    <div class=\"landercoll-overlay-title\">Siap Aplikasi<\/div>\r\n                                    <div class=\"landercoll-overlay-desc\">Kualitas Keramik<\/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\">Kemurnian Tinggi<\/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\">Kualitas yang Konsisten<\/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\">Retensi Air<\/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\">Kekuatan Hijau<\/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\">Unduh Brosur<\/span>\r\n                                <span class=\"landercoll-download-subtitle\">Panduan Produk Lengkap<\/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\">Keunggulan Utama Ether Selulosa LANDERCOLL<\/h3>\r\n                    <div class=\"landercoll-benefits-subtitle\">dalam Aplikasi Keramik<\/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\">Retensi Air Luar Biasa<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Mempertahankan kelembapan selama pembentukan, memastikan pencetakan yang konsisten dan deformasi yang diminimalkan.\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\">Plastisitas dan Lekatan yang Ditingkatkan<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Menguatkan badan hijau, mengurangi risiko retak dan meningkatkan penanganan.\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\">Karakteristik Pembentukan Stabil<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Memungkinkan kontrol bentuk yang presisi dan hasil permukaan yang halus.\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\">Struktur Kompak Setelah Sinter<\/h4>\r\n                            <p class=\"landercoll-benefit-description\">\r\n                                Mendukung mikrostruktur padat untuk kekuatan mekanis yang unggul dan daya tahan yang lama.\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\">ILMU Bahan<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-science-title\">\r\n                    <span class=\"landercoll-science-title-main\">Memahami Eter Selulosa<\/span>\r\n                    <span class=\"landercoll-science-title-sub\">\"Monosodium Glutamat Industri\"<\/span>\r\n                <\/h2>\r\n\r\n                <div class=\"landercoll-science-description\">\r\n                    <p class=\"landercoll-description-text\">\r\n                        Eter selulosa adalah bahan polimer alami semi-sintetik. Karena sifatnya yang luar biasa dalam pembentukan film, perekat, dan retensi air, bahan ini telah banyak digunakan dalam industri seperti eksploitasi minyak, kimia, makanan, farmasi, kosmetik, konstruksi, keramik, dan bahan bangunan.\r\n                    <\/p>\r\n                    <div class=\"landercoll-description-highlight\">\r\n                        Karena fleksibilitas dan fungsi kritisnya, eter selulosa sering disebut sebagai <strong>\"monosodium glutamat industri.\"<\/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\">Aplikasi Industri<\/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\">Eksploitasi Minyak<\/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\">Kimia<\/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\">Makanan<\/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\">Obat-obatan<\/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\">Kosmetik<\/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\">Konstruksi<\/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\">Sifat Fisik &amp; Kimia<\/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\">Penampilan<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>Bubuk berserat atau granular berwarna putih atau kekuningan<\/strong> yang <strong>tanpa bau dan tanpa rasa<\/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\">Kelarutan<\/h4>\r\n                            <\/div>\r\n                            <p class=\"landercoll-property-description\">\r\n                                <strong>Hampir tidak larut dalam etanol anhidrat, eter, dan aseton<\/strong>, tetapi mudah larut dalam <strong>air dingin untuk membentuk larutan kolloid yang jernih atau sedikit keruh<\/strong>. Juga larut dalam pelarut campuran air dan alkohol karbon rendah.\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=\"Produk Metil Selulosa Hidroksipropil LANDU\" \r\n                                 class=\"landercoll-showcase-image\">\r\n                            \r\n                            <!-- Floating property indicators -->\r\n                            <div class=\"landercoll-property-indicators\">\r\n                                <div class=\"landercoll-property-indicator\" style=\"--x: 25%; --y: 20%;\">\r\n                                    <div class=\"landercoll-indicator-dot landercoll-white-dot\">\r\n                                        <div class=\"landercoll-dot-ripple\"><\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landercoll-indicator-tooltip\">\r\n                                        <div class=\"landercoll-tooltip-title\">Bubuk Putih<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Serat\/Kristal<\/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\">Tanpa bau<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">&amp; Tanpa rasa<\/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\">Larut dalam air<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Air dingin<\/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\">Tidak larut dalam bahan organik<\/div>\r\n                                        <div class=\"landercoll-tooltip-desc\">Etil alkohol\/Eter<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Molecular structure overlay -->\r\n                            <div class=\"landercoll-molecular-overlay\">\r\n                                <div class=\"landercoll-molecule-structure\">\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 35%; --y: 40%;\"><\/div>\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 55%; --y: 35%;\"><\/div>\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 65%; --y: 50%;\"><\/div>\r\n                                    <div class=\"landercoll-structure-node\" style=\"--x: 45%; --y: 60%;\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Product info panel -->\r\n                        <div class=\"landercoll-product-info\">\r\n                            <div class=\"landercoll-info-header\">\r\n                                <div class=\"landercoll-info-title\">LANDERCOLL HPMC<\/div>\r\n                                <div class=\"landercoll-info-subtitle\">\r\n                                    <a href=\"https:\/\/landu-china.com\/id\/hidroksipropil-metil-selulosa-hpmc\/\" \r\n                                       target=\"_blank\" \r\n                                       class=\"landercoll-hpmc-link\">\r\n                                        Hidroksipropil Metil Selulosa\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\">Kelas<\/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\">Kemurnian<\/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\">Bentuk<\/span>\r\n                                    <span class=\"landercoll-spec-value\">Bedak<\/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\/id\/pemasok-hpmc-hidroksipropil-metil-selulosa-terbaik\/\" \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\">Pelajari Lebih Lanjut Tentang HPMC<\/span>\r\n                                    <span class=\"landercoll-learn-more-subtitle\">Panduan Pemasok Profesional<\/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\">SPESIFIKASI TEKNIS<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landercoll-specifications-title\">\r\n                    <span class=\"landercoll-spec-number\">07<\/span>\r\n                    <span class=\"landercoll-spec-title-main\">Eter selulosa khusus LANDERCOLL Kelas Keramik<\/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\">Bidang Aplikasi<\/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\">Produk Rekomendasi<\/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\">Rentang Viskositas<\/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\">Fitur Produk<\/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\">Keramik Pemakaian Harian<\/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\">Bidang Aplikasi<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Produk Rekomendasi<\/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\">Fitur Produk<\/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\">Dispersi glasir<\/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\">Dispersibilitas yang baik dan stabilitas suspensi<\/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\">Penguatan badan<\/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\">Plastisitas yang hebat dan pencetakan yang mudah<\/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\">Keramik Sarang Lebah<\/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\">Bidang Aplikasi<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Produk Rekomendasi<\/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\">Fitur Produk<\/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\">Peningkatan plastisitas<\/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\">Plastisitas yang sangat baik dan stabilitas pembentukan; retensi air yang sesuai; pengeringan cepat; tanpa retak atau deformasi<\/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\">Membran Keramik Inorganik<\/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\">Bidang Aplikasi<\/div>\r\n                            <div class=\"landercoll-table-cell landercoll-recommended-product\">Produk Rekomendasi<\/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\">Fitur Produk<\/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\">Badan penopang<\/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\">Cocok untuk merekatkan dan memperkuat bahan seperti karbida silikon, nitrida silikon, dan 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\">Badan penopang<\/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\">Properti pelumas yang baik<\/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\">Lapisan filtrasi<\/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\">Dispersibilitas yang sangat baik dan stabilitas suspensi; partikel lapisan filter yang seragam<\/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\">Indikator Kinerja<\/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\">Rentang Viskositas<\/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\">Produk<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Kualitas yang Tersedia<\/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\">Kategori<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Bidang Aplikasi<\/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\">Kelas<\/div>\r\n                            <div class=\"landercoll-indicator-label\">Standar Kualitas<\/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\"> APLIKASI KERAMIK<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"hpmc-benefits-title\">\r\n                    <span class=\"hpmc-benefits-title-main\">5 Manfaat Utama Ether Selulosa<\/span>\r\n                    <span class=\"hpmc-benefits-title-sub\">dalam Aktivitas Permukaan Keramik<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"hpmc-benefits-intro\">\r\n                    Ether Selulosa LANDERCOLL memberikan kinerja luar biasa dalam aplikasi keramik melalui struktur molekul unik dan sifat aktif permukaannya, menyediakan solusi komprehensif untuk proses pembuatan keramik modern.\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\">Aktivitas Permukaan<\/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\">Larutan HPMC<\/span>\r\n                                <\/div>\r\n                                <div class=\"hpmc-stat-vs\">vs<\/div>\r\n                                <div class=\"hpmc-stat-item\">\r\n                                    <span class=\"hpmc-stat-value\">72<\/span>\r\n                                    <span class=\"hpmc-stat-unit\">dyn\/cm<\/span>\r\n                                    <span class=\"hpmc-stat-label\">Air Murni<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Tensi permukaan larutan air eter selulosa berkisar antara 44 hingga 56 dyn\/cm, dibandingkan dengan 72 dyn\/cm untuk air murni. Tensi permukaan yang lebih rendah ini memberikan larutan aktivitas permukaan yang baik, memungkinkannya bertindak sebagai agen penyangga dan pengdispersi yang efektif. Ini meningkatkan stabilitas dan dispersi seragam dari lumpur mineral keramik.\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\">Kandungan Ion Logam Rendah<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Sebagai polimer makromolekul berbasis polisakarida, eter selulosa dapat dibakar sepenuhnya menjadi karbon dioksida dan air. Kandungan ion logam (terutama ion natrium) umumnya di bawah 2%, dan hampir tidak mengandung ion multivalen seperti kalsium, magnesium, atau besi. Oleh karena itu, ini memperkenalkan impurities minimal ke bahan keramik dan memberikan pengaruh yang dapat diabaikan terhadap struktur kristal keramik.\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\">Stabilitas pH<\/h3>\r\n                        <div class=\"hpmc-stability-range\">\r\n                            <span class=\"hpmc-range-label\">Rentang Stabil:<\/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                            Viskositas larutan air eter selulosa hampir tidak dipengaruhi oleh lingkungan asam atau basa dan tetap stabil dalam rentang 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\">Retensi Air<\/h3>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Eter selulosa adalah agen penahan air yang efisien. Memiliki berbagai aplikasi dalam keramik, bahan bangunan, dan banyak bidang lainnya. Kapasitas retensi air yang sesuai tidak hanya memastikan plastisitas badan keramik tetapi juga dapat meningkatkan porositas keramik setelah sintering secara tepat.\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\">Adhesi Berkinerja Tinggi<\/h3>\r\n                        <div class=\"hpmc-material-types\">\r\n                            <div class=\"hpmc-material-grid\">\r\n                                <span class=\"hpmc-material-tag\">Keramik Oksida Murni<\/span>\r\n                                <span class=\"hpmc-material-tag\">Silika Aluminium<\/span>\r\n                                <span class=\"hpmc-material-tag\">Mineral Kordierit<\/span>\r\n                                <span class=\"hpmc-material-tag\">Karbid Silicon (SiC)<\/span>\r\n                                <span class=\"hpmc-material-tag\">Nitrogen Silicon (Si\u2083N\u2084)<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"hpmc-benefit-description\">\r\n                            Sebagai pengikat berkinerja tinggi, eter selulosa cocok untuk mengikat bahan baku keramik oksida murni, bahan mineral silika aluminium, bahan mineral kordierit, karbid silicon (SiC), dan bahan baku keramik nitrogen silicon (Si\u2083N\u2084). Ini banyak digunakan dalam adhesi, suspensi, dan dispersi bidang keramik bangunan, keramik sanitasi, keramik domestik, keramik seni, keramik sarang lebah, dan membran keramik.\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\">KEUNGGULAN MANUFAKTUR<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-excellence-title\">\r\n                    Keunggulan LANDU: Membangun Kesuksesan Bersama\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\">Skala Manufaktur<\/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\">Basis Manufaktur<\/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\">Ton Output Tahunan<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p class=\"landu-scale-description\">\r\n                            Didukung oleh keahlian teknologi, kekuatan keuangan, dan kemampuan riset dari Grup BUMN, LANDU telah mendirikan lima basis manufaktur canggih yang strategis tersebar di seluruh Indonesia. Dengan output tahunan lebih dari 50.000 ton eter selulosa, kami memberikan performa yang konsisten dan berkualitas tinggi dalam skala besar.\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\">Kualitas Berkelanjutan<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-quality-description\">\r\n                            Setiap batch eter selulosa LANDERCOLL diproduksi menggunakan bahan baku berkualitas tinggi yang bersumber secara berkelanjutan, memastikan integritas produk dan tanggung jawab lingkungan.\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\">Keunggulan Rantai Pasok<\/h3>\r\n                        <\/div>\r\n                        <p class=\"landu-supply-description\">\r\n                            Rantai pasok kami yang efisien dan terorganisasi dengan baik memungkinkan pemenuhan pesanan volume tinggi secara cepat dan dapat diandalkan. Dalam sektor perekat ubin, formulasi eter selulosa LANDU dirancang untuk meningkatkan efisiensi aplikasi, memperkuat daya rekat, dan memastikan hasil yang tahan lama.\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=\"Bahan Baku HPMC LANDU - Kapas Halus\" \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\">Bahan Baku Premium<\/div>\r\n                                    <div class=\"landu-overlay-desc\">Sumber Kapas Halus<\/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\">Berkelanjutan<\/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\">Kelas 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\">Kemurnian<\/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\">Konsistensi<\/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\">Rekomendasi Performa Optimal<\/h3>\r\n                    <div class=\"landu-recommendations-subtitle\">Untuk formulasi perekat ubin yang unggul<\/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\/id\/pabrik-hpmc-premium-hidroksipropil-metil-selulosa\/\" \r\n                       target=\"_blank\" \r\n                       class=\"landu-primary-additive landu-additive-link\">\r\n                        <div class=\"landu-primary-badge\">PRIMER<\/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\">Pengikat Utama<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <!-- MHEC with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/id\/hidroksietil-metil-selulosa-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\">Agen Pengental<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- RDP with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/id\/bubuk-polimer-semi-fleksibel-yang-dapat-larut-dalam-air-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\">Peningkat Fleksibilitas<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Calcium Formate with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/id\/produsen-format-kalsium\/\" \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\">Bentuk Kalsium<\/div>\r\n                        <div class=\"landu-additive-function\">Percepatan Pengeringan<\/div>\r\n                    <\/a>\r\n\r\n                    <!-- Water-Reducing Agents with Link -->\r\n                    <a href=\"https:\/\/landu-china.com\/id\/bubuk-superplasticizer-polikarboksilat-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\">Zat Pengurang Air<\/div>\r\n                        <div class=\"landu-additive-function\">Peningkat Keterpakaian<\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enhancement Button with Link -->\r\n                <a href=\"https:\/\/landu-china.com\/id\/produk\/\" \r\n                   target=\"_blank\" \r\n                   class=\"landu-synergy-indicator landu-enhancement-link\">\r\n                    <div class=\"landu-synergy-text\">Peningkatan Performa Sinergis<\/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\">KEUNGGULAN KEMITRAAN<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    LANDU \u2014 Mitra Terpercaya Anda dalam Bahan Tambahan Keramik\r\n                <\/h2>\r\n                \r\n                <p class=\"landu-partner-intro\">\r\n                    Di LANDU, kami melampaui sekadar menyediakan produk. Kami membangun kemitraan yang langgeng dengan menawarkan keahlian, inovasi, dan solusi berkelanjutan yang disesuaikan dengan industri keramik.\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=\"Staf Penjualan Profesional LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-guidance-icon\">\r\n                                    <div class=\"landu-expert-symbol\">\r\n                                        <div class=\"landu-brain-icon\">\r\n                                            <div class=\"landu-brain-core\"><\/div>\r\n                                            <div class=\"landu-brain-waves\">\r\n                                                <div class=\"landu-wave\"><\/div>\r\n                                                <div class=\"landu-wave\"><\/div>\r\n                                                <div class=\"landu-wave\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Panduan Ahli<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Tim teknis kami yang berpengetahuan luas menawarkan dukungan langsung, membantu Anda memilih bahan tambahan yang tepat dan mengoptimalkan proses produksi untuk hasil yang unggul.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/id\/layanan\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Pelajari Lebih Lanjut<\/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=\"Inovasi R&amp;D LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-innovation-icon\">\r\n                                    <div class=\"landu-research-symbol\">\r\n                                        <div class=\"landu-molecule-structure\">\r\n                                            <div class=\"landu-central-atom\"><\/div>\r\n                                            <div class=\"landu-electron-orbit\" style=\"--orbit-delay: 0s;\"><\/div>\r\n                                            <div class=\"landu-electron-orbit\" style=\"--orbit-delay: 1s;\"><\/div>\r\n                                            <div class=\"landu-electron-orbit\" style=\"--orbit-delay: 2s;\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Inovasi Didorong oleh R&amp;D<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Program penelitian dan pengembangan yang didedikasikan secara terus-menerus menghadirkan formulasi terobosan ke pasar, memastikan Anda tetap unggul dalam kinerja dan efisiensi.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/id\/perusahaan\/pusat-inovasi\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Pelajari Lebih Lanjut<\/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=\"Komitmen Keberlanjutan LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-sustainability-icon\">\r\n                                    <div class=\"landu-earth-symbol\">\r\n                                        <div class=\"landu-earth-core\"><\/div>\r\n                                        <div class=\"landu-earth-rings\">\r\n                                            <div class=\"landu-ring\"><\/div>\r\n                                            <div class=\"landu-ring\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"landu-leaves\">\r\n                                            <div class=\"landu-leaf\"><\/div>\r\n                                            <div class=\"landu-leaf\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Komitmen terhadap Keberlanjutan<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Dari sumber yang bertanggung jawab hingga praktik manufaktur yang ramah lingkungan, strategi keberlanjutan kami dirancang untuk mengurangi dampak lingkungan sambil mempertahankan kualitas produk yang tinggi.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/id\/keberlanjutan\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Pelajari Lebih Lanjut<\/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=\"Pertemuan Staf Penjualan 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\">Nilai Tambah untuk Dealer<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Kami bekerja sama secara erat dengan jaringan dealer kami untuk memberikan keunggulan kompetitif \u2014 margin yang lebih baik, dukungan pemasaran, dan kinerja produk yang terpercaya.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/id\/layanan-manufaktur-kontrak\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Pelajari Lebih Lanjut<\/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=\"Pengiriman dan Muatan Cepat LANDU\" \r\n                             class=\"landu-card-image\">\r\n                        <div class=\"landu-image-overlay\">\r\n                            <div class=\"landu-overlay-icon\">\r\n                                <div class=\"landu-delivery-icon\">\r\n                                    <div class=\"landu-logistics-symbol\">\r\n                                        <div class=\"landu-truck-icon\">\r\n                                            <div class=\"landu-truck-body\"><\/div>\r\n                                            <div class=\"landu-truck-wheels\">\r\n                                                <div class=\"landu-wheel\"><\/div>\r\n                                                <div class=\"landu-wheel\"><\/div>\r\n                                            <\/div>\r\n                                            <div class=\"landu-speed-lines\">\r\n                                                <div class=\"landu-speed-line\"><\/div>\r\n                                                <div class=\"landu-speed-line\"><\/div>\r\n                                                <div class=\"landu-speed-line\"><\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"landu-card-content\">\r\n                        <h3 class=\"landu-card-title\">Pembayaran &amp; Pengiriman yang Mudah<\/h3>\r\n                        <p class=\"landu-card-description\">\r\n                            Dengan syarat pembayaran yang fleksibel dan sistem logistik yang efisien, kami memastikan transaksi yang lancar dan pengiriman tepat waktu di mana pun Anda beroperasi.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/landu-china.com\/id\/layanan-selulosa-eter\/\" target=\"_blank\" class=\"landu-card-button\">\r\n                            <span class=\"landu-button-text\">Pelajari Lebih Lanjut<\/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\">Tawaran Sampel Gratis<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"landu-sample-title\">\r\n                        Klaim Sampel Gratis Anda Sekarang!\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"landu-sample-description\">\r\n                        Temukan kinerja luar biasa dari ether selulosa LANDERCOLL\u2122 dengan sampel percobaan gratis. Rasakan langsung bagaimana produk kami dapat meningkatkan aplikasi Anda. Tim spesialis kami siap mengembangkan formulasi khusus, dirancang secara tepat untuk memenuhi kebutuhan unik proyek Anda \u2014 memastikan hasil optimal setiap saat.\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\">Sampel Gratis 100%<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Tanpa biaya, tanpa komitmen<\/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\">Formulasi Kustom<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Disesuaikan dengan kebutuhan Anda<\/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\">Dukungan Pakar<\/h4>\r\n                                <p class=\"landu-benefit-desc\">Panduan tim spesialis<\/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\/id\/hubungi-kami\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                            <div class=\"landu-button-content\">\r\n                                <span class=\"landu-button-text\">Minta Sampel Gratis<\/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\">Proses cepat \u2022 Konsultasi ahli termasuk<\/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=\"Sampel Gratis HPMC LANDU\" \r\n                             class=\"landu-sample-image\">\r\n                        \r\n                        <!-- Image Overlays -->\r\n                        <div class=\"landu-image-badge\">\r\n                            <div class=\"landu-badge-content\">\r\n                                <span class=\"landu-badge-label\">GRATIS<\/span>\r\n                                <span class=\"landu-badge-sublabel\">Contoh<\/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\">Kualitas Premium<\/span>\r\n                            <\/div>\r\n                            <div class=\"landu-info-item\">\r\n                                <div class=\"landu-info-icon\">\r\n                                    <div class=\"landu-fast-delivery\">\r\n                                        <div class=\"landu-delivery-truck\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <span class=\"landu-info-text\">Pengiriman Cepat<\/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\">Diuji Laboratorium<\/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\">PETUNJUK PENGGUNAAN<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-usage-title\">\r\n                    Cara Menggunakan LANDERCOLL Cellulose 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=\"Cara Menggunakan Produk 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\">Poin Utama Aplikasi<\/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\">Pengendalian Suhu<\/h4>\r\n                                    <p class=\"landu-point-desc\">Panaskan air di atas 85\u00b0C untuk dispersi optimal dan distribusi merata di seluruh campuran<\/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\">Pencampuran Menyeluruh<\/h4>\r\n                                    <p class=\"landu-point-desc\">Pastikan dispersi merata melalui teknik pengadukan yang tepat dan waktu pencampuran yang cukup<\/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\">Proses Pendinginan<\/h4>\r\n                                    <p class=\"landu-point-desc\">Tambahkan air dingin sambil diaduk untuk mencapai pelarutan lengkap dan kekentalan yang tepat<\/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\">Hasil Berkualitas<\/h4>\r\n                                    <p class=\"landu-point-desc\">Capai glasir keramik atau slurry filtrasi yang seragam dengan karakteristik kinerja yang sangat baik<\/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\">Dispersi Air Panas<\/h3>\r\n                                <div class=\"landu-method-number\">Metode 1<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Tambahkan sepertiga atau dua pertiga dari jumlah air yang dibutuhkan ke dalam wadah dan panaskan di atas 85\u00b0C. Karena eter selulosa tidak larut dalam air panas, akan tersebar secara merata selama tahap awal. Kemudian, tambahkan sisa air dingin atau es ke dalam slurry panas sambil diaduk dan biarkan campuran mendingin.\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\">Pencampuran Bubuk Padat<\/h3>\r\n                                <div class=\"landu-method-number\">Metode 2<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Campurkan bubuk eter selulosa dengan bubuk bahan baku mineral keramik untuk mencapai dispersi kering yang merata. Kemudian, semprotkan air secara merata dan uleni campuran tersebut hingga benar-benar membentuk badan keramik yang tersebar merata dan sangat plastis.\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\">Pelembapan dengan Pelarut Organik<\/h3>\r\n                                <div class=\"landu-method-number\">Metode 3<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"landu-method-content\">\r\n                            <p class=\"landu-method-description\">\r\n                                Pra-disperse atau lembabkan eter selulosa dengan pelarut organik seperti etanol, etilen glikol, atau minyak mineral ringan sebelum menambahkan air untuk melarutkannya.\r\n                            <\/p>\r\n                            <div class=\"landu-solvent-types\">\r\n                                <div class=\"landu-solvent-tag\">Etil Alkohol<\/div>\r\n                                <div class=\"landu-solvent-tag\">Etilena Glikol<\/div>\r\n                                <div class=\"landu-solvent-tag\">Minyak Mineral Ringan<\/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\">ANALISIS RETENSI AIR<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-water-retention-title\">\r\n                    Faktor yang Mempengaruhi Kinerja Retensi Air Eter Selulosa\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                                    Eter selulosa memiliki sifat adhesi dan retensi air yang sangat baik untuk bahan baku mineral keramik. Menjaga tingkat kelembapan tertentu memungkinkan badan keramik mempertahankan plastisitas yang stabil dan baik selama proses pengolahan dan pembentukan. Tingkat kapasitas retensi air mempengaruhi daya tahan plastisitas badan keramik, tetapi retensi air yang terlalu tinggi juga dapat menyebabkan penyusutan berlebihan selama proses pengeringan.\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\">Faktor Kinerja Utama<\/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\">Daya Rekat yang Sangat Baik<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Sifat ikatan yang kuat dengan bahan baku mineral keramik memastikan integritas struktural<\/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\">Plastisitas Stabil<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Mempertahankan kekonsistenan kemampuan kerja selama proses pengolahan dan pembentukan<\/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\">Kontrol Kelembapan<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Retensi air yang optimal mencegah penyusutan berlebihan selama proses pengeringan<\/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\">Daya Tahan yang Ditingkatkan<\/h4>\r\n                                    <p class=\"landu-water-factor-desc\">Karakteristik kinerja tahan lama sepanjang siklus produksi keramik<\/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\">Grafik pengaruh Penambahan Ether Selulosa dan Viskositas Produk terhadap Tingkat Retensi Air<\/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=\"Grafik pengaruh Penambahan Ether Selulosa dan Viskositas Produk terhadap Tingkat Retensi Air\" \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\">Tingkat Penambahan<\/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\">Viskositas<\/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\">Tingkat Retensi Air<\/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\">Wawasan Utama<\/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\">Tingkat Penambahan<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Penambahan ether selulosa yang lebih tinggi meningkatkan kapasitas retensi air<\/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\">Dampak Viskositas<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Viskositas produk secara langsung berkorelasi dengan kinerja retensi<\/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\">Keseimbangan Optimal<\/span>\r\n                                    <\/div>\r\n                                    <p class=\"landu-water-insight-text\">Menemukan keseimbangan yang tepat mencegah penyusutan berlebihan<\/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\">PELUANG KEMITRAAN<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"landu-partner-title\">\r\n                    Bermitra dengan LANDU \u2014 Mulai Hari Ini!\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\">Gabung dengan Jaringan Keberhasilan Kami<\/h3>\r\n                            <p class=\"landu-partner-description-text\">\r\n                                Masuki dunia peluang dengan rangkaian ether selulosa premium kami. Sebagai dealer LANDERCOLL, Anda akan mendapatkan akses ke harga eksklusif, promosi yang disesuaikan, dan insentif khusus yang dirancang untuk meningkatkan margin Anda.\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\">Manfaat Kemitraan<\/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>Harga Eksklusif<\/strong> - Akses tarif grosir kompetitif dan diskon volume\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"landu-benefit-item\">\r\n                                <div class=\"landu-benefit-icon\">\r\n                                    <div class=\"landu-promotion-icon\">\ud83c\udfaf<\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-benefit-text\">\r\n                                    <strong>Promosi yang Disesuaikan<\/strong> - Kampanye pemasaran yang disesuaikan untuk pasar Anda\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>Insentif Khusus<\/strong> - Hadiah berbasis kinerja untuk memaksimalkan keuntungan\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>Jaringan yang Berkembang<\/strong> - Bergabung dengan dealer sukses dengan dukungan bersama\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=\"Personel Pemasaran Profesional LANDU\" \r\n                                 class=\"landu-partner-image\">\r\n                            \r\n                            <!-- Success Indicators Overlay -->\r\n                            <div class=\"landu-partner-overlay\">\r\n                                <div class=\"landu-success-indicator\" style=\"--x: 25%; --y: 30%;\">\r\n                                    <div class=\"landu-success-icon\">\r\n                                        <div class=\"landu-success-checkmark\">\u2713<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-success-pulse\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"landu-success-indicator\" style=\"--x: 70%; --y: 40%;\">\r\n                                    <div class=\"landu-success-icon\">\r\n                                        <div class=\"landu-success-trophy\">\ud83c\udfc6<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"landu-success-pulse\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Call to Action Section -->\r\n                        <div class=\"landu-partner-cta-section\">\r\n                            <div class=\"landu-cta-content\">\r\n                                <h4 class=\"landu-cta-title\">Siap Mengubah Bisnis Anda?<\/h4>\r\n                                <p class=\"landu-cta-subtitle\">Bergabunglah dengan keluarga LANDU dan buka potensi Anda hari ini<\/p>\r\n                                \r\n                                <div class=\"landu-cta-button-container\">\r\n                                    <a href=\"https:\/\/landu-china.com\/id\/hubungi-kami\/\" target=\"_blank\" class=\"landu-cta-button\">\r\n                                        <span class=\"landu-button-text\">Daftar Sekarang<\/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\">Tanpa Biaya Pendaftaran<\/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\">Mulai Cepat<\/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\">Dukungan Premium<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u4e25\u683c\u9650\u5236\u4f5c\u7528\u57df - \u53ea\u5f71\u54cd .landu-partner-wrapper \u5185\u7684\u5143\u7d20 *\/\r\n    .landu-partner-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\n        isolation: isolate;\r\n        contain: layout style;\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u786e\u4fdd\u6240\u6709\u5b50\u5143\u7d20\u90fd\u4f7f\u7528border-box\uff0c\u4f46\u53ea\u9650\u4e8e\u8fd9\u4e2a\u7ec4\u4ef6\u5185 *\/\r\n    .landu-partner-wrapper *,\r\n    .landu-partner-wrapper *::before,\r\n    .landu-partner-wrapper *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u4e3b\u8981\u5bb9\u5668\u6837\u5f0f *\/\r\n    .landu-partner-wrapper .landu-partner-section {\r\n        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 25%, #f8fafc 50%, #ffffff 100%);\r\n        padding: 4rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Background partnership effects *\/\r\n    .landu-partner-wrapper .landu-partner-molecules {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.08;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-molecular-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-grid-dot {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: #0077c8;\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: landu-partner-appear-dot 0.8s ease-out var(--delay) forwards,\r\n                   landu-partner-pulse-dot 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-grid-dot::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-partner-expand-ring 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes landu-partner-appear-dot {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-partner-pulse-dot {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.5); }\r\n    }\r\n\r\n    @keyframes landu-partner-expand-ring {\r\n        0%, 100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }\r\n        50% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Success elements *\/\r\n    .landu-partner-wrapper .landu-partner-success-elements {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-element {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        opacity: 0;\r\n        animation: landu-partner-appear-element 1s ease-out var(--delay) forwards,\r\n                   landu-partner-rotate-element 8s linear var(--delay) infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-core {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(45deg, #0077c8, #00a8ff);\r\n        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\r\n        box-shadow: 0 0 12px rgba(0, 119, 200, 0.6);\r\n    }\r\n\r\n    @keyframes landu-partner-appear-element {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes landu-partner-rotate-element {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .landu-partner-wrapper .landu-partner-header {\r\n        text-align: center;\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-badge {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: linear-gradient(90deg, rgba(0, 119, 200, 0.1), rgba(0, 119, 200, 0.05));\r\n        border: 1px solid rgba(0, 119, 200, 0.4);\r\n        border-radius: 25px;\r\n        margin-bottom: 1.5rem;\r\n        animation: landu-partner-glow-badge 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0077c8;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    @keyframes landu-partner-glow-badge {\r\n        0%, 100% { box-shadow: 0 0 5px rgba(0, 119, 200, 0.2); }\r\n        50% { box-shadow: 0 0 20px rgba(0, 119, 200, 0.4); }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-title {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: landu-partner-slide-in-title 0.8s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes landu-partner-slide-in-title {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Main Content *\/\r\n    .landu-partner-wrapper .landu-partner-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* Left Section *\/\r\n    .landu-partner-wrapper .landu-partner-left-section {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n        animation: landu-partner-slide-in-left 0.8s ease-out 0.4s forwards;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    @keyframes landu-partner-slide-in-left {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* Description Card *\/\r\n    .landu-partner-wrapper .landu-partner-description-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 1.25rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 15px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partnership-icon {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partnership-handshake {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-hand {\r\n        position: absolute;\r\n        width: 10px;\r\n        height: 14px;\r\n        background: #0077c8;\r\n        border-radius: 5px;\r\n        animation: landu-partner-handshake 3s ease-in-out infinite;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-hand-left {\r\n        left: 8px;\r\n        transform-origin: right center;\r\n        animation-delay: 0s;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-hand-right {\r\n        right: 8px;\r\n        transform-origin: left center;\r\n        animation-delay: 0.1s;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partnership-glow {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 8px;\r\n        height: 8px;\r\n        background: radial-gradient(circle, #00a8ff, transparent);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: landu-partner-glow-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-partner-handshake {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(2px); }\r\n    }\r\n\r\n    @keyframes landu-partner-glow-pulse {\r\n        0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }\r\n        50% { opacity: 1; transform: translate(-50%, -50%) scale(1.5); }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin: 0 0 0.75rem 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-description-text {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Section *\/\r\n    .landu-partner-wrapper .landu-partner-benefits-section {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.75rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-benefits-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0077c8;\r\n        margin: 0 0 1.25rem 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-benefits-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.75rem;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-partner-appear-benefit 0.8s ease-out forwards;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(1) { animation-delay: 1s; }\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(2) { animation-delay: 1.2s; }\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(3) { animation-delay: 1.4s; }\r\n    .landu-partner-wrapper .landu-benefit-item:nth-child(4) { animation-delay: 1.6s; }\r\n\r\n    @keyframes landu-partner-appear-benefit {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-icon {\r\n        width: 35px;\r\n        height: 35px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border-radius: 10px;\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        flex-shrink: 0;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-text {\r\n        flex: 1;\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-text strong {\r\n        color: #1e293b;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Right Section *\/\r\n    .landu-partner-wrapper .landu-partner-right-section {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        animation: landu-partner-slide-in-right 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes landu-partner-slide-in-right {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image-card {\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(0, 119, 200, 0.1);\r\n        transition: all 0.3s ease;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image-card:hover {\r\n        transform: translateY(-3px);\r\n        border-color: rgba(0, 119, 200, 0.4);\r\n        box-shadow: 0 12px 40px rgba(0, 119, 200, 0.2);\r\n    }\r\n\r\n    \/* Image Section *\/\r\n    .landu-partner-wrapper .landu-partner-image-container {\r\n        position: relative;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        margin-bottom: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(0, 119, 200, 0.2);\r\n        flex: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 280px;\r\n        object-fit: cover;\r\n        object-position: center center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-partner-image-container:hover .landu-partner-image {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Success Overlay *\/\r\n    .landu-partner-wrapper .landu-partner-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-indicator {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 30px;\r\n        height: 30px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        animation: landu-partner-success-appear 1s ease-out 1.5s forwards;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-icon {\r\n        width: 22px;\r\n        height: 22px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 11px;\r\n        border: 2px solid #0077c8;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-shadow: 0 3px 10px rgba(0, 119, 200, 0.4);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-success-pulse {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border: 2px solid rgba(0, 119, 200, 0.6);\r\n        border-radius: 50%;\r\n        animation: landu-partner-success-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes landu-partner-success-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes landu-partner-success-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 0.6; }\r\n        50% { transform: scale(1.2); opacity: 1; }\r\n    }\r\n\r\n    \/* CTA Section *\/\r\n    .landu-partner-wrapper .landu-partner-cta-section {\r\n        text-align: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-content {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: landu-partner-cta-appear 0.8s ease-out 1.2s forwards;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #1e293b;\r\n        margin: 0 0 0.5rem 0;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0 0 1.5rem 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    @keyframes landu-partner-cta-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* CTA Button *\/\r\n    .landu-partner-wrapper .landu-cta-button-container {\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button {\r\n        position: relative;\r\n        background: linear-gradient(135deg, #0077c8, #005a9f);\r\n        border: none;\r\n        border-radius: 50px;\r\n        padding: 12px 32px;\r\n        color: #ffffff;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n        min-width: 150px;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 15px rgba(0, 119, 200, 0.3);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(0, 119, 200, 0.4);\r\n        text-decoration: none;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:visited {\r\n        color: #ffffff;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-text {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-icon {\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 16px;\r\n        height: 16px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:hover .landu-button-icon {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-arrow-right {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-arrow-line {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 10px;\r\n        height: 2px;\r\n        background: #ffffff;\r\n        border-radius: 1px;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-arrow-point {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 0;\r\n        width: 4px;\r\n        height: 4px;\r\n        border: solid #ffffff;\r\n        border-width: 0 2px 2px 0;\r\n        transform: translateY(-50%) rotate(-45deg);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);\r\n        border-radius: 50px;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:hover .landu-button-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-button-ripple {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 0;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        transform: translate(-50%, -50%);\r\n        transition: all 0.6s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-cta-button:active .landu-button-ripple {\r\n        width: 200px;\r\n        height: 200px;\r\n    }\r\n\r\n    \/* Additional Benefits *\/\r\n    .landu-partner-wrapper .landu-additional-benefits {\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-tag {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.3rem;\r\n        background: rgba(0, 119, 200, 0.1);\r\n        border: 1px solid rgba(0, 119, 200, 0.3);\r\n        border-radius: 20px;\r\n        padding: 0.4rem 0.8rem;\r\n        font-size: 12px;\r\n        color: #0077c8;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-benefit-tag:hover {\r\n        background: rgba(0, 119, 200, 0.2);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .landu-partner-wrapper .landu-tag-icon {\r\n        font-size: 10px;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .landu-partner-wrapper .landu-partner-section {\r\n            padding: 3rem 1.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-content {\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-cta-title {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .landu-partner-wrapper .landu-partner-section {\r\n            padding: 3rem 1rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-image {\r\n            min-height: 200px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-description-card {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-left-section {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-additional-benefits {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .landu-partner-wrapper .landu-partner-section {\r\n            padding: 2rem 0.75rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-image {\r\n            min-height: 180px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-partner-description-card,\r\n        .landu-partner-wrapper .landu-partner-benefits-section,\r\n        .landu-partner-wrapper .landu-partner-image-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-cta-button {\r\n            padding: 10px 24px;\r\n            font-size: 14px;\r\n            min-width: 130px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-additional-benefits {\r\n            gap: 0.4rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-tag {\r\n            padding: 0.3rem 0.6rem;\r\n            font-size: 11px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-item {\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-icon {\r\n            width: 30px;\r\n            height: 30px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .landu-partner-wrapper .landu-benefit-text {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TEKNOLOGI ETER SELULOSA LANDERCOLL Eter Selulosa untuk Aplikasi Keramik Presisi dalam Setiap Bentuk \u2014 Kekuatan, Stabilitas, dan Kelancaran dalam Setiap Keramik. Tingkatkan produksi keramik Anda dengan kestabilan pembentukan dan kekuatan ikatan yang luar biasa. LANDERCOLL memastikan pembentukan yang seragam, sintering padat, dan kualitas permukaan yang unggul di semua sistem keramik. Kekuatan Ditingkatkan kekuatan ikatan Kualitas Permukaan yang unggul Finishing permukaan Stabilitas [\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\/id\/wp-json\/wp\/v2\/pages\/18883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/comments?post=18883"}],"version-history":[{"count":77,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/18883\/revisions"}],"predecessor-version":[{"id":23585,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/18883\/revisions\/23585"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/13080"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/media?parent=18883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}