{"id":5785,"date":"2025-02-17T03:54:47","date_gmt":"2025-02-17T03:54:47","guid":{"rendered":"https:\/\/landercoll.com\/?page_id=5785"},"modified":"2026-01-12T03:10:10","modified_gmt":"2026-01-12T03:10:10","slug":"home-2","status":"publish","type":"page","link":"https:\/\/landercoll.com\/nl","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5785\" class=\"elementor elementor-5785\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da55ad1 e-con-full e-flex e-con e-parent\" data-id=\"da55ad1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2efa7f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f2efa7f\" data-element_type=\"widget\" data-e-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<!-- LANDU Banner \u8f6e\u64ad\u6a21\u5757 - \u5b8c\u5168\u72ec\u7acb\u5c01\u88c5\u7248 -->\n<style>\n    \/* ========================================\n       CSS \u4f5c\u7528\u57df\u9694\u79bb - \u6240\u6709\u6837\u5f0f\u6dfb\u52a0\u7279\u5b9a\u524d\u7f00\n       ======================================== *\/\n    \n    \/* \u91cd\u7f6e\u6a21\u5757\u5185\u6240\u6709\u5143\u7d20\u7684\u6837\u5f0f *\/\n    .landu-banner-module,\n    .landu-banner-module *,\n    .landu-banner-module *::before,\n    .landu-banner-module *::after {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        border: none;\n        outline: none;\n        background: none;\n        font-family: inherit;\n        font-size: 100%;\n        font-weight: normal;\n        line-height: 1;\n        text-decoration: none;\n        list-style: none;\n        vertical-align: baseline;\n    }\n\n    \/* \u72ec\u7acb\u6307\u793a\u5668\u5bb9\u5668\u7684\u6837\u5f0f\u91cd\u7f6e *\/\n    .landu-banner-indicators-wrapper,\n    .landu-banner-indicators-wrapper *,\n    .landu-banner-indicators-wrapper *::before,\n    .landu-banner-indicators-wrapper *::after {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        border: none;\n        outline: none;\n        background: none;\n        font-family: inherit;\n        font-size: 100%;\n        font-weight: normal;\n        line-height: 1;\n        text-decoration: none;\n        list-style: none;\n        vertical-align: baseline;\n    }\n\n    \/* ========================================\n       LANDU Banner \u57fa\u7840\u6837\u5f0f\n       ======================================== *\/\n    .landu-banner-module {\n        position: relative;\n        width: 100%;\n        background: #1a2332;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        overflow: hidden;\n        isolation: isolate;\n    }\n\n    .landu-banner-module .landu-banner-carousel {\n        position: relative;\n        width: 100%;\n    }\n\n    .landu-banner-module .landu-banner-slide {\n        position: relative;\n        width: 100%;\n        height: 700px;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n        display: none;\n        overflow: hidden;\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active {\n        opacity: 1;\n        visibility: visible;\n        display: block;\n    }\n\n    \/* Banner 1: \u54c1\u724c\u4ecb\u7ecd *\/\n    .landu-banner-module .landu-banner-brand-hero {\n        position: relative;\n        height: 700px;\n        background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 30%, #1e40af 60%, #3b82f6 90%, #1e293b 100%);\n        background-size: 200% 200%;\n        animation: landu-professional-gradient 18s ease infinite;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    @keyframes landu-professional-gradient {\n        0%, 100% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n    }\n\n    .landu-banner-module .landu-banner-brand-hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 70%, rgba(37, 99, 235, 0.2) 0%, transparent 50%);\n        pointer-events: none;\n        animation: landu-professional-glow 12s ease-in-out infinite;\n        z-index: 1;\n    }\n\n    @keyframes landu-professional-glow {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.85; transform: scale(1.05); }\n    }\n\n    .landu-banner-module .landu-geometric-decoration {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.08;\n        z-index: 1;\n        animation: landu-float-geometric 20s ease-in-out infinite;\n    }\n\n    .landu-banner-module .landu-geo-circle-1 {\n        width: 400px;\n        height: 400px;\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\n        top: -100px;\n        right: -100px;\n    }\n\n    .landu-banner-module .landu-geo-circle-2 {\n        width: 300px;\n        height: 300px;\n        background: linear-gradient(135deg, #2563eb, #1e40af);\n        bottom: -80px;\n        left: -80px;\n        animation-delay: 5s;\n    }\n\n    .landu-banner-module .landu-geo-circle-3 {\n        width: 200px;\n        height: 200px;\n        background: linear-gradient(135deg, #60a5fa, #3b82f6);\n        top: 40%;\n        left: 10%;\n        animation-delay: 10s;\n    }\n\n    @keyframes landu-float-geometric {\n        0%, 100% { transform: translateY(0) rotate(0deg); }\n        25% { transform: translateY(-30px) rotate(90deg); }\n        50% { transform: translateY(0) rotate(180deg); }\n        75% { transform: translateY(-20px) rotate(270deg); }\n    }\n\n    .landu-banner-module .landu-brand-hero-split {\n        position: relative;\n        z-index: 10;\n        max-width: 1400px;\n        width: 100%;\n        padding: 60px 80px;\n        display: grid;\n        grid-template-columns: 1.2fr 0.8fr;\n        gap: 80px;\n        align-items: center;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-brand-hero-split {\n        animation: landu-fadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards;\n    }\n\n    @keyframes landu-fadeInUp {\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .landu-banner-module .landu-brand-left {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .landu-banner-module .landu-brand-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 8px 20px;\n        background: rgba(59, 130, 246, 0.15);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 50px;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        color: #60a5fa;\n        width: fit-content;\n        backdrop-filter: blur(10px);\n    }\n\n    .landu-banner-module .landu-brand-eyebrow svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    .landu-banner-module .landu-brand-hero-title {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .landu-banner-module .landu-brand-name {\n        font-size: 72px;\n        font-weight: 900;\n        line-height: 1;\n        letter-spacing: -2px;\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: landu-gradient-text-flow 8s ease infinite;\n        filter: drop-shadow(0 0 30px rgba(59, 130, 246, 0.5));\n    }\n\n    @keyframes landu-gradient-text-flow {\n        0%, 100% { background-position: 0% center; }\n        50% { background-position: 100% center; }\n    }\n\n    .landu-banner-module .landu-brand-tagline {\n        font-size: 32px;\n        font-weight: 600;\n        line-height: 1.2;\n        color: #f8fafc;\n        letter-spacing: -0.5px;\n    }\n\n    .landu-banner-module .landu-brand-description {\n        font-size: 18px;\n        line-height: 1.6;\n        color: rgba(248, 250, 252, 0.8);\n        font-weight: 400;\n        max-width: 600px;\n    }\n\n    .landu-banner-module .landu-brand-description strong {\n        color: #60a5fa;\n        font-weight: 700;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 40px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: #fff;\n        font-size: 16px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 12px;\n        width: fit-content;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4);\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.6s ease;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover::before {\n        left: 100%;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .landu-banner-module .landu-btn-icon {\n        font-size: 20px;\n        transition: transform 0.3s ease;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover .landu-btn-icon {\n        transform: translateX(4px);\n    }\n\n    .landu-banner-module .landu-brand-right {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .landu-banner-module .landu-stats-card {\n        display: flex;\n        align-items: center;\n        gap: 32px;\n        padding: 32px 40px;\n        background: rgba(30, 58, 138, 0.25);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 20px;\n        backdrop-filter: blur(20px);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-stat-item {\n        flex: 1;\n        text-align: center;\n    }\n\n    .landu-banner-module .landu-stat-value {\n        font-size: 48px;\n        font-weight: 900;\n        line-height: 1;\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 8px;\n    }\n\n    .landu-banner-module .landu-stat-plus {\n        font-size: 32px;\n    }\n\n    .landu-banner-module .landu-stat-label {\n        font-size: 13px;\n        font-weight: 600;\n        color: rgba(248, 250, 252, 0.7);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .landu-banner-module .landu-stat-divider {\n        width: 1px;\n        height: 60px;\n        background: linear-gradient(180deg, transparent 0%, rgba(59, 130, 246, 0.4) 50%, transparent 100%);\n    }\n\n    .landu-banner-module .landu-feature-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }\n\n    .landu-banner-module .landu-feature-box {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        padding: 20px;\n        background: rgba(59, 130, 246, 0.15);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 16px;\n        backdrop-filter: blur(15px);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-module .landu-feature-box:hover {\n        background: rgba(59, 130, 246, 0.25);\n        border-color: rgba(59, 130, 246, 0.5);\n        transform: translateY(-4px);\n        box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n    }\n\n    .landu-banner-module .landu-feature-icon {\n        width: 32px;\n        height: 32px;\n    }\n\n    .landu-banner-module .landu-feature-icon svg {\n        width: 100%;\n        height: 100%;\n    }\n\n    .landu-banner-module .landu-feature-text {\n        font-size: 14px;\n        font-weight: 700;\n        color: #f8fafc;\n        text-align: center;\n    }\n\n    \/* Banner 2: \u4ea7\u54c1\u5c55\u793a *\/\n    .landu-banner-module .landu-banner-product-showcase {\n        position: relative;\n        height: 700px;\n        background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 25%, #2563eb 50%, #3b82f6 75%, #1e3a8a 100%);\n        background-size: 200% 200%;\n        animation: landu-professional-gradient 12s ease infinite;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n    }\n\n    .landu-banner-module .landu-banner-product-showcase::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 70%, rgba(37, 99, 235, 0.25) 0%, transparent 50%),\n                    radial-gradient(ellipse at 50% 90%, rgba(96, 165, 250, 0.2) 0%, transparent 60%);\n        pointer-events: none;\n        animation: landu-professional-glow 8s ease-in-out infinite;\n        z-index: 1;\n    }\n\n    .landu-banner-module .landu-product-showcase-container {\n        position: relative;\n        z-index: 10;\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 60px 80px;\n        display: grid;\n        grid-template-columns: 48fr 52fr;\n        gap: 60px;\n        align-items: center;\n        height: 100%;\n    }\n\n    .landu-banner-module .landu-product-showcase-left {\n        opacity: 0;\n        transform: translateX(-30px);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-product-showcase-left {\n        animation: landu-fadeInLeft 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;\n    }\n\n    @keyframes landu-fadeInLeft {\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .landu-banner-module .landu-product-showcase-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 7px 18px;\n        background: rgba(59, 130, 246, 0.25);\n        border: 1.5px solid rgba(96, 165, 250, 0.6);\n        border-radius: 100px;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        color: #60a5fa;\n        margin-bottom: 18px;\n        backdrop-filter: blur(15px);\n        width: fit-content;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-showcase-tag svg {\n        width: 14px;\n        height: 14px;\n    }\n\n    .landu-banner-module .landu-product-showcase-title {\n        font-size: 30px;\n        font-weight: 800;\n        line-height: 1.25;\n        margin-bottom: 14px;\n        letter-spacing: -0.8px;\n        color: #f8fafc;\n        text-shadow: 0 2px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-showcase-gradient {\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 30%, #2563eb 70%, #1e40af 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        font-weight: 900;\n        display: block;\n        font-size: 34px;\n        margin-top: 6px;\n        letter-spacing: -1px;\n        filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.5));\n        animation: landu-gradient-text-flow 6s ease infinite;\n        background-size: 200% auto;\n    }\n\n    .landu-banner-module .landu-product-showcase-subtitle {\n        font-size: 14px;\n        line-height: 1.6;\n        color: rgba(248, 250, 252, 0.85);\n        margin-bottom: 20px;\n        font-weight: 500;\n        max-width: 480px;\n    }\n\n    .landu-banner-module .landu-product-features-list {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        margin-bottom: 20px;\n    }\n\n    .landu-banner-module .landu-product-feature-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 11px 16px;\n        background: rgba(59, 130, 246, 0.2);\n        backdrop-filter: blur(25px);\n        border-radius: 10px;\n        border: 1px solid rgba(96, 165, 250, 0.4);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n    }\n\n    .landu-banner-module .landu-product-feature-item::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 3px;\n        height: 100%;\n        background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-feature-item:hover {\n        background: rgba(59, 130, 246, 0.3);\n        border-color: rgba(96, 165, 250, 0.6);\n        transform: translateX(4px);\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-feature-item:hover::before {\n        opacity: 1;\n    }\n\n    .landu-banner-module .landu-product-feature-icon {\n        min-width: 20px;\n        height: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-product-feature-icon svg {\n        width: 20px;\n        height: 20px;\n        fill: #60a5fa;\n        filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));\n    }\n\n    .landu-banner-module .landu-product-feature-content {\n        flex: 1;\n    }\n\n    .landu-banner-module .landu-product-feature-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: #f8fafc;\n        margin-bottom: 2px;\n        letter-spacing: -0.2px;\n    }\n\n    .landu-banner-module .landu-product-feature-desc {\n        font-size: 12px;\n        color: rgba(248, 250, 252, 0.7);\n        line-height: 1.4;\n    }\n\n    .landu-banner-module .landu-product-showcase-cta {\n        display: flex;\n        gap: 12px;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 26px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        background-size: 200% auto;\n        color: #fff;\n        font-size: 13px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 10px;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 6px 25px rgba(59, 130, 246, 0.5);\n        letter-spacing: 0.3px;\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn:hover::before {\n        left: 100%;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .landu-banner-module .landu-product-showcase-btn-secondary {\n        background: rgba(59, 130, 246, 0.25);\n        border: 1.5px solid rgba(96, 165, 250, 0.6);\n        color: #60a5fa;\n        box-shadow: none;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn-secondary:hover {\n        background: rgba(59, 130, 246, 0.35);\n        border-color: rgba(96, 165, 250, 0.8);\n    }\n\n    .landu-banner-module .landu-product-showcase-right {\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n        opacity: 0;\n        transform: translateX(30px);\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-product-showcase-right {\n        animation: landu-fadeInRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\n    }\n\n    @keyframes landu-fadeInRight {\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .landu-banner-module .landu-product-card-compact {\n        display: grid;\n        grid-template-columns: 150px 1fr;\n        gap: 18px;\n        background: rgba(59, 130, 246, 0.15);\n        backdrop-filter: blur(25px);\n        border-radius: 14px;\n        border: 1px solid rgba(96, 165, 250, 0.4);\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-product-card-compact::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover {\n        transform: translateY(-6px);\n        border-color: rgba(96, 165, 250, 0.6);\n        box-shadow: 0 20px 50px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover::before {\n        opacity: 1;\n    }\n\n    .landu-banner-module .landu-product-card-image {\n        position: relative;\n        width: 150px;\n        height: 100%;\n        min-height: 160px;\n        overflow: hidden;\n        background: linear-gradient(135deg, rgba(30, 58, 138, 0.7) 0%, rgba(30, 64, 175, 0.9) 100%);\n    }\n\n    .landu-banner-module .landu-product-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover .landu-product-card-image img {\n        transform: scale(1.1);\n    }\n\n    .landu-banner-module .landu-product-card-badge {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        padding: 4px 12px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: #fff;\n        font-size: 9px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        border-radius: 20px;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.6);\n        z-index: 2;\n    }\n\n    .landu-banner-module .landu-product-card-badge.landu-versatile {\n        background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);\n    }\n\n    .landu-banner-module .landu-product-card-content {\n        padding: 18px 18px 18px 0;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-product-card-name {\n        font-size: 18px;\n        font-weight: 800;\n        color: #f8fafc;\n        margin-bottom: 4px;\n        letter-spacing: -0.4px;\n        line-height: 1.2;\n    }\n\n    .landu-banner-module .landu-product-card-tag {\n        font-size: 11px;\n        font-weight: 600;\n        color: #60a5fa;\n        margin-bottom: 3px;\n    }\n\n    .landu-banner-module .landu-product-card-chemical {\n        font-size: 10px;\n        color: rgba(248, 250, 252, 0.5);\n        font-style: italic;\n        margin-bottom: 10px;\n    }\n\n    .landu-banner-module .landu-product-card-description {\n        font-size: 12px;\n        line-height: 1.5;\n        color: rgba(248, 250, 252, 0.8);\n        margin-bottom: 12px;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .landu-banner-module .landu-product-card-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        color: #60a5fa;\n        font-size: 12px;\n        font-weight: 700;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        letter-spacing: 0.3px;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-product-card-link:hover {\n        gap: 10px;\n        color: #93c5fd;\n    }\n\n    .landu-banner-module .landu-product-card-link svg {\n        width: 14px;\n        height: 14px;\n        fill: currentColor;\n        transition: transform 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-card-link:hover svg {\n        transform: translateX(3px);\n    }\n\n    \/* \u8f6e\u64ad\u63a7\u5236 *\/\n    .landu-banner-indicators-wrapper {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        padding: 24px 0;\n        background: #f8fafc;\n        z-index: 20;\n        isolation: isolate;\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator {\n        width: 10px !important;\n        height: 10px !important;\n        min-width: 10px !important;\n        min-height: 10px !important;\n        border-radius: 50% !important;\n        background: rgba(59, 130, 246, 0.25) !important;\n        border: none !important;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        padding: 0 !important;\n        margin: 0 !important;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 0;\n        height: 0;\n        background: #fff;\n        border-radius: 50%;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator:hover {\n        background: rgba(59, 130, 246, 0.4) !important;\n        transform: scale(1.2);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator.landu-active {\n        width: 10px !important;\n        height: 10px !important;\n        background: #3b82f6 !important;\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2), 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator.landu-active::after {\n        width: 4px;\n        height: 4px;\n    }\n\n    .landu-banner-module .landu-banner-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 44px;\n        height: 44px;\n        background: rgba(59, 130, 246, 0.3);\n        backdrop-filter: blur(25px);\n        border: 1px solid rgba(96, 165, 250, 0.5);\n        border-radius: 50%;\n        color: #f8fafc;\n        font-size: 20px;\n        cursor: pointer;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        z-index: 20;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-banner-arrow:hover {\n        background: rgba(59, 130, 246, 0.5);\n        border-color: rgba(96, 165, 250, 0.7);\n        transform: translateY(-50%) scale(1.1);\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);\n    }\n\n    .landu-banner-module .landu-arrow-prev { left: 30px; }\n    .landu-banner-module .landu-arrow-next { right: 30px; }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n        .landu-banner-module .landu-banner-slide,\n        .landu-banner-module .landu-banner-brand-hero,\n        .landu-banner-module .landu-banner-product-showcase { height: 650px; }\n        .landu-banner-module .landu-brand-hero-split { gap: 60px; padding: 60px 60px; }\n        .landu-banner-module .landu-brand-name { font-size: 64px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 28px; }\n        .landu-banner-module .landu-stat-value { font-size: 42px; }\n        .landu-banner-module .landu-product-showcase-container { padding: 60px 60px; gap: 50px; grid-template-columns: 1fr 1fr; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 26px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 30px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 140px 1fr; gap: 16px; }\n        .landu-banner-module .landu-product-card-image { width: 140px; min-height: 150px; }\n    }\n\n    @media (max-width: 1024px) {\n        .landu-banner-module .landu-banner-slide,\n        .landu-banner-module .landu-banner-brand-hero,\n        .landu-banner-module .landu-banner-product-showcase { height: auto; min-height: 600px; }\n        .landu-banner-module .landu-brand-hero-split { grid-template-columns: 1fr; gap: 50px; padding: 50px 40px; }\n        .landu-banner-module .landu-brand-name { font-size: 56px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 24px; }\n        .landu-banner-module .landu-brand-description { font-size: 16px; }\n        .landu-banner-module .landu-product-showcase-container { grid-template-columns: 1fr; gap: 40px; padding: 50px 40px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 150px 1fr; gap: 18px; }\n        .landu-banner-module .landu-product-card-image { width: 150px; min-height: 160px; }\n    }\n\n    @media (max-width: 768px) {\n        .landu-banner-module .landu-brand-hero-split { padding: 40px 30px; gap: 40px; }\n        .landu-banner-module .landu-brand-name { font-size: 48px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 20px; }\n        .landu-banner-module .landu-brand-description { font-size: 15px; }\n        .landu-banner-module .landu-brand-cta-btn { width: 100%; justify-content: center; padding: 16px 36px; }\n        .landu-banner-module .landu-stats-card { flex-direction: column; gap: 24px; padding: 28px 32px; }\n        .landu-banner-module .landu-stat-divider { width: 80px; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.4) 50%, transparent 100%); }\n        .landu-banner-module .landu-feature-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n        .landu-banner-module .landu-feature-box { padding: 16px; }\n        .landu-banner-module .landu-feature-icon { width: 28px; height: 28px; }\n        .landu-banner-module .landu-feature-text { font-size: 12px; }\n        .landu-banner-module .landu-product-showcase-container { padding: 40px 30px; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 22px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 26px; }\n        .landu-banner-module .landu-product-showcase-subtitle { font-size: 13px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 1fr; }\n        .landu-banner-module .landu-product-card-image { width: 100%; height: 180px; min-height: 180px; }\n        .landu-banner-module .landu-product-card-content { padding: 18px 20px 20px; }\n        .landu-banner-module .landu-product-showcase-cta { flex-direction: column; align-items: stretch; }\n        .landu-banner-module .landu-product-showcase-btn { justify-content: center; }\n        .landu-banner-module .landu-banner-arrow { width: 40px; height: 40px; font-size: 18px; }\n        .landu-banner-module .landu-arrow-prev { left: 20px; }\n        .landu-banner-module .landu-arrow-next { right: 20px; }\n        .landu-banner-indicators-wrapper { padding: 20px 0; gap: 10px; }\n        .landu-banner-indicators-wrapper .landu-indicator { width: 8px !important; height: 8px !important; min-width: 8px !important; min-height: 8px !important; }\n        .landu-banner-indicators-wrapper .landu-indicator.landu-active { width: 8px !important; height: 8px !important; }\n        .landu-banner-indicators-wrapper .landu-indicator.landu-active::after { width: 3px; height: 3px; }\n    }\n\n    @media (max-width: 480px) {\n        .landu-banner-module .landu-brand-name { font-size: 36px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 18px; }\n        .landu-banner-module .landu-brand-description { font-size: 14px; }\n        .landu-banner-module .landu-brand-eyebrow { font-size: 11px; padding: 6px 16px; }\n        .landu-banner-module .landu-stat-value { font-size: 36px; }\n        .landu-banner-module .landu-stat-label { font-size: 11px; }\n        .landu-banner-module .landu-feature-grid { grid-template-columns: 1fr; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 20px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 24px; }\n        .landu-banner-module .landu-product-card-name { font-size: 16px; }\n        .landu-banner-module .landu-product-card-image { height: 160px; min-height: 160px; }\n        .landu-banner-indicators-wrapper { gap: 8px; padding: 16px 0; }\n    }\n<\/style>\n\n<section class=\"landu-banner-module\">\n    <div class=\"landu-banner-carousel\">\n        <div class=\"landu-banner-slide landu-active\">\n            <div class=\"landu-banner-brand-hero\">\n                <div class=\"landu-geometric-decoration landu-geo-circle-1\"><\/div>\n                <div class=\"landu-geometric-decoration landu-geo-circle-2\"><\/div>\n                <div class=\"landu-geometric-decoration landu-geo-circle-3\"><\/div>\n                <div class=\"landu-brand-hero-split\">\n                    <div class=\"landu-brand-left\">\n                        <div class=\"landu-brand-eyebrow\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n                                <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n                            <\/svg>\n                            <span>LANDU Merk<\/span>\n                        <\/div>\n                        <h1 class=\"landu-brand-hero-title\">\n                            <span class=\"landu-brand-name\">LANDERCOLL<\/span>\n                            <span class=\"landu-brand-tagline\">Precisie Cellulose Ethers<\/span>\n                        <\/h1>\n                        <p class=\"landu-brand-description\">\n                            Wereldwijde fabrikant van <strong>HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC<\/strong><br>voor de Industrie\u00ebn van Morgen\n                        <\/p>\n                        <a href=\"https:\/\/landercoll.com\/nl\/neem-contact-op-met\/\" class=\"landu-brand-cta-btn\">\n                            <span class=\"landu-btn-text\">Neem contact met ons op<\/span>\n                            <span class=\"landu-btn-icon\">\u2192<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"landu-brand-right\">\n                        <div class=\"landu-stats-card\">\n                            <div class=\"landu-stat-item\">\n                                <div class=\"landu-stat-value\">1000<span class=\"landu-stat-plus\">+<\/span><\/div>\n                                <div class=\"landu-stat-label\">Vertrouwde ondernemingen<\/div>\n                            <\/div>\n                            <div class=\"landu-stat-divider\"><\/div>\n                            <div class=\"landu-stat-item\">\n                                <div class=\"landu-stat-value\">60<span class=\"landu-stat-plus\">+<\/span><\/div>\n                                <div class=\"landu-stat-label\">Landen wereldwijd<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-feature-grid\">\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Premium kwaliteit<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                        <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Wereldwijde bereik<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Innovatie<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Duurzaam<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"landu-banner-slide\">\n            <div class=\"landu-banner-product-showcase\">\n                <div class=\"landu-product-showcase-container\">\n                    <div class=\"landu-product-showcase-left\">\n                        <div class=\"landu-product-showcase-tag\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24\"\/>\n                            <\/svg>\n                            <span>Innovation Excellence<\/span>\n                        <\/div>\n                        <h1 class=\"landu-product-showcase-title\">\n                            Transformeer Coatings met\n                            <span class=\"landu-product-showcase-gradient\">Advanced Innovation<\/span>\n                        <\/h1>\n                        <p class=\"landu-product-showcase-subtitle\">\n                            LANDU brings you advanced cellulose ethers that set new standards in coating performance\u2014offering unmatched control, superior quality, and eco-conscious solutions.\n                        <\/p>\n                        <div class=\"landu-product-features-list\">\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">Geavanceerde Rheologie Engineering<\/div>\n                                    <div class=\"landu-product-feature-desc\">Precieze viscositeitsoptimalisatie voor naadloze toepassing<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">Superieure Filmkwaliteit<\/div>\n                                    <div class=\"landu-product-feature-desc\">Ultra-gladde textuur met uitzonderlijke duurzaamheid<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">Leiderschap in Duurzame Chemie<\/div>\n                                    <div class=\"landu-product-feature-desc\">Milieuvriendelijke formuleringen voor verantwoordelijke innovatie<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-product-showcase-cta\">\n                            <a href=\"https:\/\/landu-china.com\/en\/products\/\" class=\"landu-product-showcase-btn\">\n                                <span>Ontdek Producten<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/landu-china.com\/en\/contact-us\/\" class=\"landu-product-showcase-btn landu-product-showcase-btn-secondary\">\n                                <span>Neem contact met ons op<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"landu-product-showcase-right\">\n                        <div class=\"landu-product-card-compact\">\n                            <div class=\"landu-product-card-image\">\n                                <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Methyl-Cellulose-HEMC.jpg\" alt=\"LANDERCOLL HEMC\">\n                                <div class=\"landu-product-card-badge\">Premium<\/div>\n                            <\/div>\n                            <div class=\"landu-product-card-content\">\n                                <h3 class=\"landu-product-card-name\">LANDERCOLL HEMC<\/h3>\n                                <p class=\"landu-product-card-tag\">Professionele Prestatiegraad<\/p>\n                                <p class=\"landu-product-card-chemical\">Hydroxyethylmethylcellulose<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Verbetert stroomeigenschappen, vochtbalans en oppervlaktelijn voor premium architecturale coatings met vlekkeloze resultaten.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-methyl-cellulose-hemc-mhec\/\" class=\"landu-product-card-link\">\n                                    <span>Details Verkennen<\/span>\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-product-card-compact\">\n                            <div class=\"landu-product-card-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/07\/LANDU-HEC-Hydroxyethyl-Cellulose-product.jpg\" alt=\"LANDERCOLL HEC\">\n                                <div class=\"landu-product-card-badge landu-versatile\">Veelzijdig<\/div>\n                            <\/div>\n                            <div class=\"landu-product-card-content\">\n                                <h3 class=\"landu-product-card-name\">LANDERCOLL HEC<\/h3>\n                                <p class=\"landu-product-card-tag\">Multi-inzetbare Rheologische Oplossing<\/p>\n                                <p class=\"landu-product-card-chemical\">Hydroxyethylcellulose<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Biedt betrouwbare verdikking, formulatiestabiliteit en moeiteloze toepassing in watergedragen verven, wat betrouwbare resultaten garandeert.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-cellulose-hec\/\" class=\"landu-product-card-link\">\n                                    <span>Details Verkennen<\/span>\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"landu-banner-arrow landu-arrow-prev\" aria-label=\"Vorige\">\u2039<\/button>\n    <button class=\"landu-banner-arrow landu-arrow-next\" aria-label=\"Volgende\">\u203a<\/button>\n<\/section>\n\n<div class=\"landu-banner-indicators-wrapper\">\n    <button class=\"landu-indicator landu-active\" data-slide=\"0\" aria-label=\"Dia 1\"><\/button>\n    <button class=\"landu-indicator\" data-slide=\"1\" aria-label=\"Dia 2\"><\/button>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    class LanduBannerCarousel {\n        constructor(selector) {\n            this.module = document.querySelector(selector);\n            if (!this.module) return;\n            \n            this.slides = this.module.querySelectorAll('.landu-banner-slide');\n            this.indicators = document.querySelectorAll('.landu-banner-indicators-wrapper .landu-indicator');\n            this.prevBtn = this.module.querySelector('.landu-arrow-prev');\n            this.nextBtn = this.module.querySelector('.landu-arrow-next');\n            \n            this.currentIndex = 0;\n            this.totalSlides = this.slides.length;\n            this.isTransitioning = false;\n            this.autoPlayTimer = null;\n            this.autoPlayDelay = 7000;\n            \n            this.init();\n        }\n        \n        init() {\n            this.prevBtn?.addEventListener('click', () => this.prev());\n            this.nextBtn?.addEventListener('click', () => this.next());\n            \n            this.indicators.forEach((indicator, index) => {\n                indicator.addEventListener('click', () => this.goTo(index));\n            });\n            \n            document.addEventListener('keydown', (e) => {\n                if (e.key === 'ArrowLeft') this.prev();\n                if (e.key === 'ArrowRight') this.next();\n            });\n            \n            this.initTouch();\n            \n            this.module.addEventListener('mouseenter', () => this.stopAutoPlay());\n            this.module.addEventListener('mouseleave', () => this.startAutoPlay());\n            \n            document.addEventListener('visibilitychange', () => {\n                document.hidden ? this.stopAutoPlay() : this.startAutoPlay();\n            });\n            \n            this.startAutoPlay();\n        }\n        \n        goTo(index) {\n            if (this.isTransitioning || index === this.currentIndex) return;\n            \n            this.isTransitioning = true;\n            \n            this.slides[this.currentIndex].classList.remove('landu-active');\n            this.indicators[this.currentIndex].classList.remove\n            this.slides[this.currentIndex].classList.remove('landu-active');\n            this.indicators[this.currentIndex].classList.remove('landu-active');\n            \n            this.currentIndex = index;\n            this.slides[this.currentIndex].classList.add('landu-active');\n            this.indicators[this.currentIndex].classList.add('landu-active');\n            \n            setTimeout(() => {\n                this.isTransitioning = false;\n            }, 1200);\n        }\n        \n        next() {\n            const nextIndex = (this.currentIndex + 1) % this.totalSlides;\n            this.goTo(nextIndex);\n        }\n        \n        prev() {\n            const prevIndex = (this.currentIndex - 1 + this.totalSlides) % this.totalSlides;\n            this.goTo(prevIndex);\n        }\n        \n        startAutoPlay() {\n            this.stopAutoPlay();\n            this.autoPlayTimer = setInterval(() => this.next(), this.autoPlayDelay);\n        }\n        \n        stopAutoPlay() {\n            if (this.autoPlayTimer) {\n                clearInterval(this.autoPlayTimer);\n                this.autoPlayTimer = null;\n            }\n        }\n        \n        initTouch() {\n            let touchStartX = 0;\n            let touchEndX = 0;\n            \n            this.module.addEventListener('touchstart', (e) => {\n                touchStartX = e.changedTouches[0].screenX;\n            }, { passive: true });\n            \n            this.module.addEventListener('touchend', (e) => {\n                touchEndX = e.changedTouches[0].screenX;\n                const diff = touchStartX - touchEndX;\n                \n                if (Math.abs(diff) > 50) {\n                    diff > 0 ? this.next() : this.prev();\n                }\n            }, { passive: true });\n        }\n    }\n    \n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => {\n            new LanduBannerCarousel('.landu-banner-module');\n        });\n    } else {\n        new LanduBannerCarousel('.landu-banner-module');\n    }\n})();\n<\/script>\n\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-e27ee92 e-con-full e-flex e-con e-parent\" data-id=\"e27ee92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-701e5d6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"701e5d6\" data-element_type=\"widget\" data-e-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<!-- LANDERCOLL Professional Edition -->\n<style>\n    \/* ========================================\n       1. \u73b0\u4ee3\u914d\u8272\u7cfb\u7edf\n       ======================================== *\/\n    :root {\n        --primary-blue: #0066ff;\n        --primary-dark: #0052cc;\n        --accent-cyan: #00d4ff;\n        --accent-purple: #6366f1;\n        --accent-orange: #ff6b35;\n        --dark: #0a0a0a;\n        --gray-900: #1a1a1a;\n        --gray-700: #404040;\n        --gray-500: #737373;\n        --gray-300: #d4d4d4;\n        --gray-100: #f5f5f5;\n        --white: #ffffff;\n    }\n\n    .product-section {\n        position: relative;\n        background: linear-gradient(to bottom, var(--white) 0%, var(--gray-100) 100%);\n        padding: 120px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f *\/\n    .animated-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .bg-orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(120px);\n        opacity: 0.06;\n        animation: float-orb 25s ease-in-out infinite;\n    }\n\n    .orb-1 {\n        top: 10%;\n        right: 10%;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, var(--primary-blue) 0%, transparent 70%);\n    }\n\n    .orb-2 {\n        bottom: 10%;\n        left: 10%;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);\n        animation-delay: 5s;\n    }\n\n    @keyframes float-orb {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(40px, -40px); }\n    }\n\n    .product-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 60px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* ========================================\n       2. \u6807\u9898\u533a\u57df\n       ======================================== *\/\n    .product-header {\n        text-align: center;\n        margin-bottom: 80px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .product-label {\n        display: inline-block;\n        padding: 8px 24px;\n        background: var(--dark);\n        color: var(--white);\n        font-size: 11px;\n        font-weight: 600;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        border-radius: 100px;\n        margin-bottom: 28px;\n    }\n\n    .product-title {\n        font-size: 56px;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 20px;\n        line-height: 1.1;\n        letter-spacing: -1.5px;\n    }\n\n    .title-highlight {\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-cyan) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .product-subtitle {\n        font-size: 20px;\n        color: var(--gray-500);\n        line-height: 1.6;\n        font-weight: 400;\n    }\n\n    \/* ========================================\n       3. \u4ea7\u54c1\u5361\u7247\u7f51\u683c\n       ======================================== *\/\n    .product-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px;\n    }\n\n    .product-card {\n        background: var(--white);\n        border-radius: 24px;\n        overflow: hidden;\n        position: relative;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        border: 1px solid rgba(0, 0, 0, 0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    .product-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n        border-color: rgba(0, 102, 255, 0.2);\n    }\n\n    \/* \u56fe\u7247\u5bb9\u5668 *\/\n    .product-image-wrapper {\n        height: 280px;\n        position: relative;\n        overflow: hidden;\n        background: var(--gray-100);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        transition: transform 0.6s ease;\n    }\n\n    .product-card:hover .product-image {\n        transform: scale(1.08);\n    }\n\n    \/* \u6e10\u53d8\u906e\u7f69 *\/\n    .image-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 50%;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .product-card:hover .image-overlay {\n        opacity: 1;\n    }\n\n    \/* \u5fbd\u7ae0 *\/\n    .product-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        padding: 8px 16px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(10px);\n        color: var(--primary-blue);\n        font-size: 11px;\n        font-weight: 700;\n        border-radius: 100px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        z-index: 10;\n    }\n\n    .badge-bestseller { color: var(--primary-blue); }\n    .badge-hightemp { color: var(--accent-purple); }\n    .badge-versatile { color: var(--accent-orange); }\n\n    \/* ========================================\n       4. \u5185\u5bb9\u533a\u57df\n       ======================================== *\/\n    .product-content {\n        padding: 32px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .product-code {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        color: var(--primary-blue);\n        background: rgba(0, 102, 255, 0.08);\n        padding: 6px 14px;\n        border-radius: 8px;\n        margin-bottom: 16px;\n        align-self: flex-start;\n        letter-spacing: 1px;\n    }\n\n    .product-card:nth-child(2) .product-code {\n        color: var(--accent-purple);\n        background: rgba(99, 102, 241, 0.08);\n    }\n\n    .product-card:nth-child(3) .product-code {\n        color: var(--accent-orange);\n        background: rgba(255, 107, 53, 0.08);\n    }\n\n    .product-name {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }\n\n    .product-description {\n        font-size: 15px;\n        color: var(--gray-700);\n        line-height: 1.7;\n        margin-bottom: 28px;\n        flex-grow: 1;\n    }\n\n    \/* \u6309\u94ae *\/\n    .product-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        width: 100%;\n        padding: 16px 0;\n        background: var(--dark);\n        color: var(--white);\n        font-weight: 600;\n        font-size: 15px;\n        border-radius: 100px;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 2px solid var(--dark);\n    }\n\n    .product-button:hover {\n        background: transparent;\n        color: var(--dark);\n        transform: translateY(-2px);\n    }\n\n    .product-card:nth-child(1) .product-button {\n        background: var(--primary-blue);\n        border-color: var(--primary-blue);\n    }\n\n    .product-card:nth-child(1) .product-button:hover {\n        background: transparent;\n        color: var(--primary-blue);\n    }\n\n    .product-card:nth-child(2) .product-button {\n        background: var(--accent-purple);\n        border-color: var(--accent-purple);\n    }\n\n    .product-card:nth-child(2) .product-button:hover {\n        background: transparent;\n        color: var(--accent-purple);\n    }\n\n    .product-card:nth-child(3) .product-button {\n        background: var(--accent-orange);\n        border-color: var(--accent-orange);\n    }\n\n    .product-card:nth-child(3) .product-button:hover {\n        background: transparent;\n        color: var(--accent-orange);\n    }\n\n    .button-arrow {\n        font-size: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .product-button:hover .button-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* ========================================\n       5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n       ======================================== *\/\n    @media (max-width: 1200px) {\n        .product-container {\n            padding: 0 40px;\n        }\n\n        .product-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 32px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .product-section {\n            padding: 80px 0;\n        }\n\n        .product-container {\n            padding: 0 24px;\n        }\n\n        .product-grid {\n            grid-template-columns: 1fr;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n\n        .product-title {\n            font-size: 40px;\n        }\n\n        .product-subtitle {\n            font-size: 18px;\n        }\n\n        .product-header {\n            margin-bottom: 60px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .product-title {\n            font-size: 32px;\n        }\n\n        .product-name {\n            font-size: 20px;\n        }\n\n        .product-image-wrapper {\n            height: 240px;\n        }\n    }\n<\/style>\n\n<section class=\"product-section\">\n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"animated-background\">\n        <div class=\"bg-orb orb-1\"><\/div>\n        <div class=\"bg-orb orb-2\"><\/div>\n    <\/div>\n\n    <div class=\"product-container\">\n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"product-header\">\n            <div class=\"product-label\">LANDERCOLL ISO-Certified Excellence<\/div>\n            <h2 class=\"product-title\">\n                <span class=\"title-highlight\">LANDERCOLL<\/span> Cellulose-ether\n            <\/h2>\n            <p class=\"product-subtitle\">Premium chemische oplossingen die moderne bouw- en industri\u00eble toepassingen aandrijven met betrouwbaarheid en prestaties.<\/p>\n        <\/div>\n\n        <!-- \u4ea7\u54c1\u7f51\u683c -->\n        <div class=\"product-grid\">\n            \n            <!-- \u4ea7\u54c1 1: HPMC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"683\" width=\"1024\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/HPMC-Hydroxypropyl-Methyl-Cellulose-4-1024x683.jpg\" \n                         alt=\"HPMC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-bestseller\">\u2b50 Bestverkocht<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HPMC<\/div>\n                    <h3 class=\"product-name\">Hydroxypropylmethylcellulose<\/h3>\n                    <p class=\"product-description\">Essenti\u00eble toevoeging voor droge-mengsels mortels, verbeterd waterretentie, verwerkbaarheid en hechtingssterkte in tegelklevingsmiddelen en pleisters.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nl\/cellulose-ether\/hydroxypropylmethylcellulose-hpmc\/\" class=\"product-button\">\n                        <span>Details bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u4ea7\u54c1 2: HEMC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Methyl-Cellulose-HEMC.jpg\" \n                         alt=\"HEMC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-hightemp\">\ud83c\udf21\ufe0f Hoge temperatuur<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEMC<\/div>\n                    <h3 class=\"product-name\">Hydroxyethylmethylcellulose<\/h3>\n                    <p class=\"product-description\">Superieure thermische stabiliteit voor warme klimaten. Biedt uitstekende zettingweerstand en open tijd voor cement- en gipsgebaseerde toepassingen.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nl\/cellulose-ether\/hydroxyethylmethylcellulose-hemc-mhec\/\" class=\"product-button\">\n                        <span>Details bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u4ea7\u54c1 3: HEC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"683\" width=\"1024\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Cellulose-HEC-3-1024x683.jpg\" \n                         alt=\"HEC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-versatile\">\u2728 Veelzijdig<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEC<\/div>\n                    <h3 class=\"product-name\">Hydroxyethylcellulose<\/h3>\n                    <p class=\"product-description\">Niet-ionische verdikker ideaal voor watergedragen verven en coatings. Biedt uitstekende kleuracceptatie, stabiliteit en vloei-eigenschappen.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nl\/cellulose-ether\/hydroxyethylcellulose-hec\/\" class=\"product-button\">\n                        <span>Details bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\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-df253a5 e-con-full e-flex e-con e-parent\" data-id=\"df253a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b11e979 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b11e979\" data-element_type=\"widget\" data-e-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=\"applications-section\">\n    \n    <div class=\"container\">\n        \n        <div class=\"section-header\">\n            <div class=\"header-label\">Industry Solutions<\/div>\n            <h2 class=\"section-title\">Op de industrie afgestemde innovaties op het gebied van cellulose-ether<\/h2>\n            <p class=\"section-subtitle\">Premium chemische oplossingen die moderne bouw- en industri\u00eble toepassingen aandrijven met betrouwbaarheid en prestaties.<\/p>\n        <\/div>\n\n        <!-- Row 1: 2 Cards -->\n        <div class=\"row-2\">\n            \n            <div class=\"application-card\">\n                <div class=\"card-badge badge-red\">Featured<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/bucket-with-construction-mix-gypsum-plaster-man-s-hand-with-a-spatula.jpg\" alt=\"Droge mortel\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Droge mortel<\/h3>\n                    <p class=\"card-description\">Cellulose-ether verbetert de prestaties van droge mortel door multifunctionele modificatie: de superieure waterretentie (\u226595% RH-stabiliteit) voorkomt voortijdig vochtverlies en zorgt voor een optimale hydratatie van cement voor een hogere druksterkte.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/droge-mortel\/hpmc-voor-tegellijm\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Cementtegellijm<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/droge-mortel\/muurplamuur-op-cementbasis-altijd-afschilderen\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Muurplamuur \/ Skim Coat<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/droge-mortel\/cementpleister-additief\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Cementpleister<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/droge-mortel\/\" class=\"card-button\">\n                        <span>Meer bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-green\">Popular<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/painting-kit.jpg\" alt=\"Verf en coatings\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Verf en coatings<\/h3>\n                    <p class=\"card-description\">In de verf- en coatingindustrie fungeert cellulose-ether als verdikkingsmiddel en reologiemodificator, waardoor een optimale viscositeit ontstaat voor een betere stabiliteit, weerstand tegen uitzakken en een betere applicatie met kwast of roller. Het verbetert ook de waterretentie, voorkomt voortijdig drogen en zorgt voor een gelijkmatige filmvorming.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/verven-coatings\/additief-voor-structuurverf\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Verf met structuur<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/verven-coatings\/emulsiepolymerisatie\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulsie-polymerisatie<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/verven-coatings\/emulsieverf\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulsieverf<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/verven-coatings\/\" class=\"card-button\">\n                        <span>Meer bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Row 2: 3 Cards -->\n        <div class=\"row-3\">\n            \n            <div class=\"application-card\">\n                <div class=\"card-badge badge-blue\">Certified<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/blue-and-white-capsules-spilled-out-of-a-medicine-jar-on-a-blue-background-.jpg\" alt=\"Farmaceutica\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Farmaceutica<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae cellulose in farmaceutische producten fungeert als bindmiddel, verdikkingsmiddel, stabilisator en gecontroleerd afgiftemiddel in tabletten, capsules en suspensies.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/farmaceutische-producten\/farmaceutische-excipienten\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Farmaceutische hulpstoffen<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/farmaceutische-producten\/actieve-farmaceutische-bestanddelen\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Actieve farmaceutische ingredi\u00ebnten<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/farmaceutische-producten\/farmaceutische-tussenproducten\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Farmaceutische tussenproducten<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/farmaceutische-producten\/\" class=\"card-button\">\n                        <span>Meer bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-orange\">Premium<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2024\/12\/food-and-beverage.jpg\" alt=\"Dranken\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Dranken<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae cellulose in voedingsmiddelen werkt als verdikkingsmiddel, stabilisator, emulgator en textuurverbeteraar in sauzen, zuivelproducten en glutenvrije producten.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/dranken-dranken\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Dranken<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/dranken-dranken\/desserts-en-ijs\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Banketbakkerij<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/dranken-dranken\/bakkerij\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Bakkerij<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/verven-coatings\/\" class=\"card-button\">\n                        <span>Meer bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-purple\">Innovative<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/household-detergents-and-cleaning-tools-against-blue-tile-background.jpg\" alt=\"Persoonlijke &amp; thuiszorg\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Persoonlijke &amp; thuiszorg<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae cellulose in detergenten voor persoonlijke en huishoudelijke verzorging verbetert de viscositeit, voorkomt dat vuil zich opnieuw vasthecht en verbetert de reinigingsprestaties.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/persoonlijke-thuiszorg\/wasmiddel-voor-huishoudelijke-verzorging\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Wasmiddel voor huishoudelijke verzorging<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/persoonlijke-thuiszorg\/reinigingsmiddel-voor-persoonlijke-verzorging\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Wasmiddel voor persoonlijke verzorging<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nl\/toepassing\/verven-coatings\/\" class=\"card-button\">\n                        <span>Meer bekijken<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u73b0\u4ee3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --primary-blue: #0066ff;\n    --accent-cyan: #00d4ff;\n    --accent-purple: #6366f1;\n    --accent-orange: #ff6b35;\n    --accent-green: #10b981;\n    --dark: #0a0a0a;\n    --gray-900: #1a1a1a;\n    --gray-700: #404040;\n    --gray-500: #737373;\n    --gray-300: #d4d4d4;\n    --gray-100: #f5f5f5;\n    --white: #ffffff;\n}\n\n.applications-section {\n    background: linear-gradient(180deg, var(--white) 0%, var(--gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.applications-section::before {\n    content: '';\n    position: absolute;\n    top: 10%;\n    right: 5%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(0, 102, 255, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.applications-section::after {\n    content: '';\n    position: absolute;\n    bottom: 10%;\n    left: 5%;\n    width: 700px;\n    height: 700px;\n    background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\n   ======================================== *\/\n.section-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 80px;\n}\n\n.header-label {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--dark);\n    color: var(--white);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    border-radius: 100px;\n    margin-bottom: 28px;\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.section-subtitle {\n    font-size: 18px;\n    color: var(--gray-500);\n    line-height: 1.6;\n    font-weight: 400;\n}\n\n\/* ========================================\n   3. \u5361\u7247\u7f51\u683c\u5e03\u5c40\n   ======================================== *\/\n.row-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n    margin-bottom: 40px;\n}\n\n.row-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n.application-card {\n    background: var(--white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.application-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u5fbd\u7ae0 *\/\n.card-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 8px 18px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    z-index: 10;\n}\n\n.badge-red { color: #ef4444; }\n.badge-green { color: #10b981; }\n.badge-blue { color: #3b82f6; }\n.badge-orange { color: #f59e0b; }\n.badge-purple { color: #8b5cf6; }\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.card-image {\n    height: 280px;\n    position: relative;\n    overflow: hidden;\n    background: var(--gray-100);\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.application-card:hover .card-image img {\n    transform: scale(1.08);\n}\n\n\/* \u6e10\u53d8\u906e\u7f69 *\/\n.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.application-card:hover .image-overlay {\n    opacity: 1;\n}\n\n\/* ========================================\n   4. \u5185\u5bb9\u533a\u57df\n   ======================================== *\/\n.card-content {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--dark);\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--gray-700);\n    margin-bottom: 24px;\n    flex-grow: 1;\n}\n\n\/* \u94fe\u63a5\u5217\u8868 *\/\n.card-links {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    margin-bottom: 28px;\n    border-top: 1px solid var(--gray-300);\n    padding-top: 20px;\n}\n\n.link-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    font-size: 14px;\n    color: var(--gray-700);\n    text-decoration: none;\n    transition: all 0.3s ease;\n    border-bottom: 1px solid transparent;\n}\n\n.link-item:hover {\n    color: var(--primary-blue);\n    padding-left: 8px;\n    border-bottom-color: var(--gray-300);\n}\n\n.link-icon {\n    font-size: 16px;\n    font-weight: 700;\n    transition: transform 0.3s ease;\n}\n\n.link-item:hover .link-icon {\n    transform: translateX(4px);\n}\n\n\/* \u6309\u94ae *\/\n.card-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    padding: 16px 0;\n    background: var(--dark);\n    color: var(--white);\n    font-weight: 600;\n    font-size: 15px;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid var(--dark);\n}\n\n.card-button:hover {\n    background: transparent;\n    color: var(--dark);\n    transform: translateY(-2px);\n}\n\n.button-arrow {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.card-button:hover .button-arrow {\n    transform: translateX(5px);\n}\n\n\/* ========================================\n   5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 40px;\n    }\n\n    .row-2,\n    .row-3 {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .applications-section {\n        padding: 80px 0;\n    }\n\n    .container {\n        padding: 0 24px;\n    }\n\n    .section-header {\n        margin-bottom: 60px;\n    }\n\n    .section-title {\n        font-size: 36px;\n    }\n\n    .section-subtitle {\n        font-size: 16px;\n    }\n\n    .row-2,\n    .row-3 {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .card-title {\n        font-size: 20px;\n    }\n\n    .card-description {\n        font-size: 14px;\n    }\n\n    .card-image {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n\n    .card-content {\n        padding: 24px;\n    }\n}\n<\/style>\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-ace5ba3 e-con-full e-flex e-con e-parent\" data-id=\"ace5ba3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2f2ead elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e2f2ead\" data-element_type=\"widget\" data-e-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=\"hero-section\">\n    \n    <div class=\"hero-container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"hero-header\">\n            <div class=\"hero-badge\">Industry Excellence<\/div>\n            <h1 class=\"hero-main-title\">Precision-Formulated Cellulose Ether for Peak Industrial Performance<\/h1>\n            <p class=\"hero-description\">LANDERCOLL Precision Cellulose Ethers for Tomorrow's Industries<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"intro-panel\">\n            <p>As a global leader in cellulose ether innovation, LANDERCOLL delivers nature-driven performance for industries shaping tomorrow. Trusted by <strong>1000+ enterprises<\/strong> across construction, pharma, and detergents, our products emerge in global markets, including HPMC, HEMC, HEC, and CMC.<\/p>\n        <\/div>\n\n        <!-- \u4e09\u680f\u7279\u6027\u5361\u7247 -->\n        <div class=\"features-grid\">\n            \n            <!-- Feature 1 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-primary\">Featured<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/landercoll-laboratory-cellulose-ether-9.jpg\" alt=\"Kwaliteitsborging\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-primary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n                            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Kwaliteitsborging<\/h3>\n                    <p class=\"feature-text\">LANDERCOLL is gecertificeerd volgens zowel de REACH- als de ISO-normen van de EU en streeft ernaar te voldoen aan internationale voorschriften om veilige additieven van hoge kwaliteit te leveren.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-secondary\">Innovatie<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/06\/LANDU-\u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439-\u0446\u0435\u043d\u0442\u0440.jpg\" alt=\"Innovatie Aandrijving\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-secondary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Innovatie Aandrijving<\/h3>\n                    <p class=\"feature-text\">LANDERCOLL heeft een reeks geavanceerde instrumenten ge\u00efntroduceerd om optimale prestaties te garanderen en innovatieve oplossingen te leveren die zijn afgestemd op de specifieke eisen van onze klanten.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 3 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-tertiary\">Certified<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-manufacturing-certification.png\" alt=\"Global Standards\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-tertiary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Global Standards<\/h3>\n                    <p class=\"feature-text\">Our commitment to excellence is reflected in our comprehensive certifications, ensuring compliance with the highest international quality and safety standards.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- CTA \u6309\u94ae -->\n        <div class=\"hero-cta\">\n            <a href=\"https:\/\/landercoll.com\/nl\/bedrijf\/\" class=\"hero-button\">\n                <span>Discover Our Story<\/span>\n                <span class=\"button-icon\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n    <\/div>\n    \n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"hero-background\">\n        <div class=\"bg-gradient bg-gradient-1\"><\/div>\n        <div class=\"bg-gradient bg-gradient-2\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u6838\u5fc3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --hero-primary: #0066ff;\n    --hero-primary-dark: #0052cc;\n    --hero-secondary: #6366f1;\n    --hero-tertiary: #10b981;\n    --hero-dark: #0a0a0a;\n    --hero-gray-900: #1a1a1a;\n    --hero-gray-700: #404040;\n    --hero-gray-500: #737373;\n    --hero-gray-300: #d4d4d4;\n    --hero-gray-100: #f5f5f5;\n    --hero-white: #ffffff;\n}\n\n.hero-section {\n    background: linear-gradient(180deg, var(--hero-white) 0%, var(--hero-gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.bg-gradient {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.06;\n    animation: float-bg 25s ease-in-out infinite;\n}\n\n.bg-gradient-1 {\n    top: -10%;\n    right: -5%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, var(--hero-primary) 0%, transparent 70%);\n}\n\n.bg-gradient-2 {\n    bottom: -15%;\n    left: -10%;\n    width: 900px;\n    height: 900px;\n    background: radial-gradient(circle, var(--hero-secondary) 0%, transparent 70%);\n    animation-delay: 5s;\n}\n\n@keyframes float-bg {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(50px, -50px); }\n}\n\n.hero-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\uff08\u4f18\u5316\u540e\u7684\u5c3a\u5bf8\uff09\n   ======================================== *\/\n.hero-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 60px;\n}\n\n.hero-badge {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--hero-dark);\n    color: var(--hero-white);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    border-radius: 100px;\n    margin-bottom: 32px;\n}\n\n.hero-main-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--hero-dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.hero-description {\n    font-size: 20px;\n    color: var(--hero-gray-500);\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* ========================================\n   3. \u4ecb\u7ecd\u9762\u677f\n   ======================================== *\/\n.intro-panel {\n    background: var(--hero-white);\n    border-left: 4px solid var(--hero-primary);\n    padding: 36px 44px;\n    border-radius: 16px;\n    margin-bottom: 70px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n}\n\n.intro-panel p {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--hero-gray-700);\n    margin: 0;\n}\n\n.intro-panel strong {\n    color: var(--hero-primary);\n    font-weight: 700;\n}\n\n\/* ========================================\n   4. \u7279\u6027\u5361\u7247\u7f51\u683c\n   ======================================== *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    margin-bottom: 70px;\n}\n\n.feature-card {\n    background: var(--hero-white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.feature-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u5fbd\u7ae0 *\/\n.feature-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 8px 18px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    z-index: 10;\n}\n\n.badge-primary { color: var(--hero-primary); }\n.badge-secondary { color: var(--hero-secondary); }\n.badge-tertiary { color: var(--hero-tertiary); }\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.feature-image-wrapper {\n    height: 260px;\n    position: relative;\n    overflow: hidden;\n    background: var(--hero-gray-100);\n}\n\n.feature-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.feature-card:hover .feature-image {\n    transform: scale(1.08);\n}\n\n\/* \u6e10\u53d8\u906e\u7f69 *\/\n.feature-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.feature-card:hover .feature-overlay {\n    opacity: 1;\n}\n\n\/* \u5185\u5bb9\u533a\u57df *\/\n.feature-body {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.feature-icon-box {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    transition: all 0.4s ease;\n}\n\n.icon-primary {\n    background: rgba(0, 102, 255, 0.1);\n    color: var(--hero-primary);\n}\n\n.icon-secondary {\n    background: rgba(99, 102, 241, 0.1);\n    color: var(--hero-secondary);\n}\n\n.icon-tertiary {\n    background: rgba(16, 185, 129, 0.1);\n    color: var(--hero-tertiary);\n}\n\n.feature-card:hover .feature-icon-box {\n    transform: scale(1.1) rotate(-5deg);\n}\n\n.feature-title {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--hero-dark);\n    margin-bottom: 14px;\n    line-height: 1.3;\n}\n\n.feature-text {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--hero-gray-700);\n}\n\n\/* ========================================\n   5. CTA \u6309\u94ae\n   ======================================== *\/\n.hero-cta {\n    text-align: center;\n}\n\n.hero-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 38px;\n    background: var(--hero-dark);\n    color: var(--hero-white);\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid var(--hero-dark);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.hero-button:hover {\n    background: transparent;\n    color: var(--hero-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.button-icon {\n    font-size: 20px;\n    transition: transform 0.3s ease;\n}\n\n.hero-button:hover .button-icon {\n    transform: translateX(5px);\n}\n\n\/* ========================================\n   6. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1400px) {\n    .hero-container {\n        padding: 0 40px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .hero-main-title {\n        font-size: 40px;\n    }\n\n    .hero-description {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-section {\n        padding: 100px 0;\n    }\n\n    .hero-container {\n        padding: 0 24px;\n    }\n\n    .hero-main-title {\n        font-size: 32px;\n    }\n\n    .hero-description {\n        font-size: 17px;\n    }\n\n    .intro-panel {\n        padding: 28px;\n    }\n\n    .intro-panel p {\n        font-size: 15px;\n    }\n\n    .feature-title {\n        font-size: 20px;\n    }\n\n    .feature-image-wrapper {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-main-title {\n        font-size: 26px;\n    }\n\n    .hero-description {\n        font-size: 16px;\n    }\n\n    .intro-panel {\n        padding: 24px;\n    }\n\n    .feature-body {\n        padding: 24px;\n    }\n\n    .hero-button {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\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-befaa57 e-con-full e-flex e-con e-parent\" data-id=\"befaa57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f57f543 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f57f543\" data-element_type=\"widget\" data-e-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=\"innovation-section\">\n    \n    <div class=\"innovation-container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"innovation-header\">\n            <div class=\"innovation-badge\">Innovation Excellence<\/div>\n            <h2 class=\"innovation-title\">LANDERCOLL: Nieuwe grenzen verkennen in toepassingen met cellulose-ether<\/h2>\n            <p class=\"innovation-subtitle\">Op gegevens gebaseerde chemie voor voorspelbaar succes<\/p>\n        <\/div>\n\n        <!-- \u4e09\u680f\u670d\u52a1\u5361\u7247 -->\n        <div class=\"innovation-grid\">\n            \n            <!-- Service 1 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">01<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-sample-test.jpg\" alt=\"Formulering op maat\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <polyline points=\"12 6 12 12 16 14\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">Formulering op maat<\/h3>\n                    <p class=\"card-description\">At LANDERCOLL, we engineer precision-grade cellulose ether formulations to meet your exact industrial requirements. Leveraging our triple-lab R&amp;D infrastructure, we customize HPMC, HEC, CMC, and HEMC variants across 20+ parameters.<\/p>\n                    <a href=\"https:\/\/landu-china.com\/en\/services\/formulation-development\/\" class=\"card-link-button\">\n                        <span>Meer leren<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Service 2 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">02<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/landercoll-laboratory-cellulose-ether-11-scaled.jpg\" alt=\"Testservices\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                                <polyline points=\"14 2 14 8 20 8\"\/>\n                                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n                                <polyline points=\"10 9 9 9 8 9\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">Testservices<\/h3>\n                    <p class=\"card-description\">Bij LANDERCOLL bieden we gratis monsters aan, samen met gedetailleerde technische procesrapporten en uitgebreide begeleiding. Als u vragen of zorgen hebt over de werkzaamheid van het product, staat ons team van deskundigen en chemici voor u klaar.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nl\/diensten\/\" class=\"card-link-button\">\n                        <span>Meer leren<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Service 3 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">03<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-laboratory.jpg\" alt=\"Toepassingsgebieden uitbreiden\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">Toepassingsgebieden uitbreiden<\/h3>\n                    <p class=\"card-description\">Continuously expanding beyond traditional sectors, LANDERCOLL is driving cellulose ether innovations into cutting-edge industries. Our R&amp;D breakthroughs now enable our Cellulose Ether to revolutionize ceramic, oil drilling, paint remover, and textiles.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nl\/bedrijf\/innovatiecentrum\/\" class=\"card-link-button\">\n                        <span>Meer leren<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n    \n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"innovation-background\">\n        <div class=\"bg-shape shape-1\"><\/div>\n        <div class=\"bg-shape shape-2\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u6838\u5fc3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --innov-primary: #0066ff;\n    --innov-secondary: #6366f1;\n    --innov-tertiary: #10b981;\n    --innov-dark: #0a0a0a;\n    --innov-gray-900: #1a1a1a;\n    --innov-gray-700: #404040;\n    --innov-gray-500: #737373;\n    --innov-gray-300: #d4d4d4;\n    --innov-gray-100: #f5f5f5;\n    --innov-white: #ffffff;\n}\n\n.innovation-section {\n    background: linear-gradient(180deg, var(--innov-white) 0%, var(--innov-gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.innovation-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.bg-shape {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.06;\n    animation: float-shape 25s ease-in-out infinite;\n}\n\n.shape-1 {\n    top: -10%;\n    right: -5%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, var(--innov-primary) 0%, transparent 70%);\n}\n\n.shape-2 {\n    bottom: -15%;\n    left: -10%;\n    width: 900px;\n    height: 900px;\n    background: radial-gradient(circle, var(--innov-secondary) 0%, transparent 70%);\n    animation-delay: 5s;\n}\n\n@keyframes float-shape {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(50px, -50px); }\n}\n\n.innovation-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\n   ======================================== *\/\n.innovation-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 70px;\n}\n\n.innovation-badge {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--innov-dark);\n    color: var(--innov-white);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    border-radius: 100px;\n    margin-bottom: 32px;\n}\n\n.innovation-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.innovation-subtitle {\n    font-size: 20px;\n    color: var(--innov-gray-500);\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* ========================================\n   3. \u670d\u52a1\u5361\u7247\u7f51\u683c\n   ======================================== *\/\n.innovation-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n.innovation-card {\n    background: var(--innov-white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.innovation-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u7f16\u53f7\u5fbd\u7ae0 *\/\n.card-number-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    z-index: 10;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.card-image-container {\n    height: 280px;\n    position: relative;\n    overflow: hidden;\n    background: var(--innov-gray-100);\n}\n\n.card-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.innovation-card:hover .card-image {\n    transform: scale(1.08);\n}\n\n\/* \u56fe\u7247\u906e\u7f69 *\/\n.card-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(0, 102, 255, 0.9) 0%, rgba(99, 102, 241, 0.9) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.innovation-card:hover .card-image-overlay {\n    opacity: 1;\n}\n\n.overlay-icon-wrapper {\n    transform: scale(0.8);\n    transition: transform 0.4s ease;\n}\n\n.innovation-card:hover .overlay-icon-wrapper {\n    transform: scale(1);\n}\n\n.overlay-icon-wrapper svg {\n    color: var(--innov-white);\n}\n\n\/* \u5185\u5bb9\u533a\u57df *\/\n.card-body {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-heading {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--innov-gray-700);\n    margin-bottom: 24px;\n    flex-grow: 1;\n}\n\n\/* \u94fe\u63a5\u6309\u94ae *\/\n.card-link-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--innov-primary);\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    position: relative;\n    align-self: flex-start;\n}\n\n.card-link-button::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--innov-primary);\n    transition: width 0.3s ease;\n}\n\n.card-link-button:hover::after {\n    width: calc(100% - 30px);\n}\n\n.card-link-button:hover {\n    gap: 14px;\n}\n\n.link-arrow {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.card-link-button:hover .link-arrow {\n    transform: translateX(4px);\n}\n\n\/* ========================================\n   4. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1400px) {\n    .innovation-container {\n        padding: 0 40px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .innovation-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .innovation-title {\n        font-size: 40px;\n    }\n\n    .innovation-subtitle {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .innovation-section {\n        padding: 100px 0;\n    }\n\n    .innovation-container {\n        padding: 0 24px;\n    }\n\n    .innovation-title {\n        font-size: 32px;\n    }\n\n    .innovation-subtitle {\n        font-size: 17px;\n    }\n\n    .card-heading {\n        font-size: 20px;\n    }\n\n    .card-image-container {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .innovation-title {\n        font-size: 26px;\n    }\n\n    .innovation-subtitle {\n        font-size: 16px;\n    }\n\n    .card-body {\n        padding: 24px;\n    }\n}\n<\/style>\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-fd0407d e-con-full e-flex e-con e-parent\" data-id=\"fd0407d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0072f27 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0072f27\" data-element_type=\"widget\" data-e-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=\"exhibition-showcase\">\n    \n    <div class=\"container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"showcase-header\">\n            <div class=\"header-tag\">\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 100 100\">\n                    <polygon points=\"50,20 61,45 88,45 67,60 75,87 50,70 25,87 33,60 12,45 39,45\" fill=\"#ffd700\">\n                        <animate attributename=\"opacity\" values=\"1;0.6;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n                    <\/polygon>\n                <\/svg>\n                <span>Global Excellence<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 100 100\">\n                    <polygon points=\"50,20 61,45 88,45 67,60 75,87 50,70 25,87 33,60 12,45 39,45\" fill=\"#ffd700\">\n                        <animate attributename=\"opacity\" values=\"1;0.6;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n                    <\/polygon>\n                <\/svg>\n            <\/div>\n            <h2>Gezamenlijk ontwikkelde cellulose-ethers: Uw visie, onze chemie<\/h2>\n            <p class=\"showcase-subtitle\">LANDERCOLL | Wereldwijd erkende uitmuntendheid in cellulose-ether<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"showcase-intro\">\n            <p>We hebben onze innovaties gepresenteerd op vooraanstaande fora in de sector, waaronder de <strong>Coatingsbeurs Midden-Oosten<\/strong>, <strong>Europese Coatings Show<\/strong>en <strong>Azi\u00eb-Pacific Coatings Expo<\/strong>, LANDERCOLL has cemented its reputation for delivering uncompromised quality and batch-to-batch consistency across global markets. Our cellulose ether solutions \u2013 rigorously tested to meet <strong>ISO 9001<\/strong> \u2013 have earned the trust of <strong>500+ manufacturers<\/strong> seeking reliable performance in coatings, construction, and specialty applications.<\/p>\n        <\/div>\n\n        <!-- \u56fe\u7247\u5c55\u793a - 4\u5217\u7f51\u683c -->\n        <div class=\"showcase-grid\">\n            \n            <!-- Image 1 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-saleswoman-at-CHINACOAT-2025-scaled.jpg\" alt=\"Sales Representative\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udc65<\/div>\n                    <h4>Dedicated Service<\/h4>\n                    <p>Professional Sales Team<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 2 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/DSC01721-scaled.jpg\" alt=\"Exhibition Hall\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udfe2<\/div>\n                    <h4>World-Class Exhibition<\/h4>\n                    <p>International Recognition<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 3 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-in-CHINACOAT-2025-exhibition-1-scaled.jpg\" alt=\"Product Presentation\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udce6<\/div>\n                    <h4>Product Excellence<\/h4>\n                    <p>Quality Demonstration<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 4 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-in-CHINACOAT-2025-exhibition-scaled.jpg\" alt=\"Exhibition Engagement\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udf0d<\/div>\n                    <h4>Global Presence<\/h4>\n                    <p>Industry Leadership<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 5 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-at-CHINACOAT-2025-scaled.jpg\" alt=\"CHINACOAT 2025\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udfc6<\/div>\n                    <h4>CHINACOAT 2025<\/h4>\n                    <p>Leading Innovation<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 6 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619338.jpg\" alt=\"Innovation Display\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udca1<\/div>\n                    <h4>Innovation Display<\/h4>\n                    <p>Cutting-Edge Solutions<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 7 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1439\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619381.jpg\" alt=\"Product Portfolio\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udccb<\/div>\n                    <h4>Product Portfolio<\/h4>\n                    <p>Comprehensive Range<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 8 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1440\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619664.jpg\" alt=\"Client Engagement\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83e\udd1d<\/div>\n                    <h4>Client Engagement<\/h4>\n                    <p>Building Partnerships<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n    \n<\/div>\n\n<style>\n.exhibition-showcase {\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.exhibition-showcase .container {\n    max-width: 1320px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* \u6807\u9898\u533a\u57df *\/\n.showcase-header {\n    text-align: center;\n    margin-bottom: 40px;\n    position: relative;\n    padding-top: 40px;\n}\n\n.header-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);\n    color: white;\n    border-radius: 30px;\n    font-size: 12px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);\n}\n\n.showcase-header h2 {\n    font-size: 40px;\n    font-weight: 800;\n    color: #1a1a1a;\n    line-height: 1.3;\n    margin-bottom: 12px;\n    letter-spacing: -0.5px;\n}\n\n.showcase-subtitle {\n    font-size: 16px;\n    color: #666;\n    font-weight: 500;\n}\n\n\/* \u4ecb\u7ecd\u6587\u672c *\/\n.showcase-intro {\n    max-width: 900px;\n    margin: 0 auto 50px;\n    padding: 40px 50px;\n    background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%);\n    border-radius: 16px;\n    border: 3px solid;\n    border-image: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) 1;\n    position: relative;\n}\n\n.showcase-intro p {\n    font-size: 15px;\n    line-height: 1.8;\n    color: #444;\n    margin: 0;\n}\n\n.showcase-intro strong {\n    color: #2563eb;\n    font-weight: 700;\n}\n\n\/* 4\u5217\u7f51\u683c\u5e03\u5c40 *\/\n.showcase-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n}\n\n.grid-item {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s;\n    aspect-ratio: 4\/3;\n    border: 3px solid transparent;\n}\n\n.grid-item:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.3);\n    border-color: #2563eb;\n}\n\n.grid-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s;\n}\n\n.grid-item:hover img {\n    transform: scale(1.1);\n}\n\n\/* \u56fe\u7247\u906e\u7f69 *\/\n.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px;\n    background: linear-gradient(to top, rgba(37, 99, 235, 0.95) 0%, transparent 100%);\n    color: white;\n    transform: translateY(100%);\n    transition: transform 0.4s;\n}\n\n.grid-item:hover .image-overlay {\n    transform: translateY(0);\n}\n\n.overlay-icon {\n    font-size: 32px;\n    margin-bottom: 8px;\n}\n\n.image-overlay h4 {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 4px;\n}\n\n.image-overlay p {\n    font-size: 13px;\n    opacity: 0.9;\n    margin: 0;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1200px) {\n    .showcase-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n@media (max-width: 900px) {\n    .showcase-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .exhibition-showcase .container {\n        padding: 0 20px;\n    }\n    \n    .showcase-header h2 {\n        font-size: 28px;\n    }\n    \n    .showcase-intro {\n        padding: 25px;\n    }\n    \n    .showcase-intro p {\n        font-size: 14px;\n    }\n    \n    .showcase-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n<\/style>\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-c0ef79b e-grid e-con-boxed e-con e-parent\" data-id=\"c0ef79b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2f7b2 elementor-widget elementor-widget-image\" data-id=\"3a2f7b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.middleeastcoatingsshow.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"176\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW.png\" class=\"attachment-large size-large wp-image-6258\" alt=\"COATINGBEURS\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-300x73.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-18x4.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593f698 elementor-widget elementor-widget-image\" data-id=\"593f698\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.european-coatings-show.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"208\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025.png\" class=\"attachment-large size-large wp-image-6256\" alt=\"COATINGS SHOW 2025\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025-300x87.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025-18x5.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-210574a elementor-widget elementor-widget-image\" data-id=\"210574a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.chinacoat.net\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"259\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat.png\" class=\"attachment-large size-large wp-image-6257\" alt=\"chinacoat\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat-300x108.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat-18x6.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b8481 elementor-widget elementor-widget-image\" data-id=\"a4b8481\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.saopauloexpo.com.br\/en\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"124\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO.png\" class=\"attachment-large size-large wp-image-6255\" alt=\"S\u00c3O PAULO EXPO\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO-300x52.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO-18x3.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>LANDU merk LANDERCOLL precisie cellulose-ethers wereldwijde fabrikant van HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC voor de industrie van morgen Neem contact met ons op \u2192 meer dan 1000 vertrouwde ondernemingen in meer dan 60 landen wereldwijd premium kwaliteit wereldwijde bereik innovatie duurzame innovatie excellentie het transformeren van coatings met geavanceerde innovatie LANDU brengt u geavanceerde cellulose-ethers die nieuwe normen stellen in coatingprestaties\u2014met onge\u00ebvenaarde controle, [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/pages\/5785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/comments?post=5785"}],"version-history":[{"count":355,"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/pages\/5785\/revisions"}],"predecessor-version":[{"id":11316,"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/pages\/5785\/revisions\/11316"}],"wp:attachment":[{"href":"https:\/\/landercoll.com\/nl\/wp-json\/wp\/v2\/media?parent=5785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}