{"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\/nb","title":{"rendered":"Hjem"},"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 Brand<\/span>\n                        <\/div>\n                        <h1 class=\"landu-brand-hero-title\">\n                            <span class=\"landu-brand-name\">LANDERCOLL<\/span>\n                            <span class=\"landu-brand-tagline\">Presisjon Cellulose Eteres<\/span>\n                        <\/h1>\n                        <p class=\"landu-brand-description\">\n                            Global produsent av <strong>HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC<\/strong><br>for Morgendagens Industri\n                        <\/p>\n                        <a href=\"https:\/\/landercoll.com\/nb\/kontakt\/\" class=\"landu-brand-cta-btn\">\n                            <span class=\"landu-btn-text\">Kontakt oss<\/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\">P\u00e5litelige selskaper<\/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\">Land over hele verden<\/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\">F\u00f8rsteklasses kvalitet<\/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\">Global rekkevidde<\/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\">Innovasjon<\/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\">B\u00e6rekraftig<\/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                            Transformere belegg med\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\">Avansert Rheologi Engineering<\/div>\n                                    <div class=\"landu-product-feature-desc\">N\u00f8yaktig viskositetsoptimalisering for s\u00f8ml\u00f8s p\u00e5f\u00f8ring<\/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\">Overlegen Filmkvalitet<\/div>\n                                    <div class=\"landu-product-feature-desc\">Ekstremt glatt tekstur med enest\u00e5ende holdbarhet<\/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\">B\u00e6rekraftig Kjemileder<\/div>\n                                    <div class=\"landu-product-feature-desc\">Milj\u00f8vennlige formuleringer for ansvarlig innovasjon<\/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>Utforsk Produkter<\/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>Kontakt oss<\/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\">Profesjonell ytelsesgrad<\/p>\n                                <p class=\"landu-product-card-chemical\">Hydroksyetylmetylcellulose<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Forbedrer flytegenskaper, fuktighetsbalanse og overflatessammenheng for f\u00f8rsteklasses arkitektoniske belegg med feilfrie resultater.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-methyl-cellulose-hemc-mhec\/\" class=\"landu-product-card-link\">\n                                    <span>Utforsk detaljer<\/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\">Allsidig<\/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\">Flerbruks rheologil\u00f8sning<\/p>\n                                <p class=\"landu-product-card-chemical\">Hydroksyetylcellulose<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Gir p\u00e5litelig fortyknings-, formulering- og p\u00e5f\u00f8ringsstabilitet i vannbaserte malinger, og sikrer p\u00e5litelige resultater.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-cellulose-hec\/\" class=\"landu-product-card-link\">\n                                    <span>Utforsk detaljer<\/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=\"Tidligere\">\u2039<\/button>\n    <button class=\"landu-banner-arrow landu-arrow-next\" aria-label=\"Neste\">\u203a<\/button>\n<\/section>\n\n<div class=\"landu-banner-indicators-wrapper\">\n    <button class=\"landu-indicator landu-active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\n    <button class=\"landu-indicator\" data-slide=\"1\" aria-label=\"Slide 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> Celluloseeter\n            <\/h2>\n            <p class=\"product-subtitle\">Premium kjemiske l\u00f8sninger som driver moderne konstruksjon og industrielle applikasjoner med p\u00e5litelighet og ytelse.<\/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 Bestselger<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HPMC<\/div>\n                    <h3 class=\"product-name\">Hydroksypropylmetylcellulose<\/h3>\n                    <p class=\"product-description\">N\u00f8dvendig tilsetningsstoff for t\u00f8rrem\u00f8rtel, som forbedrer vannretensjon, bearbeidbarhet og vedheftstyrke i flislim og puss.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nb\/celluloseeter\/hydroksypropylmetylcellulose-hpmc\/\" class=\"product-button\">\n                        <span>Vis detaljer<\/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 H\u00f8y temperatur<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEMC<\/div>\n                    <h3 class=\"product-name\">Hydroksyetylmetylcellulose<\/h3>\n                    <p class=\"product-description\">Overlegen termisk stabilitet for varme klimaer. Gir utmerket sagresistens og \u00e5pentid for sement- og gipsbaserte applikasjoner.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nb\/celluloseeter\/hydroksyetylmetylcellulose-hemc-mhec\/\" class=\"product-button\">\n                        <span>Vis detaljer<\/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 Allsidig<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEC<\/div>\n                    <h3 class=\"product-name\">Hydroksyetylcellulose<\/h3>\n                    <p class=\"product-description\">Non-ionisk fortykningsmiddel ideelt for vannbaserte malinger og belegg. Tilbyr utmerket fargeaksept, stabilitet og flytegenskaper.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nb\/celluloseeter\/hydroksyetylcellulose-hec\/\" class=\"product-button\">\n                        <span>Vis detaljer<\/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\">Industritilpassede innovasjoner innen celluloseeter<\/h2>\n            <p class=\"section-subtitle\">Premium kjemiske l\u00f8sninger som driver moderne konstruksjon og industrielle applikasjoner med p\u00e5litelighet og ytelse.<\/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=\"T\u00f8rrblandet m\u00f8rtel\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">T\u00f8rrblandet m\u00f8rtel<\/h3>\n                    <p class=\"card-description\">Celluloseeter forbedrer ytelsen til t\u00f8rrm\u00f8rtel gjennom en multifunksjonell modifikasjon: Den overlegne vannretensjonen (\u226595% RH-stabilitet) forhindrer for tidlig fukttap, og sikrer optimal sementhydrering for \u00f8kt trykkfasthet.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/torrmortel\/hpmc-for-flislim\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Lim for sementfliser<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/torrmortel\/sementbasert-veggsparkel-alltid-med-skimcoat\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Veggsparkel \/ Skim Coat<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/torrmortel\/tilsetningsstoff-for-sementpuss\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Sementpuss \/ puss<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nb\/soknad\/torrmortel\/\" class=\"card-button\">\n                        <span>Se mer<\/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=\"Maling og belegg\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Maling og belegg<\/h3>\n                    <p class=\"card-description\">I malings- og lakkindustrien fungerer celluloseeter som fortykningsmiddel og reologimodifikator, noe som gir optimal viskositet for bedre stabilitet, synkemotstand og bedre p\u00e5f\u00f8ring med pensel eller rulle. Det forbedrer ogs\u00e5 vannretensjonen, forhindrer for tidlig t\u00f8rking og sikrer jevn filmdannelse.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/maling-belegg\/teksturert-malingsadditiv\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Teksturert maling<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/maling-belegg\/emulsjonspolymerisasjon\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulsjonspolymerisering<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/maling-belegg\/emulsjonsmaling\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulsjonsmaling<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nb\/soknad\/maling-belegg\/\" class=\"card-button\">\n                        <span>Se mer<\/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=\"Legemidler\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Legemidler<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae-cellulose i legemidler fungerer som bindemiddel, fortykningsmiddel, stabilisator og middel for kontrollert frigj\u00f8ring i tabletter, kapsler og suspensjoner.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/legemidler\/farmasoytiske-hjelpestoffer\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Farmas\u00f8ytiske hjelpestoffer<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/legemidler\/aktive-farmasoytiske-ingredienser\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Aktive farmas\u00f8ytiske ingredienser<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/legemidler\/farmasoytiske-mellomprodukter\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Farmas\u00f8ytiske mellomprodukter<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nb\/soknad\/legemidler\/\" class=\"card-button\">\n                        <span>Se mer<\/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=\"Drikkevarer og drinker\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Drikkevarer og drinker<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae-cellulose i n\u00e6ringsmidler fungerer som fortykningsmiddel, stabilisator, emulgator og teksturforbedrer i sauser, meieriprodukter og glutenfrie produkter.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/drikkevarer-drikkevarer\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Drikkevarer<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/drikkevarer-drikkevarer\/desserter-og-iskrem\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Konfekt<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/drikkevarer-drikkevarer\/bakeri\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Bakeri<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nb\/soknad\/maling-belegg\/\" class=\"card-button\">\n                        <span>Se mer<\/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=\"Personlig pleie og hjemmepleie\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Personlig pleie og hjemmepleie<\/h3>\n                    <p class=\"card-description\">Landercoll\u00ae-cellulose i rengj\u00f8ringsmidler for personlig pleie og hjemmepleie forbedrer viskositeten, forhindrer at smuss fester seg p\u00e5 nytt og forbedrer rengj\u00f8ringsytelsen.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/personlig-pleie-i-hjemmet\/vaskemiddel-for-hjemmepleie\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Rengj\u00f8ringsmiddel for hjemmet<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/nb\/soknad\/personlig-pleie-i-hjemmet\/vaskemiddel-for-personlig-pleie\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Vaskemiddel for personlig pleie<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/nb\/soknad\/maling-belegg\/\" class=\"card-button\">\n                        <span>Se mer<\/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=\"Kvalitetssikring\" 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\">Kvalitetssikring<\/h3>\n                    <p class=\"feature-text\">LANDERCOLL er sertifisert i henhold til b\u00e5de EUs REACH- og ISO-standarder, og er opptatt av \u00e5 oppfylle internasjonale forskrifter for \u00e5 levere trygge tilsetningsstoffer av h\u00f8y kvalitet.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-secondary\">Innovasjon<\/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=\"Innovation Drive\" 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\">Innovation Drive<\/h3>\n                    <p class=\"feature-text\">LANDERCOLL har introdusert en rekke avanserte instrumenter for \u00e5 sikre optimal ytelse og levere innovative l\u00f8sninger som er skreddersydd for v\u00e5re kunders spesifikke behov.<\/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\/nb\/selskap\/\" 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: Banebrytende nye bruksomr\u00e5der for celluloseeter<\/h2>\n            <p class=\"innovation-subtitle\">Datast\u00f8ttet kjemi for forutsigbar suksess<\/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=\"Skreddersydd formulering\" 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\">Skreddersydd formulering<\/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>L\u00e6r mer<\/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=\"Tjenester for pr\u00f8vetesting\" 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\">Tjenester for pr\u00f8vetesting<\/h3>\n                    <p class=\"card-description\">Hos LANDERCOLL tilbyr vi gratis pr\u00f8ver sammen med detaljerte tekniske prosessrapporter og omfattende veiledning. Hvis du har sp\u00f8rsm\u00e5l eller bekymringer om produkteffektivitet, er v\u00e5rt team av eksperter og kjemikere her for \u00e5 hjelpe deg.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/nb\/tjenester\/\" class=\"card-link-button\">\n                        <span>L\u00e6r mer<\/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=\"Utvid bruksomr\u00e5dene\" 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\">Utvid bruksomr\u00e5dene<\/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\/nb\/selskap\/innovasjonssenter\/\" class=\"card-link-button\">\n                        <span>L\u00e6r mer<\/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>Samutviklede celluloseethere: Din visjon, v\u00e5r kjemi<\/h2>\n            <p class=\"showcase-subtitle\">LANDERCOLL | Globalt anerkjent ekspertise innen celluloseeter<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"showcase-intro\">\n            <p>Etter \u00e5 ha vist frem v\u00e5re innovasjoner p\u00e5 de fremste bransjeforaene, inkludert <strong>Midt\u00f8sten Coatings Show<\/strong>, <strong>European Coatings Show<\/strong>, og <strong>Asia-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=\"cURL Too many subrequests.\">\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=\"cURL Too many subrequests.\">\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=\"COATINGS SHOW\" 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=\"BELEGG VISER 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-merke LANDERCOLL Presisjonscellulose Etere Global produsent av HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC for fremtidens industrier Kontakt oss \u2192 1000+ p\u00e5litelige virksomheter 60+ land over hele verden F\u00f8rsteklasses kvalitet Global rekkevidde Innovasjon B\u00e6rekraftig innovasjon Fremragendehet Transformerer belegg med avansert innovasjon LANDU tilbyr avanserte cellulosetere som setter nye standarder for beleggsytelse\u2014og tilbyr uovertruffen kontroll, [\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\/nb\/wp-json\/wp\/v2\/pages\/5785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/comments?post=5785"}],"version-history":[{"count":355,"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/pages\/5785\/revisions"}],"predecessor-version":[{"id":11316,"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/pages\/5785\/revisions\/11316"}],"wp:attachment":[{"href":"https:\/\/landercoll.com\/nb\/wp-json\/wp\/v2\/media?parent=5785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}