{"id":20982,"date":"2024-12-19T14:59:26","date_gmt":"2024-12-19T06:59:26","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=20982"},"modified":"2026-01-12T10:28:49","modified_gmt":"2026-01-12T02:28:49","slug":"home","status":"publish","type":"page","link":"https:\/\/landu-china.com\/fi","title":{"rendered":"Etusivu"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20982\" class=\"elementor elementor-20982\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04e294 e-con-full e-flex e-con e-parent\" data-id=\"a04e294\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84527a8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"84527a8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU 3-Slide Professional Edition -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap');\n\n    :root {\n        \/* Slide 1: \u6df1\u84dd\u79d1\u6280 (\u54c1\u724c\u5c55\u793a) *\/\n        --blue-gradient: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0c1929 100%);\n        \/* Slide 2: \u6df1\u7070\u4e13\u4e1a (\u4ea7\u54c1\u5c55\u793a) *\/\n        --dark-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);\n        \/* Slide 3: \u6df1\u7eff\u53ef\u6301\u7eed (\u4ef7\u503c\u89c2) *\/\n        --green-gradient: linear-gradient(135deg, #0d2818 0%, #1a4731 50%, #0a1f14 100%);\n        \n        --accent: #3b82f6;\n        --accent-light: #60a5fa;\n        --accent-glow: 0 0 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner {\n        position: relative; width: 100%; height: 800px;\n        background: #0a0a0a; font-family: 'Inter', sans-serif;\n        overflow: hidden; color: #fff;\n    }\n\n    \/* ========================================\n       \u516c\u5171\u88c5\u9970\u5c42 - \u73b0\u4ee3\u7f51\u683c\u80cc\u666f\n       ======================================== *\/\n    .global-overlay { \n        position: absolute; top: 0; left: 0; width: 100%; height: 100%; \n        pointer-events: none; z-index: 10; \n    }\n\n    \/* \u5fae\u5999\u7684\u7f51\u683c\u80cc\u666f *\/\n    .grid-pattern {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background-image: \n            linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n        background-size: 60px 60px;\n    }\n\n    \/* \u6e10\u53d8\u5149\u6655 *\/\n    .glow-orb {\n        position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.15;\n    }\n    .glow-orb.orb-1 {\n        width: 600px; height: 600px; background: #3b82f6;\n        top: -200px; right: -100px; animation: float 8s ease-in-out infinite;\n    }\n    .glow-orb.orb-2 {\n        width: 400px; height: 400px; background: #10b981;\n        bottom: -150px; left: -100px; animation: float 10s ease-in-out infinite reverse;\n    }\n    @keyframes float {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(30px, -30px); }\n    }\n\n    \/* \u52a8\u6001\u7c92\u5b50 *\/\n    .particles-container { position: absolute; width: 100%; height: 100%; }\n    .particle {\n        position: absolute; width: 3px; height: 3px; background: rgba(59, 130, 246, 0.6);\n        border-radius: 50%; animation: rise linear infinite;\n    }\n    @keyframes rise {\n        0% { transform: translateY(0) scale(1); opacity: 0; }\n        10% { opacity: 1; }\n        90% { opacity: 1; }\n        100% { transform: translateY(-800px) scale(0.5); opacity: 0; }\n    }\n\n    \/* ========================================\n       \u5e7b\u706f\u7247\u901a\u7528\u8bbe\u7f6e\n       ======================================== *\/\n    .slide {\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out;\n        z-index: 1; display: flex; align-items: center; justify-content: center;\n    }\n    .slide.active { opacity: 1; visibility: visible; z-index: 5; }\n\n    \/* ========================================\n       Slide 1: \u54c1\u724c\u5c55\u793a (\u4f01\u4e1a\u4ecb\u7ecd)\n       ======================================== *\/\n    .theme-blue { background: var(--blue-gradient); }\n\n    .brand-layout {\n        text-align: center; position: relative; z-index: 20;\n        display: flex; flex-direction: column; align-items: center;\n        max-width: 900px; padding: 0 40px;\n    }\n\n    \/* \u54c1\u724c\u5fbd\u7ae0 *\/\n    .brand-badge {\n        display: inline-flex; align-items: center; gap: 12px;\n        background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3);\n        padding: 10px 24px; border-radius: 50px; margin-bottom: 30px;\n    }\n    .badge-dot {\n        width: 8px; height: 8px; background: #3b82f6; border-radius: 50%;\n        animation: pulse 2s infinite;\n    }\n    @keyframes pulse {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.5; transform: scale(1.2); }\n    }\n    .badge-text {\n        font-size: 13px; font-weight: 600; color: var(--accent-light);\n        text-transform: uppercase; letter-spacing: 2px;\n    }\n\n    .brand-title {\n        font-size: 56px; font-weight: 800; line-height: 1.1; margin-bottom: 24px;\n        background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n    .brand-title span {\n        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n\n    .brand-desc {\n        font-size: 18px; color: rgba(255,255,255,0.7); max-width: 700px;\n        line-height: 1.7; margin-bottom: 40px;\n    }\n\n    \/* \u7edf\u8ba1\u6570\u636e *\/\n    .stats-row {\n        display: flex; gap: 60px; margin-bottom: 40px;\n    }\n    .stat-item { text-align: center; }\n    .stat-number {\n        font-size: 42px; font-weight: 800; color: var(--accent);\n        line-height: 1;\n    }\n    .stat-label {\n        font-size: 13px; color: rgba(255,255,255,0.6);\n        text-transform: uppercase; letter-spacing: 1px; margin-top: 8px;\n    }\n\n    .btn-group { display: flex; gap: 16px; }\n    .btn-primary {\n        background: var(--accent); color: #fff; padding: 16px 36px;\n        border-radius: 8px; font-weight: 700; text-decoration: none;\n        transition: all 0.3s; box-shadow: var(--accent-glow);\n    }\n    .btn-primary:hover { background: var(--accent-light); transform: translateY(-3px); }\n    .btn-outline {\n        border: 1px solid rgba(255,255,255,0.3); color: #fff; padding: 16px 36px;\n        border-radius: 8px; font-weight: 600; text-decoration: none; transition: 0.3s;\n    }\n    .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.1); }\n\n    \/* ========================================\n       Slide 2 & 3 \u901a\u7528\u5e03\u5c40\n       ======================================== *\/\n    .theme-dark { background: var(--dark-gradient); }\n    .theme-green { background: var(--green-gradient); }\n\n    .layout-split {\n        width: 100%; max-width: 1400px; padding: 0 60px;\n        display: grid; grid-template-columns: 45% 55%; gap: 60px;\n        align-items: center; z-index: 20;\n    }\n    .container-center {\n        width: 100%; max-width: 1400px; padding: 0 60px;\n        text-align: center; z-index: 20;\n    }\n\n    \/* \u6807\u7b7e\u6837\u5f0f *\/\n    .tag-pill {\n        display: inline-flex; align-items: center; gap: 8px;\n        background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3);\n        padding: 8px 18px; border-radius: 50px; color: var(--accent-light);\n        font-weight: 600; text-transform: uppercase; font-size: 12px;\n        letter-spacing: 1px; margin-bottom: 20px;\n    }\n\n    .hero-title {\n        font-size: 44px; font-weight: 800; line-height: 1.15; margin-bottom: 20px;\n    }\n    .hero-title span { color: var(--accent); }\n    .hero-desc {\n        font-size: 16px; line-height: 1.7; color: rgba(255,255,255,0.75); margin-bottom: 30px;\n    }\n\n    \/* Slide 2 \u7279\u6027\u5217\u8868 *\/\n    .feature-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 35px; }\n    .feature-item {\n        display: flex; align-items: center; gap: 16px;\n        background: rgba(255,255,255,0.03); padding: 16px 20px; border-radius: 12px;\n        border: 1px solid rgba(255,255,255,0.08); transition: 0.3s;\n    }\n    .feature-item:hover {\n        background: rgba(59, 130, 246, 0.1); border-color: rgba(59, 130, 246, 0.3);\n        transform: translateX(8px);\n    }\n    .feat-icon {\n        width: 44px; height: 44px; background: rgba(59, 130, 246, 0.15);\n        border-radius: 10px; display: flex; align-items: center; justify-content: center;\n        font-size: 20px; flex-shrink: 0;\n    }\n    .feat-text h4 { margin: 0 0 4px; font-size: 15px; color: #fff; font-weight: 600; }\n    .feat-text p { margin: 0; font-size: 13px; color: rgba(255,255,255,0.6); }\n\n    \/* \u5361\u7247\u7f51\u683c *\/\n    .products-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n    .cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 50px; }\n\n    .modern-card {\n        background: rgba(255,255,255,0.03); backdrop-filter: blur(10px);\n        border: 1px solid rgba(255,255,255,0.08); border-radius: 16px;\n        overflow: hidden; position: relative; transition: all 0.4s;\n        display: flex; flex-direction: column; text-align: left;\n    }\n    .modern-card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(59, 130, 246, 0.4);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 30px rgba(59, 130, 246, 0.1);\n    }\n\n    .card-img-box {\n        width: 100%; height: 220px; background: linear-gradient(135deg, #1e293b, #334155);\n        position: relative; overflow: hidden;\n    }\n    .card-img-box img {\n        width: 100%; height: 100%; object-fit: cover; transition: 0.5s;\n    }\n    .modern-card:hover .card-img-box img { transform: scale(1.08); }\n\n    .card-info { padding: 24px; flex: 1; display: flex; flex-direction: column; }\n    .card-info h3 { font-size: 18px; font-weight: 700; margin-bottom: 6px; color: #fff; }\n    .card-info .sub {\n        color: var(--accent); font-size: 11px; font-weight: 600;\n        text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;\n    }\n    .card-info .desc {\n        font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.5; margin-bottom: 16px;\n    }\n    .card-link {\n        color: var(--accent-light); font-weight: 600; text-decoration: none;\n        font-size: 13px; margin-top: auto; display: inline-flex; align-items: center; gap: 6px;\n        transition: 0.3s;\n    }\n    .card-link:hover { color: #fff; gap: 10px; }\n\n    \/* \u5bfc\u822a\u63a7\u4ef6 *\/\n    .nav-arrow {\n        position: absolute; top: 50%; transform: translateY(-50%);\n        width: 52px; height: 52px; border-radius: 50%;\n        border: 1px solid rgba(255,255,255,0.15);\n        background: rgba(0,0,0,0.4); backdrop-filter: blur(10px);\n        color: #fff; font-size: 20px; cursor: pointer; z-index: 30;\n        display: flex; align-items: center; justify-content: center; transition: 0.3s;\n    }\n    .nav-arrow:hover { background: var(--accent); border-color: var(--accent); }\n    .prev { left: 30px; } .next { right: 30px; }\n\n    .dots {\n        position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%);\n        display: flex; gap: 12px; z-index: 30;\n    }\n    .dot {\n        width: 10px; height: 10px; border-radius: 50%;\n        background: rgba(255,255,255,0.25); cursor: pointer; transition: 0.3s;\n    }\n    .dot.active {\n        background: var(--accent); width: 32px; border-radius: 5px;\n        box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);\n    }\n\n    \/* \u8fdb\u5ea6\u6761 *\/\n    .progress-bar {\n        position: absolute; bottom: 0; left: 0; height: 3px;\n        background: var(--accent); z-index: 30; animation: progress 6s linear infinite;\n    }\n    @keyframes progress { from { width: 0; } to { width: 100%; } }\n\n    @media (max-width: 1024px) {\n        .landu-banner { height: auto; min-height: 900px; }\n        .layout-split { grid-template-columns: 1fr; padding: 80px 30px; gap: 40px; }\n        .products-grid, .cards-grid { grid-template-columns: 1fr; }\n        .brand-title { font-size: 38px; }\n        .stats-row { gap: 30px; flex-wrap: wrap; justify-content: center; }\n        .hero-title { font-size: 32px; }\n    }\n<\/style>\n\n<section class=\"landu-banner\">\n    \n    <!-- === \u516c\u5171\u88c5\u9970\u5c42 === -->\n    <div class=\"global-overlay\">\n        <div class=\"grid-pattern\"><\/div>\n        <div class=\"glow-orb orb-1\"><\/div>\n        <div class=\"glow-orb orb-2\"><\/div>\n        <div class=\"particles-container\" id=\"particles\"><\/div>\n    <\/div>\n\n    <!-- === Slide 1: \u54c1\u724c\u5c55\u793a === -->\n    <div class=\"slide active theme-blue\">\n        <div class=\"brand-layout\">\n            <div class=\"brand-badge\">\n                <span class=\"badge-dot\"><\/span>\n                <span class=\"badge-text\">Edistyneet materiaaliratkaisut<\/span>\n            <\/div>\n            \n            <h1 class=\"brand-title\">\n                Johtava selluloosereitti<br><span>Innovaatio maailmanlaajuisesti<\/span>\n            <\/h1>\n            \n            <p class=\"brand-desc\">\n                LANDU erikoistuu korkeasuorituskykyisiin selluloosereitteihin pinnoitteisiin, rakentamiseen ja erikoissovelluksiin. Toimitamme johdonmukaista laatua ja innovatiivisia ratkaisuja kumppaneille ymp\u00e4ri maailmaa.\n            <\/p>\n\n            <div class=\"stats-row\">\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">15+<\/div>\n                    <div class=\"stat-label\">Vuosien kokemus<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">60+<\/div>\n                    <div class=\"stat-label\">Maittain palvelussa<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">500+<\/div>\n                    <div class=\"stat-label\">Maailmanlaajuiset yhteisty\u00f6kumppanit<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"btn-group\">\n                <a href=\"https:\/\/landu-china.com\/fi\/yritys\/\" class=\"btn-primary\">L\u00f6yd\u00e4 LANDU \u2192<\/a>\n                <a href=\"https:\/\/landu-china.com\/fi\/ota-yhteytta\/\" class=\"btn-outline\">Ota yhteytt\u00e4<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- === Slide 2: \u4ea7\u54c1\u5c55\u793a === -->\n    <div class=\"slide theme-dark\">\n        <div class=\"layout-split\">\n            <div class=\"content-left\">\n                <div class=\"tag-pill\">\u25c6 Tuoteratkaisut<\/div>\n                <h1 class=\"hero-title\">\n                    Korkeasuorituskykyinen <br><span>Selluloosereitit<\/span>\n                <\/h1>\n                <p class=\"hero-desc\">\n                    LANDU toimittaa edistyksellisi\u00e4 selluloosereittej\u00e4, jotka parantavat pinnoitemuotoilua \u2013 tarkasta viskositeetin hallinnasta erinomaisen kalvonlaadun ja parannetun vakauden saavuttamiseen.\n                <\/p>\n                \n                <div class=\"feature-list\">\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Ylivoimainen viskositeetin hallinta<\/h4>\n                            <p>Tarkka rheologian hallinta optimaalista levityst\u00e4 varten<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Parannettu kalvon laatu<\/h4>\n                            <p>Sile\u00e4, yhten\u00e4inen pinta ja erinomainen kest\u00e4vyys<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Ymp\u00e4rist\u00f6yst\u00e4v\u00e4lliset ratkaisut<\/h4>\n                            <p>Kest\u00e4vi\u00e4 reseptej\u00e4 vihre\u00e4mpiin maaleihin<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"btn-group\">\n                    <a href=\"https:\/\/landu-china.com\/fi\/tuotteet\/\" class=\"btn-primary\">Tutustu tuotteisiin \u2192<\/a>\n                    <a href=\"https:\/\/landu-china.com\/fi\/ota-yhteytta\/\" class=\"btn-outline\">Pyyd\u00e4 n\u00e4yte<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"products-grid\">\n                <!-- HEMC -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/08\/LANDU-LANDERCOLL-Hydroxyethyl-Methyl-Cellulose.jpg\" alt=\"HEMC\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>LANDERCOLL HEMC<\/h3>\n                        <div class=\"sub\">Premium-suorituskyky<\/div>\n                        <div class=\"desc\">Parantaa tasoitusta, vedenpid\u00e4tyst\u00e4 ja kalvon sileytt\u00e4 yhten\u00e4isten rakennuspinnoitteiden saavuttamiseksi.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fi\/hydroksietyylimetyyliselluloosa-hemc-mhec-mhec\/\" class=\"card-link\">Lue lis\u00e4\u00e4 <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <!-- HEC -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/07\/LANDU-HEC-Hydroxyethyl-Cellulose-product.jpg\" alt=\"HEC\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>LANDERCOLL HEC<\/h3>\n                        <div class=\"sub\">Monipuolinen rheologia<\/div>\n                        <div class=\"desc\">Varmistaa tehokkaan sakeutuksen, vakauden ja tasaisen levityksen vesipohjaisissa maaleissa.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fi\/hydroksietyyliselluloosa-hec\/\" class=\"card-link\">Lue lis\u00e4\u00e4 <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- === Slide 3: \u6838\u5fc3\u4ef7\u503c === -->\n    <div class=\"slide theme-green\">\n        <div class=\"container-center\">\n            <div class=\"section-header\">\n                <span class=\"tag-pill\">\u25c6 Miksi valita LANDU<\/span>\n                <h1 class=\"hero-title\">Laatu, innovaatio &amp; <span>Kest\u00e4v\u00e4 kehitys<\/span><\/h1>\n                <p class=\"hero-desc\" style=\"margin: 0 auto; max-width: 700px;\">\n                    Me LANDU:ss\u00e4 noudatamme korkeimpia standardeja tiukan tuotantovarmuuden, jatkuvan tutkimus- ja kehitysty\u00f6n sek\u00e4 ymp\u00e4rist\u00f6yst\u00e4v\u00e4llisten kest\u00e4vien k\u00e4yt\u00e4nt\u00f6jen kautta.\n                <\/p>\n            <\/div>\n\n            <div class=\"cards-grid\">\n                <!-- Card 1 -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/06\/HEC-Hydroxyethyl-Cellulose.jpg\" alt=\"Laatu\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Laadun huippuosaaminen<\/h3>\n                        <div class=\"sub\">Tiukat standardit<\/div>\n                        <div class=\"desc\">Edistynyt tuotantovarmuus ja tarkka formulointihallinta varmistavat johdonmukaiset, korkeasuorituskykyiset tulokset.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fi\/yritys\/sertifiointi-ja-laatu\/\" class=\"card-link\">Lue lis\u00e4\u00e4 <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <!-- Card 2 -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/Innovative-Spirit-NOVASTAR.jpg\" alt=\"Innovaatio\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Innovaatiokeskus<\/h3>\n                        <div class=\"sub\">T&amp;K-osaaminen<\/div>\n                        <div class=\"desc\">Asiantunteva T&amp;K-tiimimme kehitt\u00e4\u00e4 seuraavan sukupolven lis\u00e4aineita, jotka vastaavat kehittyvi\u00e4 teollisuuden vaatimuksia.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fi\/yritys\/innovaatiokeskus\/\" class=\"card-link\">Lue lis\u00e4\u00e4 <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <!-- Card 3 -->\n                <div class=\"modern-card\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/10\/landu-professional-sales-staff.jpg\" alt=\"Kest\u00e4v\u00e4 kehitys\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Kest\u00e4v\u00e4 kehitys<\/h3>\n                        <div class=\"sub\">Vihre\u00e4 sitoutuminen<\/div>\n                        <div class=\"desc\">Ymp\u00e4rist\u00f6yst\u00e4v\u00e4lliset prosessit, energiatehokkuus ja matala-VOC-ratkaisut puhtaamman teollisuuden puolesta.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/fi\/kestavyys\/\" class=\"card-link\">Lue lis\u00e4\u00e4 <span>\u2192<\/span><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u5bfc\u822a\u63a7\u4ef6 -->\n    <button class=\"nav-arrow prev\">\u2039<\/button>\n    <button class=\"nav-arrow next\">\u203a<\/button>\n    <div class=\"dots\">\n        <div class=\"dot active\" data-index=\"0\"><\/div>\n        <div class=\"dot\" data-index=\"1\"><\/div>\n        <div class=\"dot\" data-index=\"2\"><\/div>\n    <\/div>\n    <div class=\"progress-bar\"><\/div>\n<\/section>\n\n<script>\n(function() {\n    const slides = document.querySelectorAll('.slide');\n    const dots = document.querySelectorAll('.dot');\n    const prevBtn = document.querySelector('.prev');\n    const nextBtn = document.querySelector('.next');\n    const progressBar = document.querySelector('.progress-bar');\n    let current = 0;\n    let timer;\n\n    function show(index) {\n        if (index >= slides.length) index = 0;\n        if (index < 0) index = slides.length - 1;\n        slides.forEach(s => s.classList.remove('active'));\n        dots.forEach(d => d.classList.remove('active'));\n        current = index;\n        slides[current].classList.add('active');\n        dots[current].classList.add('active');\n        \/\/ \u91cd\u7f6e\u8fdb\u5ea6\u6761\u52a8\u753b\n        progressBar.style.animation = 'none';\n        progressBar.offsetHeight;\n        progressBar.style.animation = 'progress 6s linear infinite';\n    }\n\n    function next() { show(current + 1); }\n    function prev() { show(current - 1); }\n\n    prevBtn.addEventListener('click', () => { prev(); resetTimer(); });\n    nextBtn.addEventListener('click', () => { next(); resetTimer(); });\n    dots.forEach((dot, idx) => dot.addEventListener('click', () => { show(idx); resetTimer(); }));\n\n    function startTimer() { timer = setInterval(next, 6000); }\n    function resetTimer() { clearInterval(timer); startTimer(); }\n    startTimer();\n\n    \/\/ \u52a8\u6001\u7c92\u5b50\u6548\u679c\n    function createParticles() {\n        const container = document.getElementById('particles');\n        const count = 25;\n        for(let i = 0; i < count; i++) {\n            const particle = document.createElement('div');\n            particle.className = 'particle';\n            particle.style.left = Math.random() * 100 + '%';\n            particle.style.bottom = '-10px';\n            particle.style.animationDuration = (Math.random() * 8 + 6) + 's';\n            particle.style.animationDelay = Math.random() * 6 + 's';\n            particle.style.opacity = Math.random() * 0.5 + 0.3;\n            container.appendChild(particle);\n        }\n    }\n    createParticles();\n})();\n<\/script>\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-b25233b e-con-full e-flex e-con e-parent\" data-id=\"b25233b\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d35dbc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5d35dbc\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Professional Intro (Modern Corporate Style) -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');\n\n    :root {\n        --primary-blue: #0066cc;\n        --primary-dark: #004080;\n        --accent-orange: #ff6b35;\n        --neutral-dark: #1e293b;\n        --neutral-gray: #64748b;\n        --neutral-light: #f8fafc;\n        --gradient-start: #0066cc;\n        --gradient-end: #00a8e8;\n    }\n\n    .landu-section {\n        position: relative;\n        padding: 80px 0;\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        font-family: 'Inter', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f *\/\n    .geometric-bg {\n        position: absolute; \n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 100%;\n        background-image: \n            radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.05) 0%, transparent 50%),\n            radial-gradient(circle at 80% 70%, rgba(255, 107, 53, 0.05) 0%, transparent 50%);\n        z-index: 1;\n    }\n\n    \/* \u9876\u90e8\u88c5\u9970\u6761 *\/\n    .top-accent-bar {\n        position: absolute; \n        top: 0; \n        left: 0; \n        width: 100%; \n        height: 4px;\n        background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);\n        z-index: 10;\n    }\n\n    .container-modern {\n        max-width: 1400px; \n        margin: 0 auto; \n        padding: 0 40px;\n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 60px;\n        align-items: center; \n        position: relative; \n        z-index: 5;\n    }\n\n    \/* \u5de6\u4fa7\uff1a\u56fe\u7247\u5c55\u793a\u533a *\/\n    .image-showcase {\n        position: relative;\n        padding: 20px;\n        background: #fff;\n        border-radius: 16px;\n        box-shadow: \n            0 4px 6px rgba(0, 0, 0, 0.05),\n            0 10px 25px rgba(0, 102, 204, 0.1);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .image-showcase:hover {\n        transform: translateY(-5px);\n        box-shadow: \n            0 8px 12px rgba(0, 0, 0, 0.08),\n            0 20px 40px rgba(0, 102, 204, 0.15);\n    }\n\n    \/* \u88c5\u9970\u89d2\u6807 *\/\n    .corner-accent {\n        position: absolute;\n        width: 60px;\n        height: 60px;\n        z-index: 20;\n    }\n\n    .corner-accent-tl {\n        top: -10px;\n        left: -10px;\n        border-top: 4px solid var(--accent-orange);\n        border-left: 4px solid var(--accent-orange);\n        border-radius: 16px 0 0 0;\n    }\n\n    .corner-accent-br {\n        bottom: -10px;\n        right: -10px;\n        border-bottom: 4px solid var(--primary-blue);\n        border-right: 4px solid var(--primary-blue);\n        border-radius: 0 0 16px 0;\n    }\n\n    \/* \u56fe\u7247\u7f51\u683c *\/\n    .img-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 330px 220px; \n        gap: 12px;\n    }\n\n    .img-box {\n        position: relative; \n        overflow: hidden; \n        border-radius: 8px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .img-modern {\n        width: 100%; \n        height: 100%; \n        object-fit: cover; \n        object-position: center center;\n        transition: transform 0.6s ease;\n    }\n\n    .img-box:hover .img-modern { \n        transform: scale(1.08); \n    }\n\n    \/* \u56fe\u7247\u60ac\u6d6e\u906e\u7f69\u6548\u679c *\/\n    .img-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, rgba(0, 102, 204, 0.8) 0%, rgba(0, 168, 232, 0.6) 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #fff;\n        font-weight: 600;\n        font-size: 14px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .img-box:hover .img-overlay {\n        opacity: 1;\n    }\n\n    .box-main { \n        grid-column: 1 \/ -1; \n        grid-row: 1 \/ 2; \n    }\n\n    .box-sub1 { \n        grid-column: 1 \/ 2; \n        grid-row: 2 \/ 3; \n    }\n\n    .box-sub2 { \n        grid-column: 2 \/ 3; \n        grid-row: 2 \/ 3; \n    }\n\n    \/* \u6d6e\u52a8\u5fbd\u7ae0 *\/\n    .floating-badge {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n        color: #fff;\n        padding: 10px 20px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 13px;\n        box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);\n        z-index: 30;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-10px); }\n    }\n\n    \/* \u53f3\u4fa7\u6587\u6848 *\/\n    .text-content { \n        position: relative; \n    }\n\n    .tag-modern {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--gradient-end) 100%);\n        color: #fff;\n        padding: 8px 20px; \n        border-radius: 50px;\n        font-weight: 700; \n        font-size: 14px;\n        margin-bottom: 20px;\n        box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .tag-icon {\n        width: 16px;\n        height: 16px;\n        fill: #fff;\n    }\n\n    .h2-modern {\n        font-family: 'Playfair Display', serif;\n        font-size: 46px; \n        line-height: 1.2; \n        color: var(--neutral-dark);\n        margin-bottom: 24px;\n        font-weight: 700;\n    }\n\n    .h2-modern .highlight {\n        color: var(--primary-blue);\n        position: relative;\n        display: inline-block;\n    }\n\n    .h2-modern .highlight::after {\n        content: '';\n        position: absolute;\n        bottom: 8px;\n        left: 0;\n        width: 100%;\n        height: 12px;\n        background: rgba(0, 102, 204, 0.1);\n        z-index: -1;\n    }\n\n    .intro-text {\n        font-size: 16px; \n        line-height: 1.8; \n        color: var(--neutral-gray); \n        margin-bottom: 35px;\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .features-grid {\n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 20px 30px; \n        margin-bottom: 40px;\n    }\n\n    .feature-item { \n        display: flex; \n        align-items: flex-start; \n        gap: 14px; \n        transition: transform 0.3s ease;\n        padding: 12px;\n        border-radius: 8px;\n    }\n\n    .feature-item:hover { \n        transform: translateX(8px);\n        background: rgba(0, 102, 204, 0.03);\n    }\n    \n    .icon-container { \n        width: 40px; \n        height: 40px; \n        flex-shrink: 0; \n        display: flex; \n        align-items: center; \n        justify-content: center;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--gradient-end) 100%);\n        border-radius: 8px;\n        box-shadow: 0 4px 10px rgba(0, 102, 204, 0.2);\n    }\n\n    .feature-item:hover .icon-container {\n        animation: pulse 0.6s ease;\n    }\n\n    @keyframes pulse {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.1); }\n    }\n\n    .feature-icon { \n        width: 22px; \n        height: 22px; \n        fill: #fff;\n    }\n\n    .feature-text { \n        font-size: 15px; \n        font-weight: 600; \n        color: var(--neutral-dark); \n        line-height: 1.5;\n        padding-top: 8px;\n    }\n\n    .feature-full {\n        grid-column: 1 \/ -1;\n    }\n\n    \/* CTA \u6309\u94ae *\/\n    .cta-button {\n        position: relative; \n        display: inline-flex; \n        align-items: center; \n        gap: 12px;\n        background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n        color: #fff;\n        padding: 18px 50px; \n        border-radius: 50px;\n        font-weight: 700; \n        font-size: 16px;\n        text-decoration: none; \n        overflow: hidden;\n        box-shadow: 0 8px 20px rgba(255, 107, 53, 0.4);\n        transition: all 0.3s ease;\n    }\n\n    .cta-button:hover { \n        transform: translateY(-3px) scale(1.02); \n        box-shadow: 0 12px 30px rgba(255, 107, 53, 0.5);\n    }\n\n    .cta-button::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        animation: shine 3s infinite;\n    }\n\n    @keyframes shine { \n        0% { left: -100%; } \n        20% { left: 100%; } \n        100% { left: 100%; } \n    }\n\n    .btn-arrow {\n        width: 20px;\n        height: 20px;\n        fill: #fff;\n        transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover .btn-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n        .container-modern { \n            grid-template-columns: 1fr; \n            gap: 50px; \n        }\n        .img-grid { \n            grid-template-rows: 250px 200px; \n        }\n        .h2-modern {\n            font-size: 36px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .landu-section {\n            padding: 60px 0;\n        }\n        .container-modern {\n            padding: 0 20px;\n        }\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n        .h2-modern {\n            font-size: 32px;\n        }\n    }\n<\/style>\n\n<section class=\"landu-section\">\n    <div class=\"geometric-bg\"><\/div>\n    <div class=\"top-accent-bar\"><\/div>\n\n    <div class=\"container-modern\">\n        \n        <!-- \u5de6\u4fa7\uff1a\u56fe\u7247\u5c55\u793a -->\n        <div class=\"image-showcase\">\n            <div class=\"corner-accent corner-accent-tl\"><\/div>\n            <div class=\"corner-accent corner-accent-br\"><\/div>\n            \n            <div class=\"floating-badge\">ISO 9001 Sertifioitu<\/div>\n\n            <div class=\"img-grid\">\n                <!-- \u4e3b\u56fe -->\n                <div class=\"img-box box-main\">\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/12\/DSC7457-\u62f7\u8d1d.webp\" alt=\"LANDU Tehdas\" class=\"img-modern\">\n                    <div class=\"img-overlay\">Valmistuslaitos<\/div>\n                <\/div>\n                \n                <!-- \u5c0f\u56fe1 -->\n                <div class=\"img-box box-sub1\">\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01032-scaled.jpg\" alt=\"LANDU Laboratorio\" class=\"img-modern\" loading=\"lazy\">\n                    <div class=\"img-overlay\">T&amp;K-laboratorio<\/div>\n                <\/div>\n                \n                <!-- \u5c0f\u56fe2 -->\n                <div class=\"img-box box-sub2\">\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/861F6231.jpg\" alt=\"LANDU-toimisto\" class=\"img-modern\" loading=\"lazy\">\n                    <div class=\"img-overlay\">Toimisto<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u53f3\u4fa7\uff1a\u6587\u6848\u5185\u5bb9 -->\n        <div class=\"text-content\">\n            <div class=\"tag-modern\">\n                <svg class=\"tag-icon\" viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z\"\/>\n                <\/svg>\n                Toimialan johtaja\n            <\/div>\n            \n            <h2 class=\"h2-modern\">\n                Sitoutunut toimittamaan <br>\n                <span class=\"highlight\">Ylivertaiset suorituskykykemikaalit<\/span>\n            <\/h2>\n            \n            <p class=\"intro-text\">\n                LANDU on johtava selluloosahartsi (CE) ja VAE-levitett\u00e4vien polymeerien valmistaja. Tarjoamme korkealaatuisia kemiallisia modifioijia (HPMC, HEMC, HEC, PCE), jotka edist\u00e4v\u00e4t innovaatioita rakennusmateriaaleissa, p\u00e4ivitt\u00e4istavaroissa, ruoassa ja l\u00e4\u00e4kkeiss\u00e4.\n            <\/p>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\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                    <span class=\"feature-text\">3 tuotantokeskusta<br>(75 000 tonnin kapasiteetti)<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\n                            <path d=\"M20 8h-3V4H3v16h18v-8zM5 6h10v2H5V6zm0 12v-2h10v2H5zm13 0h-1v-6h1v6z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">Suuri varastointi ja<br>Nopea toimitus<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\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                    <span class=\"feature-text\">Monikansallinen<br>Yhteisty\u00f6kokemus<\/span>\n                <\/div>\n\n                <div class=\"feature-item\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\n                            <path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">11 patenttia ja<br>4 hy\u00f6tymallia<\/span>\n                <\/div>\n\n                <div class=\"feature-item feature-full\">\n                    <div class=\"icon-container\">\n                        <svg class=\"feature-icon\" viewbox=\"0 0 24 24\">\n                            <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">ISO 9001 Laadunhallinta ja EU REACH -sertifioitu<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/landu-china.com\/fi\/ota-yhteytta\/\" class=\"cta-button\">\n                L\u00e4het\u00e4 kysely nyt\n                <svg class=\"btn-arrow\" viewbox=\"0 0 24 24\">\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<\/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-9cca056 e-con-full e-flex e-con e-parent\" data-id=\"9cca056\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a73e1e9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a73e1e9\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Professional Product Showcase -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;600;700&display=swap');\n\n    :root {\n        --bg-gradient-start: #f8fafc;\n        --bg-gradient-end: #e2e8f0;\n        --card-white: #ffffff;\n        --primary-blue: #0066cc;\n        --primary-dark: #004080;\n        --accent-orange: #ff6b35;\n        --accent-teal: #00a8e8;\n        --text-dark: #1e293b;\n        --text-gray: #64748b;\n        --border-light: #e5e7eb;\n    }\n\n    .landu-product-section {\n        position: relative;\n        padding: 100px 0 110px;\n        background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);\n        font-family: 'Inter', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* =========================================\n       \ud83c\udfa8 1. \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f\u88c5\u9970\n       ========================================= *\/\n    .geometric-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n        pointer-events: none;\n        overflow: hidden;\n    }\n\n    .geo-circle {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.06;\n    }\n\n    .geo-circle-1 {\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, var(--primary-blue) 0%, transparent 70%);\n        top: -100px;\n        left: -100px;\n    }\n\n    .geo-circle-2 {\n        width: 300px;\n        height: 300px;\n        background: radial-gradient(circle, var(--accent-orange) 0%, transparent 70%);\n        bottom: -50px;\n        right: -50px;\n    }\n\n    .geo-circle-3 {\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, var(--accent-teal) 0%, transparent 70%);\n        top: 50%;\n        right: 10%;\n        animation: float-gentle 8s ease-in-out infinite;\n    }\n\n    @keyframes float-gentle {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-30px); }\n    }\n\n    \/* \u9876\u90e8\u88c5\u9970\u6761 *\/\n    .top-accent-line {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 5px;\n        background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 50%, var(--accent-orange) 100%);\n        z-index: 10;\n    }\n\n    \/* =========================================\n       2. \u5e03\u5c40\u5bb9\u5668\n       ========================================= *\/\n    .container-product {\n        max-width: 1500px;\n        width: 94%;\n        margin: 0 auto;\n        position: relative;\n        z-index: 5;\n    }\n\n    \/* =========================================\n       3. \u5934\u90e8\u533a\u57df\n       ========================================= *\/\n    .header-section {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-bottom: 70px;\n        position: relative;\n    }\n\n    .logo-container {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 24px;\n        padding: 16px 40px;\n        background: #fff;\n        border: 2px solid var(--border-light);\n        border-radius: 60px;\n        box-shadow: \n            0 4px 6px rgba(0, 0, 0, 0.05),\n            0 10px 25px rgba(0, 102, 204, 0.08);\n        margin-bottom: 24px;\n        position: relative;\n        transition: transform 0.3s ease;\n    }\n\n    .logo-container:hover {\n        transform: translateY(-3px);\n        box-shadow: \n            0 8px 12px rgba(0, 0, 0, 0.08),\n            0 15px 35px rgba(0, 102, 204, 0.12);\n    }\n\n    \/* \u88c5\u9970\u89d2\u6807 *\/\n    .corner-badge {\n        position: absolute;\n        top: -12px;\n        left: -12px;\n        width: 48px;\n        height: 48px;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);\n        z-index: 10;\n    }\n\n    .corner-badge svg {\n        width: 24px;\n        height: 24px;\n        fill: white;\n    }\n\n    .logo-img-main {\n        height: 40px !important;\n        width: auto !important;\n        display: block;\n    }\n\n    .separator-line {\n        width: 2px;\n        height: 30px;\n        background: linear-gradient(180deg, transparent 0%, var(--border-light) 50%, transparent 100%);\n    }\n\n    .header-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 20px;\n        color: var(--text-dark);\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .title-icon {\n        width: 20px;\n        height: 20px;\n        fill: var(--primary-blue);\n    }\n\n    .header-description {\n        font-size: 17px;\n        color: var(--text-gray);\n        max-width: 850px;\n        text-align: center;\n        line-height: 1.7;\n        font-weight: 400;\n    }\n\n    \/* =========================================\n       4. \u4ea7\u54c1\u7f51\u683c\n       ========================================= *\/\n    .product-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 35px;\n    }\n\n    .product-card {\n        background: var(--card-white);\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: \n            0 4px 6px rgba(0, 0, 0, 0.05),\n            0 10px 25px rgba(0, 0, 0, 0.08);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        display: flex;\n        flex-direction: column;\n        border: 1px solid var(--border-light);\n        position: relative;\n    }\n\n    .product-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }\n\n    .product-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .product-card:hover {\n        transform: translateY(-12px);\n        box-shadow: \n            0 12px 20px rgba(0, 0, 0, 0.1),\n            0 25px 50px rgba(0, 102, 204, 0.15);\n        border-color: var(--primary-blue);\n    }\n\n    \/* \u6d6e\u52a8\u5fbd\u7ae0 *\/\n    .quality-badge {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n        color: #fff;\n        padding: 8px 18px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 12px;\n        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);\n        z-index: 20;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    \/* === \u56fe\u7247\u533a\u57df === *\/\n    .image-container {\n        width: 100%;\n        height: 320px;\n        position: relative;\n        background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);\n        border-bottom: 1px solid var(--border-light);\n        display: flex;\n        align-items: flex-end;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u7c92\u5b50\u6548\u679c *\/\n    .particle-effect {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 2;\n    }\n\n    .particle {\n        position: absolute;\n        width: 4px;\n        height: 4px;\n        background: var(--primary-blue);\n        border-radius: 50%;\n        opacity: 0;\n        animation: particle-float 4s ease-in-out infinite;\n    }\n\n    @keyframes particle-float {\n        0% {\n            transform: translateY(0) scale(0);\n            opacity: 0;\n        }\n        50% {\n            opacity: 0.6;\n        }\n        100% {\n            transform: translateY(-100px) scale(1);\n            opacity: 0;\n        }\n    }\n\n    .particle-1 { left: 20%; animation-delay: 0s; }\n    .particle-2 { left: 50%; animation-delay: 1.5s; background: var(--accent-teal); }\n    .particle-3 { left: 80%; animation-delay: 3s; background: var(--accent-orange); }\n\n    .product-image {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center bottom;\n        position: relative;\n        z-index: 3;\n        transform: scale(1.05);\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        filter: drop-shadow(0 -10px 30px rgba(0, 0, 0, 0.1));\n    }\n\n    .product-card:hover .product-image {\n        transform: scale(1.12);\n    }\n\n    \/* \u5185\u5bb9\u533a *\/\n    .content-area {\n        padding: 35px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        text-align: left;\n        position: relative;\n        background: #fff;\n    }\n\n    \/* \u88c5\u9970\u6c34\u5370 *\/\n    .watermark-icon {\n        position: absolute;\n        bottom: -15px;\n        right: -15px;\n        width: 100px;\n        height: 100px;\n        opacity: 0.04;\n        pointer-events: none;\n        transform: rotate(-15deg);\n    }\n\n    .product-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 32px;\n        color: var(--text-dark);\n        margin-bottom: 8px;\n        font-weight: 700;\n        position: relative;\n        display: inline-block;\n    }\n\n    .product-subtitle {\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--primary-blue);\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        margin-bottom: 18px;\n    }\n\n    .product-description {\n        font-size: 15px;\n        line-height: 1.7;\n        color: var(--text-gray);\n        margin-bottom: 28px;\n        flex-grow: 1;\n    }\n\n    \/* === \ud83c\udfaf CTA \u6309\u94ae === *\/\n    .cta-btn {\n        margin-top: auto;\n        align-self: flex-start;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        padding: 14px 32px;\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n        color: white;\n        font-size: 15px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 50px;\n        box-shadow: 0 6px 15px rgba(0, 102, 204, 0.3);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        z-index: 5;\n    }\n\n    .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        animation: btn-shine 3s infinite;\n    }\n\n    @keyframes btn-shine {\n        0% { left: -100%; }\n        20% { left: 100%; }\n        100% { left: 100%; }\n    }\n\n    .cta-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(0, 102, 204, 0.4);\n        background: linear-gradient(135deg, #0052a3 0%, #0090cc 100%);\n    }\n\n    .btn-text,\n    .btn-arrow {\n        position: relative;\n        z-index: 2;\n    }\n\n    .btn-arrow {\n        transition: transform 0.3s ease;\n        font-size: 18px;\n    }\n\n    .cta-btn:hover .btn-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272 *\/\n    .product-card:nth-child(1) .image-container {\n        background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);\n    }\n\n    .product-card:nth-child(2) .image-container {\n        background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);\n    }\n\n    .product-card:nth-child(2) .product-subtitle {\n        color: var(--accent-teal);\n    }\n\n    .product-card:nth-child(3) .image-container {\n        background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);\n    }\n\n    .product-card:nth-child(3) .product-subtitle {\n        color: var(--accent-orange);\n    }\n\n    \/* =========================================\n       5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n       ========================================= *\/\n    @media (max-width: 1200px) {\n        .product-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .landu-product-section {\n            padding: 70px 0 80px;\n        }\n\n        .product-grid {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .header-section {\n            margin-bottom: 50px;\n        }\n\n        .logo-container {\n            flex-direction: column;\n            gap: 15px;\n            padding: 20px 30px;\n        }\n\n        .separator-line {\n            width: 30px;\n            height: 2px;\n        }\n\n        .header-title {\n            font-size: 16px;\n            flex-direction: column;\n        }\n\n        .product-title {\n            font-size: 28px;\n        }\n\n        .image-container {\n            height: 280px;\n        }\n    }\n<\/style>\n\n<section class=\"landu-product-section\">\n    \n    <!-- \u51e0\u4f55\u80cc\u666f -->\n    <div class=\"geometric-background\">\n        <div class=\"geo-circle geo-circle-1\"><\/div>\n        <div class=\"geo-circle geo-circle-2\"><\/div>\n        <div class=\"geo-circle geo-circle-3\"><\/div>\n    <\/div>\n    \n    <!-- \u9876\u90e8\u88c5\u9970\u6761 -->\n    <div class=\"top-accent-line\"><\/div>\n\n    <div class=\"container-product\">\n        \n        <!-- \u5934\u90e8\u533a\u57df -->\n        <div class=\"header-section\">\n            <div class=\"logo-container\">\n                <!-- \u88c5\u9970\u5fbd\u7ae0 -->\n                <div class=\"corner-badge\">\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n                    <\/svg>\n                <\/div>\n                \n                <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/09\/LANDERCOLL.png\" \n                     alt=\"Landercoll\" \n                     class=\"logo-img-main\">\n                \n                <div class=\"separator-line\"><\/div>\n                \n                <span class=\"header-title\">\n                    <svg class=\"title-icon\" viewbox=\"0 0 24 24\">\n                        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n                    <\/svg>\n                    selluloosahartsi-ratkaisut\n                    <svg class=\"title-icon\" viewbox=\"0 0 24 24\">\n                        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n                    <\/svg>\n                <\/span>\n            <\/div>\n            \n            <p class=\"header-description\">\n                Premium selluloosahartsi-teknologiat tarjoavat erinomaisen suorituskyvyn rakennus-, pinnoite- ja teollisuussovelluksissa maailmanlaajuisesti.\n            <\/p>\n        <\/div>\n\n        <!-- \u4ea7\u54c1\u7f51\u683c -->\n        <div class=\"product-grid\">\n            \n            <!-- Card 1: HPMC -->\n            <div class=\"product-card\">\n                <div class=\"quality-badge\">Premium<\/div>\n                \n                <div class=\"image-container\">\n                    <!-- \u52a8\u6001\u7c92\u5b50\u6548\u679c -->\n                    <div class=\"particle-effect\">\n                        <div class=\"particle particle-1\"><\/div>\n                        <div class=\"particle particle-2\"><\/div>\n                        <div class=\"particle particle-3\"><\/div>\n                    <\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/HPMC.webp\" \n                         alt=\"HPMC\" \n                         class=\"product-image\">\n                <\/div>\n                \n                <div class=\"content-area\">\n                    <!-- \u88c5\u9970\u6c34\u5370 -->\n                    <svg class=\"watermark-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n                    <\/svg>\n                    \n                    <h3 class=\"product-title\">HPMC<\/h3>\n                    <span class=\"product-subtitle\">Hydroksipropyylimetyyliselluloosa<\/span>\n                    <p class=\"product-description\">\n                        Erinomaiset vedenpid\u00e4tys- ja sakeutustoiminnot. Ihanteellinen rakennusmateriaalien, laattaliimojen ja sementtipohjaisten laastien k\u00e4ytt\u00f6\u00f6n.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/fi\/hydroksipropyylimetyyliselluloosa-hpmc\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">N\u00e4yt\u00e4 yksityiskohdat<\/span>\n                        <span class=\"btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: HEMC -->\n            <div class=\"product-card\">\n                <div class=\"quality-badge\">Edistynyt<\/div>\n                \n                <div class=\"image-container\">\n                    <div class=\"particle-effect\">\n                        <div class=\"particle particle-1\" style=\"animation-delay: 0.5s;\"><\/div>\n                        <div class=\"particle particle-2\" style=\"animation-delay: 2s;\"><\/div>\n                        <div class=\"particle particle-3\" style=\"animation-delay: 3.5s;\"><\/div>\n                    <\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/HEMC.webp\" \n                         alt=\"HEMC\" \n                         class=\"product-image\">\n                <\/div>\n                \n                <div class=\"content-area\">\n                    <svg class=\"watermark-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\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                    \n                    <h3 class=\"product-title\">HEMC<\/h3>\n                    <span class=\"product-subtitle\">Hydroksietyylimetyyliselluloosa<\/span>\n                    <p class=\"product-description\">\n                        Ominaisuudet sis\u00e4lt\u00e4v\u00e4t pidemm\u00e4n avoimen ajan ja erinomaisen l\u00e4mm\u00f6nkest\u00e4vyyden. T\u00e4ydellinen korkeasuorituskykyisiin liimaukseen.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/fi\/hydroksietyylimetyyliselluloosa-hemc-mhec-mhec\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">N\u00e4yt\u00e4 yksityiskohdat<\/span>\n                        <span class=\"btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: HEC -->\n            <div class=\"product-card\">\n                <div class=\"quality-badge\">Ammattilainen<\/div>\n                \n                <div class=\"image-container\">\n                    <div class=\"particle-effect\">\n                        <div class=\"particle particle-1\" style=\"animation-delay: 1s;\"><\/div>\n                        <div class=\"particle particle-2\" style=\"animation-delay: 2.5s;\"><\/div>\n                        <div class=\"particle particle-3\" style=\"animation-delay: 4s;\"><\/div>\n                    <\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/HEC.webp\" \n                         alt=\"HEC\" \n                         class=\"product-image\">\n                <\/div>\n                \n                <div class=\"content-area\">\n                    <svg class=\"watermark-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\n                    <\/svg>\n                    \n                    <h3 class=\"product-title\">HEC<\/h3>\n                    <span class=\"product-subtitle\">Hydroksietyyliselluloosa<\/span>\n                    <p class=\"product-description\">\n                        Erinomainen vakaus pinnoitteille ja maaleille. Tuottaa sileit\u00e4, tasaisia viimeistelyj\u00e4 ammattilaisk\u00e4ytt\u00f6\u00f6n.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/fi\/hydroksietyyliselluloosa-hec\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">N\u00e4yt\u00e4 yksityiskohdat<\/span>\n                        <span class=\"btn-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-0b30568 e-con-full e-flex e-con e-parent\" data-id=\"0b30568\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21fa826 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"21fa826\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU RDP Product Showcase - Professional Corporate Edition -->\n<section class=\"landu-rdp-showcase\">\n  <style>\n    \/* --- \ud83c\udfa8 \u73b0\u4ee3\u4f01\u4e1a\u914d\u8272\u7cfb\u7edf --- *\/\n    :root {\n      --primary-blue: #0066cc;\n      --primary-dark: #004080;\n      --accent-teal: #00a8e8;\n      --accent-orange: #ff6b35;\n      --neutral-dark: #1e293b;\n      --neutral-gray: #64748b;\n      --neutral-light: #f8fafc;\n      --card-shadow: rgba(0, 102, 204, 0.08);\n    }\n\n    .landu-rdp-showcase {\n      width: 100%;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f *\/\n    .landu-rdp-showcase::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        radial-gradient(circle at 20% 30%, rgba(0, 102, 204, 0.03) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(255, 107, 53, 0.03) 0%, transparent 50%);\n      z-index: 0;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u88c5\u9970\u6761 *\/\n    .landu-rdp-showcase::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 50%, var(--accent-orange) 100%);\n      z-index: 10;\n    }\n\n    \/* --- \u5bb9\u5668\u5bbd\u5ea6 (\u4fdd\u6301 1532px) --- *\/\n    .landu-rdp-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- \u9876\u90e8\u4ecb\u7ecd\u533a --- *\/\n    .landu-rdp-intro {\n      text-align: center;\n      margin-bottom: 70px;\n      max-width: 950px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .landu-rdp-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 16px;\n      padding: 12px 32px;\n      background: #fff;\n      border: 2px solid rgba(0, 102, 204, 0.15);\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 102, 204, 0.08);\n      border-radius: 60px;\n      margin-bottom: 28px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .landu-rdp-badge:hover {\n      box-shadow: \n        0 8px 12px rgba(0, 0, 0, 0.08),\n        0 15px 35px rgba(0, 102, 204, 0.12);\n      transform: translateY(-3px);\n      border-color: rgba(0, 102, 204, 0.3);\n    }\n\n    \/* \u5fbd\u7ae0\u88c5\u9970\u56fe\u6807 *\/\n    .landu-rdp-badge::before {\n      content: '';\n      position: absolute;\n      top: -8px;\n      left: -8px;\n      width: 32px;\n      height: 32px;\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      border-radius: 50%;\n      box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);\n    }\n\n    .landu-rdp-badge::after {\n      content: '\u2605';\n      position: absolute;\n      top: -8px;\n      left: -8px;\n      width: 32px;\n      height: 32px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 16px;\n    }\n\n    \/* \u2705 Logo \u56fe\u7247\u6837\u5f0f *\/\n    .landu-rdp-badge img {\n      height: 32px;\n      width: auto;\n      display: block;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-badge-text {\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--primary-blue);\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-content {\n      font-size: 19px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n    }\n\n    .landu-rdp-content .highlight {\n      color: var(--primary-blue);\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n    \n    \/* \u6587\u5b57\u4e0b\u65b9\u7684\u88c5\u9970\u7ebf *\/\n    .landu-rdp-content .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background: rgba(0, 102, 204, 0.1);\n      z-index: -1;\n    }\n\n    \/* --- \u4ea7\u54c1\u7f51\u683c --- *\/\n    .landu-rdp-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n    }\n\n    .landu-rdp-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      border: 1px solid rgba(226, 232, 240, 1);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u8272\u6761 *\/\n    .landu-rdp-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      z-index: 10;\n    }\n\n    .landu-rdp-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .landu-rdp-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 12px 20px rgba(0, 0, 0, 0.1),\n        0 25px 50px var(--card-shadow);\n      border-color: rgba(0, 102, 204, 0.2);\n    }\n\n    \/* --- \ud83c\udfaf \u7cbe\u81f4\u88c5\u9970\uff1a\u53f3\u4e0a\u89d2\u6d6e\u52a8\u5fbd\u7ae0 --- *\/\n    .card-quality-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      padding: 6px 16px;\n      background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c42 100%);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border-radius: 50px;\n      box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);\n      z-index: 20;\n      animation: badge-float 3s ease-in-out infinite;\n    }\n\n    @keyframes badge-float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-5px); }\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df & \u52a8\u6001\u7c92\u5b50\u6548\u679c --- *\/\n    .landu-rdp-image {\n      position: relative;\n      width: 100%;\n      height: 320px;\n      overflow: hidden;\n      background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      padding: 0;\n      transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \ud83c\udf1f \u73b0\u4ee3\u7c92\u5b50\u6548\u679c\u66ff\u4ee3\u96ea\u82b1 *\/\n    .particle-layer {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 5;\n    }\n\n    .particle {\n      position: absolute;\n      width: 4px;\n      height: 4px;\n      background: var(--primary-blue);\n      border-radius: 50%;\n      opacity: 0;\n      animation: particle-rise 5s ease-in-out infinite;\n    }\n\n    @keyframes particle-rise {\n      0% {\n        transform: translateY(0) scale(0);\n        opacity: 0;\n      }\n      50% {\n        opacity: 0.6;\n      }\n      100% {\n        transform: translateY(-120px) scale(1);\n        opacity: 0;\n      }\n    }\n\n    .particle:nth-child(1) { left: 20%; animation-delay: 0s; }\n    .particle:nth-child(2) { left: 50%; animation-delay: 1.5s; background: var(--accent-teal); }\n    .particle:nth-child(3) { left: 80%; animation-delay: 3s; background: var(--accent-orange); }\n    .particle:nth-child(4) { left: 35%; animation-delay: 2s; width: 3px; height: 3px; }\n    .particle:nth-child(5) { left: 65%; animation-delay: 4s; width: 3px; height: 3px; }\n\n    \/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69 *\/\n    .landu-rdp-image::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 80px;\n      background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);\n      z-index: 4;\n      pointer-events: none;\n    }\n\n    .landu-rdp-card:hover .landu-rdp-image img {\n      transform: scale(1.08);\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .landu-rdp-text {\n      padding: 36px 32px;\n      flex-grow: 1;\n      background: #fff;\n      position: relative;\n      z-index: 6;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u88c5\u9970\u6c34\u5370 *\/\n    .content-watermark {\n      position: absolute;\n      bottom: -10px;\n      right: -10px;\n      width: 100px;\n      height: 100px;\n      opacity: 0.03;\n      pointer-events: none;\n    }\n\n    .landu-rdp-type {\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--primary-blue);\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .landu-rdp-type::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent-orange);\n      border-radius: 50%;\n      box-shadow: 0 0 8px rgba(255, 107, 53, 0.5);\n    }\n\n    .landu-rdp-title {\n      font-size: 24px;\n      font-weight: 800;\n      color: var(--neutral-dark);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .landu-rdp-desc {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      margin-bottom: 28px;\n      flex-grow: 1;\n    }\n\n    \/* --- \u6309\u94ae\u8bbe\u8ba1 --- *\/\n    .landu-rdp-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      padding: 16px 24px;\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      color: white;\n      font-size: 15px;\n      font-weight: 700;\n      text-decoration: none;\n      border-radius: 50px;\n      border: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 6px 15px rgba(0, 102, 204, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .landu-rdp-link::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      animation: btn-shine 3s infinite;\n    }\n\n    @keyframes btn-shine {\n      0% { left: -100%; }\n      20% { left: 100%; }\n      100% { left: 100%; }\n    }\n\n    .landu-rdp-link:hover {\n      background: linear-gradient(135deg, #0052a3 0%, #0090cc 100%);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.4);\n      transform: translateY(-2px);\n    }\n\n    .landu-rdp-link span {\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-link svg {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      fill: none;\n      stroke-width: 2;\n      transition: transform 0.3s ease;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-rdp-link:hover svg {\n      transform: translateX(5px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272\u53d8\u5316 *\/\n    .landu-rdp-card:nth-child(1) .landu-rdp-image {\n      background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-card:nth-child(2) .landu-rdp-image {\n      background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-card:nth-child(2) .landu-rdp-type {\n      color: var(--accent-teal);\n    }\n\n    .landu-rdp-card:nth-child(3) .landu-rdp-image {\n      background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);\n    }\n\n    .landu-rdp-card:nth-child(3) .landu-rdp-type {\n      color: var(--accent-orange);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .landu-rdp-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .landu-rdp-showcase {\n        padding: 70px 0;\n      }\n\n      .landu-rdp-container {\n        padding: 0 20px;\n        max-width: 100%;\n      }\n\n      .landu-rdp-intro {\n        margin-bottom: 50px;\n      }\n\n      .landu-rdp-badge {\n        flex-direction: column;\n        gap: 12px;\n        padding: 16px 28px;\n      }\n\n      .landu-rdp-content {\n        font-size: 16px;\n      }\n\n      .landu-rdp-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .landu-rdp-image {\n        height: 280px;\n      }\n\n      .landu-rdp-title {\n        font-size: 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"landu-rdp-container\">\n    <!-- \u9876\u90e8\u4ecb\u7ecd -->\n    <div class=\"landu-rdp-intro\">\n      <div class=\"landu-rdp-badge\">\n        <!-- \u2705 Logo \u56fe\u7247 -->\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/09\/ACCURATE.png\" alt=\"ACCURATE\">\n        <span class=\"landu-rdp-badge-text\">Premium-ratkaisut<\/span>\n      <\/div>\n      \n      <p class=\"landu-rdp-content\">\n        <span class=\"highlight\">Yksi ratkaisu kuivasekoitusharjauksiin:<\/span> Yhdist\u00e4 ACCURATE\u2122-lis\u00e4aineet selluloosahartsiimme suorituskyvyn parantamiseksi.\n      <\/p>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7f51\u683c -->\n    <div class=\"landu-rdp-grid\">\n      \n      <!-- Card 1: Semi-flexible -->\n      <div class=\"landu-rdp-card\">\n        <!-- \u8d28\u91cf\u5fbd\u7ae0 -->\n        <div class=\"card-quality-badge\">Premium<\/div>\n\n        <div class=\"landu-rdp-image\">\n          <!-- \ud83c\udf1f \u7c92\u5b50\u6548\u679c\u5c42 -->\n          <div class=\"particle-layer\">\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n            <div class=\"particle\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/Neutral-RDP.webp\" alt=\"Puoli-flexible RDP\">\n        <\/div>\n\n        <div class=\"landu-rdp-text\">\n          <!-- \u88c5\u9970\u6c34\u5370 -->\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n          <\/svg>\n\n          <div class=\"landu-rdp-type\">Puolijoustava<\/div>\n          <h3 class=\"landu-rdp-title\">Uudelleen dispergoituva polymeerijauhe<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Suunniteltu parantamaan sis\u00e4ist\u00e4 sitoutumista, vetolujuutta ja muodonmuutoksen kest\u00e4vyytt\u00e4 ammattilaisk\u00e4ytt\u00f6\u00f6n.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fi\/puolijoustava-uudelleen-dispergoituva-polymeerijauhe-vae-rdp\/\" class=\"landu-rdp-link\">\n            <span>N\u00e4yt\u00e4 yksityiskohdat<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Flexible -->\n      <div class=\"landu-rdp-card\">\n        <div class=\"card-quality-badge\">Edistynyt<\/div>\n\n        <div class=\"landu-rdp-image\">\n          <div class=\"particle-layer\">\n            <div class=\"particle\" style=\"animation-delay: 0.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 2s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 3.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 1s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 4.5s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/Flexible-RDP.webp\" alt=\"Joustava RDP\">\n        <\/div>\n\n        <div class=\"landu-rdp-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\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\n          <div class=\"landu-rdp-type\">Joustava<\/div>\n          <h3 class=\"landu-rdp-title\">Uudelleen dispergoituva polymeerijauhe<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Antaa joustavuutta ja elastisuutta. Keskittyy suurempaan liikkuvuuden toleranssiin vaativissa olosuhteissa.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fi\/joustava-uudelleen-dispergoituva-polymeerijauhe-vae-rdp\/\" class=\"landu-rdp-link\">\n            <span>N\u00e4yt\u00e4 yksityiskohdat<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Hydrophobic -->\n      <div class=\"landu-rdp-card\">\n        <div class=\"card-quality-badge\">Ammattilainen<\/div>\n\n        <div class=\"landu-rdp-image\">\n          <div class=\"particle-layer\">\n            <div class=\"particle\" style=\"animation-delay: 1s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 2.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 4s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 0.5s;\"><\/div>\n            <div class=\"particle\" style=\"animation-delay: 3s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/Hydrophobic.webp\" alt=\"Hydrofobinen RDP\">\n        <\/div>\n\n        <div class=\"landu-rdp-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\n          <\/svg>\n\n          <div class=\"landu-rdp-type\">Hydrofobinen<\/div>\n          <h3 class=\"landu-rdp-title\">Uudelleen dispergoituva polymeerijauhe<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Parantaa vedenkest\u00e4vyytt\u00e4. Sopii sovelluksiin, joissa kosteussuoja on kriittinen.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fi\/hydrofobinen-rdp-redispergoituvan-polymeerin-valmistaja\/\" class=\"landu-rdp-link\">\n            <span>N\u00e4yt\u00e4 yksityiskohdat<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6309\u94ae\u4ea4\u4e92\u6548\u679c\n  const buttons = document.querySelectorAll('.landu-rdp-link');\n  buttons.forEach(btn => {\n    btn.addEventListener('mouseenter', function() {\n      this.style.setProperty('--hover', '1');\n    });\n    btn.addEventListener('mouseleave', function() {\n      this.style.setProperty('--hover', '0');\n    });\n  });\n});\n<\/script>\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-ceafbeb e-con-full e-flex e-con e-parent\" data-id=\"ceafbeb\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-540f2dc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"540f2dc\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU NOVASTAR Product Showcase - Professional Corporate Edition -->\n<section class=\"landu-novastar-showcase\">\n  <style>\n    \/* --- \ud83c\udfa8 \u73b0\u4ee3\u4f01\u4e1a\u914d\u8272\u7cfb\u7edf --- *\/\n    :root {\n      --primary-blue: #0066cc;\n      --primary-dark: #004080;\n      --accent-teal: #00a8e8;\n      --accent-purple: #7c3aed;\n      --accent-orange: #ff6b35;\n      --neutral-dark: #1e293b;\n      --neutral-gray: #64748b;\n      --neutral-light: #f8fafc;\n      --card-shadow: rgba(0, 102, 204, 0.08);\n    }\n\n    .landu-novastar-showcase {\n      width: 100%;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f *\/\n    .landu-novastar-showcase::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        radial-gradient(circle at 25% 25%, rgba(0, 102, 204, 0.04) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(124, 58, 237, 0.04) 0%, transparent 50%);\n      z-index: 0;\n    }\n\n    \/* \u9876\u90e8\u88c5\u9970\u6761 *\/\n    .landu-novastar-showcase::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-purple) 50%, var(--accent-orange) 100%);\n      z-index: 10;\n    }\n\n    \/* --- \u5bb9\u5668\u5bbd\u5ea6 (\u4fdd\u6301 1532px) --- *\/\n    .landu-novastar-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- \u9876\u90e8\u4ecb\u7ecd\u533a --- *\/\n    .landu-novastar-intro {\n      text-align: center;\n      margin-bottom: 70px;\n      max-width: 950px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .landu-novastar-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 16px;\n      padding: 12px 32px;\n      background: #fff;\n      border: 2px solid rgba(0, 102, 204, 0.15);\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 102, 204, 0.08);\n      border-radius: 60px;\n      margin-bottom: 28px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .landu-novastar-badge:hover {\n      box-shadow: \n        0 8px 12px rgba(0, 0, 0, 0.08),\n        0 15px 35px rgba(0, 102, 204, 0.12);\n      transform: translateY(-3px);\n      border-color: rgba(0, 102, 204, 0.3);\n    }\n\n    \/* \u5fbd\u7ae0\u88c5\u9970\u56fe\u6807 *\/\n    .landu-novastar-badge::before {\n      content: '';\n      position: absolute;\n      top: -10px;\n      left: -10px;\n      width: 36px;\n      height: 36px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      border-radius: 50%;\n      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\n    }\n\n    .landu-novastar-badge::after {\n      content: '\u26a1';\n      position: absolute;\n      top: -10px;\n      left: -10px;\n      width: 36px;\n      height: 36px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n    }\n\n    \/* Logo \u56fe\u7247\u6837\u5f0f *\/\n    .landu-novastar-badge img {\n      height: 32px;\n      width: auto;\n      display: block;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-badge-text {\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--accent-purple);\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-content {\n      font-size: 19px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n    }\n\n    .landu-novastar-content .highlight {\n      color: var(--primary-blue);\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n    \n    \/* \u6587\u5b57\u4e0b\u65b9\u7684\u88c5\u9970\u7ebf *\/\n    .landu-novastar-content .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background: rgba(124, 58, 237, 0.1);\n      z-index: -1;\n    }\n\n    \/* --- \u4ea7\u54c1\u7f51\u683c --- *\/\n    .landu-novastar-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n    }\n\n    .landu-novastar-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: \n        0 4px 6px rgba(0, 0, 0, 0.05),\n        0 10px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      border: 1px solid rgba(226, 232, 240, 1);\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u8272\u6761 *\/\n    .landu-novastar-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background: linear-gradient(90deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      z-index: 10;\n    }\n\n    .landu-novastar-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .landu-novastar-card:hover {\n      transform: translateY(-12px);\n      box-shadow: \n        0 12px 20px rgba(0, 0, 0, 0.1),\n        0 25px 50px var(--card-shadow);\n      border-color: rgba(124, 58, 237, 0.2);\n    }\n\n    \/* --- \ud83c\udfaf \u7cbe\u81f4\u88c5\u9970\uff1a\u53f3\u4e0a\u89d2\u6d6e\u52a8\u5fbd\u7ae0 --- *\/\n    .card-tech-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      padding: 6px 16px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, #9333ea 100%);\n      color: white;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border-radius: 50px;\n      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4);\n      z-index: 20;\n      animation: badge-pulse 3s ease-in-out infinite;\n    }\n\n    @keyframes badge-pulse {\n      0%, 100% { transform: scale(1); }\n      50% { transform: scale(1.05); }\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df & \u52a8\u6001\u6548\u679c --- *\/\n    .landu-novastar-image {\n      position: relative;\n      width: 100%;\n      height: 320px;\n      overflow: hidden;\n      background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      padding: 0;\n      transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \ud83c\udf1f \u73b0\u4ee3\u6ce2\u7eb9\u6548\u679c *\/\n    .wave-effect {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 5;\n      overflow: hidden;\n    }\n\n    .wave {\n      position: absolute;\n      bottom: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);\n      border-radius: 45%;\n      animation: wave-rotate 10s linear infinite;\n      opacity: 0.5;\n    }\n\n    .wave:nth-child(2) {\n      animation-delay: -5s;\n      animation-duration: 15s;\n      background: radial-gradient(circle, rgba(0, 102, 204, 0.1) 0%, transparent 70%);\n    }\n\n    @keyframes wave-rotate {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n\n    \/* \u5e95\u90e8\u6e10\u53d8\u906e\u7f69 *\/\n    .landu-novastar-image::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 80px;\n      background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);\n      z-index: 4;\n      pointer-events: none;\n    }\n\n    .landu-novastar-card:hover .landu-novastar-image img {\n      transform: scale(1.08);\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .landu-novastar-text {\n      padding: 36px 32px;\n      flex-grow: 1;\n      background: #fff;\n      position: relative;\n      z-index: 6;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* \u88c5\u9970\u6c34\u5370 *\/\n    .content-watermark {\n      position: absolute;\n      bottom: -10px;\n      right: -10px;\n      width: 100px;\n      height: 100px;\n      opacity: 0.03;\n      pointer-events: none;\n    }\n\n    .landu-novastar-type {\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n      color: var(--accent-purple);\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .landu-novastar-type::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--primary-blue);\n      border-radius: 50%;\n      box-shadow: 0 0 8px rgba(0, 102, 204, 0.5);\n    }\n\n    .landu-novastar-title {\n      font-size: 24px;\n      font-weight: 800;\n      color: var(--neutral-dark);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .landu-novastar-desc {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      margin-bottom: 28px;\n      flex-grow: 1;\n    }\n\n    \/* --- \u6309\u94ae\u8bbe\u8ba1 --- *\/\n    .landu-novastar-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      padding: 16px 24px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      color: white;\n      font-size: 15px;\n      font-weight: 700;\n      text-decoration: none;\n      border-radius: 50px;\n      border: none;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 6px 15px rgba(124, 58, 237, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .landu-novastar-link::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      animation: btn-shine 3s infinite;\n    }\n\n    @keyframes btn-shine {\n      0% { left: -100%; }\n      20% { left: 100%; }\n      100% { left: 100%; }\n    }\n\n    .landu-novastar-link:hover {\n      background: linear-gradient(135deg, #6d28d9 0%, #0052a3 100%);\n      box-shadow: 0 10px 25px rgba(124, 58, 237, 0.4);\n      transform: translateY(-2px);\n    }\n\n    .landu-novastar-link span {\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-link svg {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      fill: none;\n      stroke-width: 2;\n      transition: transform 0.3s ease;\n      position: relative;\n      z-index: 2;\n    }\n\n    .landu-novastar-link:hover svg {\n      transform: translateX(5px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272\u53d8\u5316 *\/\n    .landu-novastar-card:nth-child(1) .landu-novastar-image {\n      background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-card:nth-child(2) .landu-novastar-image {\n      background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-card:nth-child(2) .landu-novastar-type {\n      color: var(--primary-blue);\n    }\n\n    .landu-novastar-card:nth-child(2) .card-tech-badge {\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      box-shadow: 0 4px 12px rgba(0, 102, 204, 0.4);\n    }\n\n    .landu-novastar-card:nth-child(3) .landu-novastar-image {\n      background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);\n    }\n\n    .landu-novastar-card:nth-child(3) .landu-novastar-type {\n      color: var(--accent-teal);\n    }\n\n    .landu-novastar-card:nth-child(3) .card-tech-badge {\n      background: linear-gradient(135deg, var(--accent-teal) 0%, #06b6d4 100%);\n      box-shadow: 0 4px 12px rgba(0, 168, 232, 0.4);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .landu-novastar-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .landu-novastar-showcase {\n        padding: 70px 0;\n      }\n\n      .landu-novastar-container {\n        padding: 0 20px;\n        max-width: 100%;\n      }\n\n      .landu-novastar-intro {\n        margin-bottom: 50px;\n      }\n\n      .landu-novastar-badge {\n        flex-direction: column;\n        gap: 12px;\n        padding: 16px 28px;\n      }\n\n      .landu-novastar-content {\n        font-size: 16px;\n      }\n\n      .landu-novastar-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .landu-novastar-image {\n        height: 280px;\n      }\n\n      .landu-novastar-title {\n        font-size: 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"landu-novastar-container\">\n    <!-- \u9876\u90e8\u4ecb\u7ecd -->\n    <div class=\"landu-novastar-intro\">\n      <div class=\"landu-novastar-badge\">\n        <!-- NOVASTAR Logo -->\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/09\/NOVASTAR.png\" alt=\"NOVASTAR\">\n        <span class=\"landu-novastar-badge-text\">Edistyneet lis\u00e4aineet<\/span>\n      <\/div>\n      \n      <p class=\"landu-novastar-content\">\n        <span class=\"highlight\">NOVASTAR\u2122-lis\u00e4aineita k\u00e4ytet\u00e4\u00e4n laajasti kuivasekoitusharjauksissa ja betonisovelluksissa.<\/span> Suosittelemme niiden yhdist\u00e4mist\u00e4 selluloosahartsiimme optimaalisen suorituskyvyn saavuttamiseksi.\n      <\/p>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7f51\u683c -->\n    <div class=\"landu-novastar-grid\">\n      \n      <!-- Card 1: PCE -->\n      <div class=\"landu-novastar-card\">\n        <!-- \u6280\u672f\u5fbd\u7ae0 -->\n        <div class=\"card-tech-badge\">Korkean teknologian<\/div>\n\n        <div class=\"landu-novastar-image\">\n          <!-- \ud83c\udf1f \u6ce2\u7eb9\u6548\u679c\u5c42 -->\n          <div class=\"wave-effect\">\n            <div class=\"wave\"><\/div>\n            <div class=\"wave\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/PCE.webp\" alt=\"Polykarboksylaatti Superplastifikaattori\">\n        <\/div>\n\n        <div class=\"landu-novastar-text\">\n          <!-- \u88c5\u9970\u6c34\u5370 -->\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n          <\/svg>\n\n          <div class=\"landu-novastar-type\">PCE<\/div>\n          <h3 class=\"landu-novastar-title\">Polykarboksylaatti Superplastifikaattori<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Superplastifikaattoria k\u00e4ytet\u00e4\u00e4n p\u00e4\u00e4asiassa veden ja sementin suhteen alentamiseen ilman, ett\u00e4 lujuus tai muut t\u00e4rke\u00e4t ominaisuudet heikkenev\u00e4t, mik\u00e4 parantaa ty\u00f6stett\u00e4vyytt\u00e4 ja kest\u00e4vyytt\u00e4.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fi\/polykarboksylaatti-superplastisointiainejauhe-pce\/\" class=\"landu-novastar-link\">\n            <span>Lue lis\u00e4\u00e4<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: SHP -->\n      <div class=\"landu-novastar-card\">\n        <div class=\"card-tech-badge\">Innovaatio<\/div>\n\n        <div class=\"landu-novastar-image\">\n          <div class=\"wave-effect\">\n            <div class=\"wave\" style=\"animation-delay: -2s;\"><\/div>\n            <div class=\"wave\" style=\"animation-delay: -7s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/SHP-1024x435.webp\" alt=\"Silikoni hydrofobinen jauhe\">\n        <\/div>\n\n        <div class=\"landu-novastar-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\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\n          <div class=\"landu-novastar-type\">SHP<\/div>\n          <h3 class=\"landu-novastar-title\">Silikoni hydrofobinen jauhe<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Silicon Hydrophobic Powder (SHP) -jauheen p\u00e4\u00e4teht\u00e4v\u00e4 on tehd\u00e4 pinnoista vett\u00e4 kest\u00e4v\u00e4t, samalla s\u00e4ilytt\u00e4en h\u00f6yrysitkeyden hengitt\u00e4v\u00e4\u00e4 suojaa varten.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fi\/silikoni-hydrofobinen-jauhe-shp-tuottaja\/\" class=\"landu-novastar-link\">\n            <span>Lue lis\u00e4\u00e4<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Gypsum Retarder -->\n      <div class=\"landu-novastar-card\">\n        <div class=\"card-tech-badge\">Ammattilainen<\/div>\n\n        <div class=\"landu-novastar-image\">\n          <div class=\"wave-effect\">\n            <div class=\"wave\" style=\"animation-delay: -4s;\"><\/div>\n            <div class=\"wave\" style=\"animation-delay: -9s;\"><\/div>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/11\/GYPSUM-RETARDER-1024x426.webp\" alt=\"Kipsi hidastin\">\n        <\/div>\n\n        <div class=\"landu-novastar-text\">\n          <svg class=\"content-watermark\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\n          <\/svg>\n\n          <div class=\"landu-novastar-type\">Hidastin<\/div>\n          <h3 class=\"landu-novastar-title\">Kipsi hidastin<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Kipsin hidastin s\u00e4\u00e4telee ja hidastaa kipsipohjaisten materiaalien, kuten kipsilevyn ja levymassojen, kovettumisaikaa, tarjoten pidemm\u00e4n ty\u00f6skentelyajan.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/fi\/kipsin-hidastin-toimittaja\/\" class=\"landu-novastar-link\">\n            <span>Lue lis\u00e4\u00e4<\/span>\n            <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6309\u94ae\u4ea4\u4e92\u589e\u5f3a\n  const buttons = document.querySelectorAll('.landu-novastar-link');\n  buttons.forEach(btn => {\n    btn.addEventListener('mouseenter', function() {\n      this.style.setProperty('--hover-state', '1');\n    });\n    btn.addEventListener('mouseleave', function() {\n      this.style.setProperty('--hover-state', '0');\n    });\n  });\n});\n<\/script>\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-024a2b2 e-con-full e-flex e-con e-parent\" data-id=\"024a2b2\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b37ae elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"03b37ae\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Applications - Professional Corporate Edition -->\n<section class=\"landu-app-showcase\">\n  <style>\n    \/* --- \ud83c\udfa8 \u73b0\u4ee3\u4f01\u4e1a\u914d\u8272\u7cfb\u7edf --- *\/\n    :root {\n      --primary-blue: #0066cc;\n      --primary-dark: #004080;\n      --accent-teal: #00a8e8;\n      --accent-purple: #7c3aed;\n      --accent-orange: #ff6b35;\n      --neutral-dark: #1e293b;\n      --neutral-gray: #64748b;\n      --neutral-light: #f8fafc;\n      --line-color: #374151;\n      --card-bg: rgba(255, 255, 255, 0.98);\n    }\n\n    .landu-app-showcase {\n      width: 100%;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n      padding: 0 0 90px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* --- \ud83c\udf1f \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f\u52a8\u753b --- *\/\n    .geometric-background {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 1;\n      overflow: hidden;\n    }\n\n    .floating-shape {\n      position: absolute;\n      opacity: 0.04;\n      animation: float-shape 20s ease-in-out infinite;\n    }\n\n    @keyframes float-shape {\n      0%, 100% {\n        transform: translate(0, 0) rotate(0deg);\n      }\n      33% {\n        transform: translate(30px, -30px) rotate(120deg);\n      }\n      66% {\n        transform: translate(-20px, 20px) rotate(240deg);\n      }\n    }\n\n    .shape-1 {\n      top: 10%;\n      left: 5%;\n      width: 100px;\n      height: 100px;\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n      animation-delay: 0s;\n      animation-duration: 25s;\n    }\n\n    .shape-2 {\n      top: 60%;\n      right: 10%;\n      width: 80px;\n      height: 80px;\n      background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%);\n      border-radius: 50%;\n      animation-delay: 5s;\n      animation-duration: 30s;\n    }\n\n    .shape-3 {\n      bottom: 20%;\n      left: 15%;\n      width: 60px;\n      height: 60px;\n      background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-teal) 100%);\n      border-radius: 20% 80% 80% 20% \/ 20% 20% 80% 80%;\n      animation-delay: 10s;\n      animation-duration: 35s;\n    }\n\n    \/* --- \ud83d\udca1 \u9876\u90e8\u73b0\u4ee3\u88c5\u9970\u6761 --- *\/\n    .top-decoration {\n      width: 100%;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      z-index: 2;\n      margin-bottom: 50px;\n      background: linear-gradient(180deg, rgba(0, 102, 204, 0.02) 0%, transparent 100%);\n    }\n\n    .decoration-line {\n      width: 90%;\n      max-width: 1200px;\n      height: 4px;\n      background: linear-gradient(90deg, \n        transparent 0%, \n        var(--primary-blue) 20%, \n        var(--accent-teal) 40%, \n        var(--accent-purple) 60%, \n        var(--accent-orange) 80%, \n        transparent 100%);\n      border-radius: 2px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .decoration-line::after {\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.6), transparent);\n      animation: shine-line 3s infinite;\n    }\n\n    @keyframes shine-line {\n      0% { left: -100%; }\n      100% { left: 200%; }\n    }\n\n    \/* \u88c5\u9970\u70b9 *\/\n    .decoration-dots {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 100%;\n      height: 1px;\n      display: flex;\n      justify-content: space-around;\n      align-items: center;\n      transform: translateY(-50%);\n    }\n\n    .dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--primary-blue);\n      animation: dot-pulse 2s ease-in-out infinite;\n    }\n\n    .dot:nth-child(2) {\n      background: var(--accent-teal);\n      animation-delay: 0.3s;\n    }\n\n    .dot:nth-child(3) {\n      background: var(--accent-purple);\n      animation-delay: 0.6s;\n    }\n\n    .dot:nth-child(4) {\n      background: var(--accent-orange);\n      animation-delay: 0.9s;\n    }\n\n    @keyframes dot-pulse {\n      0%, 100% {\n        transform: scale(1);\n        opacity: 0.5;\n      }\n      50% {\n        transform: scale(1.5);\n        opacity: 1;\n      }\n    }\n\n    .landu-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- Header --- *\/\n    .landu-header {\n      text-align: center;\n      margin-bottom: 70px;\n      max-width: 950px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .landu-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 8px 24px;\n      border: 2px solid rgba(0, 102, 204, 0.15);\n      border-radius: 50px;\n      margin-bottom: 28px;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(8px);\n      box-shadow: 0 4px 12px rgba(0, 102, 204, 0.08);\n      transition: all 0.3s ease;\n    }\n\n    .landu-badge:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 20px rgba(0, 102, 204, 0.12);\n      border-color: rgba(0, 102, 204, 0.3);\n    }\n\n    .landu-badge svg {\n      width: 16px;\n      height: 16px;\n      stroke: var(--primary-blue);\n    }\n\n    .landu-badge span {\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--primary-blue);\n    }\n\n    .landu-title {\n      font-size: 42px;\n      font-weight: 700;\n      color: var(--neutral-dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .landu-subtitle {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      font-weight: 400;\n    }\n\n    \/* --- Grid --- *\/\n    .landu-app-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 28px;\n    }\n\n    \/* --- Card (\u73b0\u4ee3\u6781\u7b80\u98ce) --- *\/\n    .app-card {\n      background: var(--card-bg);\n      border: 1px solid #e5e7eb;\n      border-radius: 20px;\n      padding: 40px 32px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u9876\u90e8\u6e10\u53d8\u8272\u6761 *\/\n    .app-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .app-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .app-card:hover {\n      transform: translateY(-10px);\n      border-color: rgba(0, 102, 204, 0.3);\n      box-shadow: 0 20px 40px rgba(0, 102, 204, 0.12);\n    }\n\n    \/* \ud83c\udfaf \u5361\u7247\u89d2\u843d\u7684\u88c5\u9970\u56fe\u6807 (\u60ac\u505c\u663e\u73b0) *\/\n    .card-decor-icon {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      width: 100px;\n      height: 100px;\n      opacity: 0;\n      transition: all 0.5s ease;\n      pointer-events: none;\n    }\n    \n    .app-card:hover .card-decor-icon {\n      opacity: 0.06;\n      transform: rotate(15deg) scale(1.1);\n    }\n\n    .card-decor-icon svg {\n      width: 100%;\n      height: 100%;\n      fill: var(--primary-blue);\n    }\n\n    \/* --- Icon Wrapper --- *\/\n    .icon-wrapper {\n      width: 64px;\n      height: 64px;\n      margin-bottom: 28px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(0, 102, 204, 0.08) 0%, rgba(0, 168, 232, 0.08) 100%);\n      border-radius: 16px;\n      transition: all 0.4s ease;\n    }\n\n    .app-card:hover .icon-wrapper {\n      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%);\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    \/* SVG \u7ebf\u6761 *\/\n    .line-icon {\n      width: 32px;\n      height: 32px;\n      fill: none;\n      stroke: var(--line-color);\n      stroke-width: 1.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      transition: all 0.4s ease;\n    }\n\n    .app-card:hover .line-icon {\n      stroke: white;\n    }\n\n    \/* --- Text --- *\/\n    .app-title {\n      font-size: 19px;\n      font-weight: 700;\n      color: var(--neutral-dark);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .app-desc {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--neutral-gray);\n      margin-bottom: 28px;\n      flex-grow: 1;\n    }\n\n    .app-link {\n      font-size: 14px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--primary-blue);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .app-link::after {\n      content: '';\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: var(--primary-blue);\n      transition: width 0.3s ease;\n    }\n\n    .app-link:hover {\n      color: var(--accent-teal);\n      gap: 12px;\n    }\n\n    .app-link:hover::after {\n      width: calc(100% - 20px);\n    }\n\n    \/* \u4e0d\u540c\u5361\u7247\u7684\u4e3b\u9898\u8272 *\/\n    .app-card:nth-child(1) .icon-wrapper { background: linear-gradient(135deg, rgba(0, 102, 204, 0.08) 0%, rgba(0, 168, 232, 0.08) 100%); }\n    .app-card:nth-child(2) .icon-wrapper { background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(0, 102, 204, 0.08) 100%); }\n    .app-card:nth-child(3) .icon-wrapper { background: linear-gradient(135deg, rgba(0, 168, 232, 0.08) 0%, rgba(124, 58, 237, 0.08) 100%); }\n    .app-card:nth-child(4) .icon-wrapper { background: linear-gradient(135deg, rgba(255, 107, 53, 0.08) 0%, rgba(0, 102, 204, 0.08) 100%); }\n\n    .app-card:nth-child(1):hover .icon-wrapper { background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-teal) 100%); }\n    .app-card:nth-child(2):hover .icon-wrapper { background: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-blue) 100%); }\n    .app-card:nth-child(3):hover .icon-wrapper { background: linear-gradient(135deg, var(--accent-teal) 0%, var(--accent-purple) 100%); }\n    .app-card:nth-child(4):hover .icon-wrapper { background: linear-gradient(135deg, var(--accent-orange) 0%, var(--primary-blue) 100%); }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .landu-app-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 900px) {\n      .landu-app-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      .landu-title {\n        font-size: 32px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .landu-container {\n        padding: 0 20px;\n      }\n      .landu-app-grid {\n        grid-template-columns: 1fr;\n      }\n      .landu-title {\n        font-size: 28px;\n      }\n      .top-decoration {\n        height: 60px;\n        margin-bottom: 40px;\n      }\n    }\n  <\/style>\n\n  <!-- \ud83c\udf1f \u73b0\u4ee3\u51e0\u4f55\u80cc\u666f -->\n  <div class=\"geometric-background\">\n    <div class=\"floating-shape shape-1\"><\/div>\n    <div class=\"floating-shape shape-2\"><\/div>\n    <div class=\"floating-shape shape-3\"><\/div>\n  <\/div>\n\n  <!-- \ud83d\udca1 \u9876\u90e8\u73b0\u4ee3\u88c5\u9970 -->\n  <div class=\"top-decoration\">\n    <div class=\"decoration-line\">\n      <div class=\"decoration-dots\">\n        <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"landu-container\">\n    <!-- Header -->\n    <div class=\"landu-header\">\n      <div class=\"landu-badge\">\n        <!-- \u73b0\u4ee3\u56fe\u6807 -->\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n          <path d=\"M2 17l10 5 10-5\"\/>\n          <path d=\"M2 12l10 5 10-5\"\/>\n        <\/svg>\n        <span>Sovelluksemme<\/span>\n      <\/div>\n      <h2 class=\"landu-title\">N\u00e4ytt\u00f6 siit\u00e4, mit\u00e4 sovelluksia palvelemme<\/h2>\n      <p class=\"landu-subtitle\">Tiede- ja kemian edistyksemme on muuttanut tuotteita eri kemian sovelluksissa, tarjoten innovatiivisia ratkaisuja monille teollisuudenaloille.<\/p>\n    <\/div>\n\n    <!-- Grid -->\n    <div class=\"landu-app-grid\">\n\n      <!-- 1. Tile Adhesive -->\n      <div class=\"app-card\">\n        <!-- \u88c5\u9970\u56fe\u6807 -->\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n            <path d=\"M4 10h16M4 14h16M10 4v16\"\/>\n          <\/svg>\n        <\/div>\n        \n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"1\" \/>\n            <path d=\"M4 10h16\" stroke-dasharray=\"2 2\" \/>\n            <path d=\"M4 14h16\" stroke-dasharray=\"2 2\" \/>\n            <path d=\"M10 4v16\" stroke-opacity=\"0.3\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Laattaliima<\/h3>\n        <p class=\"app-desc\">Laattaliima, jota kutsutaan my\u00f6s laattaliimaksi, on sementin, hiekan, kalkkikiven, veden ja suorituskyky\u00e4 parantavien lis\u00e4aineiden seos.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/laattaliiman-lisaaineet-ce-rdp\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 2. Skim Coat -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 20h16M6 20V4h12v16M8 12l8-3\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M4 20h16\" \/>\n            <path d=\"M6 20V4h12v16\" \/>\n            <path d=\"M8 12l8-3\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Skim Coat \/ Wall Putty lis\u00e4aineet<\/h3>\n        <p class=\"app-desc\">Sein\u00e4laasti, joka tunnetaan my\u00f6s ohuena kerroksena, on koristeellinen ja toiminnallinen rakennusmateriaali, joka koostuu valkoisesta sementist\u00e4, vedest\u00e4 ja suorituskykylis\u00e4aineista.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/skim-coat-seinakitti-lisaaineet\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 3. ETICS \/ EIFS -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"4\" rx=\"1\"\/>\n            <rect x=\"4\" y=\"9\" width=\"16\" height=\"4\" rx=\"1\"\/>\n            <rect x=\"4\" y=\"14\" width=\"16\" height=\"4\" rx=\"1\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"14\" width=\"16\" height=\"4\" rx=\"1\" \/>\n            <rect x=\"4\" y=\"9\" width=\"16\" height=\"4\" rx=\"1\" \/>\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"4\" rx=\"1\" \/>\n            <path d=\"M2 11h2 M2 16h2\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">ETICS \/ EIFS lis\u00e4aineet<\/h3>\n        <p class=\"app-desc\">Ulkoeristys- ja viimeistelyj\u00e4rjestelm\u00e4 (EIFS) tunnetaan my\u00f6s nimell\u00e4 ETICS. Siihen kuuluu useita kerroksia, jotka toimivat yhdess\u00e4 eristeen\u00e4.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/etics-eifs-lisaaineet-ulkovaipan-eristysjarjestelma\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 4. Gypsum Applications -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M5 4h14v16H5z\"\/>\n            <path d=\"M5 12h14M12 4v16\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M5 4h14v16H5z\" \/>\n            <path d=\"M5 12h14\" \/>\n            <path d=\"M12 4v16\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Kipsi Sovellukset<\/h3>\n        <p class=\"app-desc\">Kipsipohjaiset tuotteet sis\u00e4lt\u00e4v\u00e4t erilaisia rakennus- ja koristeaineita. T\u00e4rkeimpi\u00e4 tuotteita ovat kipsilevyt ja yhdisteet.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/kipsisovellukset\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 5. Self-leveling Compounds -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M2 18h20M12 5v10M8 18c0-3 2-4 4-4s4 1 4 4\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <path d=\"M2 18h20\" \/>\n            <path d=\"M12 5v10\" \/>\n            <path d=\"M8 18c0-3 2-4 4-4s4 1 4 4\" \/>\n            <circle cx=\"12\" cy=\"3\" r=\"1\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Itsetasaavat yhdisteet<\/h3>\n        <p class=\"app-desc\">Itse tasoittuva yhdiste on kalkkisementtipohjainen seos t\u00e4yteaineista ja kemiallisista lis\u00e4aineista. Sit\u00e4 k\u00e4ytet\u00e4\u00e4n laajasti tasoittavien pintojen luomiseen.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/itsetasoittuvat-lisaaineet-yhdisteet\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 6. Cement Render -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\"\/>\n            <path d=\"M3 10h18M3 16h18\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\" \/>\n            <path d=\"M3 10h18\" \/>\n            <path d=\"M3 16h18\" \/>\n            <path d=\"M9 4v6 M15 10v6 M9 16v4\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Sementtirappauksen lis\u00e4aineet<\/h3>\n        <p class=\"app-desc\">Sementtiseos, joka tunnetaan my\u00f6s nimell\u00e4 sementtipohjainen rappaus, on monipuolinen rakennusmateriaali, joka koostuu sementist\u00e4, hiekasta, vedest\u00e4 ja lis\u00e4aineista.<\/p>\n        <a href=\"http:\/\/landu-china.com\/fi\/sementtilaastin-lisaaineet-kipsi\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 7. Paint & Coatings -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"6\" rx=\"2\"\/>\n            <path d=\"M8 12v4M16 12v2a2 2 0 0 1-2 2h-4M10 16v6\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"6\" rx=\"2\" \/>\n            <path d=\"M8 12v4\" \/>\n            <path d=\"M16 12v2a2 2 0 0 1-2 2h-4\" \/>\n            <path d=\"M10 16v6\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Maalien ja pinnoitteiden lis\u00e4aine<\/h3>\n        <p class=\"app-desc\">Maaleja ja pinnoitteita k\u00e4ytet\u00e4\u00e4n sek\u00e4 koristeellisiin ett\u00e4 toiminnallisiin tarkoituksiin. Ne voivat parantaa erilaisten pintojen ulkon\u00e4k\u00f6\u00e4.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/maalipinnoitteiden-lisaaineet\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\n      <\/div>\n\n      <!-- 8. Personal & Home Care -->\n      <div class=\"app-card\">\n        <div class=\"card-decor-icon\">\n          <svg viewbox=\"0 0 24 24\">\n            <rect x=\"7\" y=\"9\" width=\"10\" height=\"12\" rx=\"2\"\/>\n            <path d=\"M12 9V5M9 5h6\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"icon-wrapper\">\n          <svg class=\"line-icon\" viewbox=\"0 0 24 24\">\n            <rect x=\"7\" y=\"9\" width=\"10\" height=\"12\" rx=\"2\" \/>\n            <path d=\"M12 9V5\" \/>\n            <path d=\"M9 5h6\" \/>\n            <circle cx=\"14\" cy=\"15\" r=\"1\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"app-title\">Henkil\u00f6kohtainen &amp; kotihoito<\/h3>\n        <p class=\"app-desc\">T\u00e4rke\u00e4t lis\u00e4aineet henkil\u00f6kohtaisen hygienian tuotteisiin kuten shampoot, voiteet ja kotitalouspuhdistusaineet, jotka parantavat koostumusta ja vakautta.<\/p>\n        <a href=\"https:\/\/landu-china.com\/fi\/markkinat\/henkilokohtainen-kotihoito\/\" class=\"app-link\">n\u00e4yt\u00e4 lis\u00e4\u00e4 \u2192<\/a>\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-8e48d14 e-con-full e-flex e-con e-parent\" data-id=\"8e48d14\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eecb20 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6eecb20\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU About Section - Clean Professional Edition -->\n<section class=\"landu-about-section\">\n  <style>\n    \/* --- \ud83c\udfa8 \u4e13\u4e1a\u914d\u8272 --- *\/\n    :root {\n      --primary-blue: #2563EB;\n      --primary-dark: #1E40AF;\n      --accent-orange: #F97316;\n      --text-dark: #1F2937;\n      --text-gray: #6B7280;\n      --bg-warm: #FFFBF7;\n      --border-light: #E5E7EB;\n    }\n\n    .landu-about-section {\n      width: 100%;\n      background: linear-gradient(180deg, #F9FAFB 0%, #FFFBF7 100%);\n      font-family: 'Inter', system-ui, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .landu-container {\n      max-width: 1532px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- \u4e0a\u534a\u90e8\u5206\u5e03\u5c40 --- *\/\n    .top-split {\n      display: grid;\n      grid-template-columns: 1fr 1.2fr;\n      gap: 60px;\n      align-items: flex-start;\n      margin-bottom: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u6587\u5b57 *\/\n    .about-content {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 20px;\n    }\n    .section-badge span {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--primary-blue);\n      background: rgba(37, 99, 235, 0.1);\n      padding: 6px 16px;\n      border-radius: 50px;\n    }\n\n    .about-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: var(--text-dark);\n      margin-bottom: 16px;\n      line-height: 1.2;\n    }\n\n    .about-subtitle {\n      font-size: 18px;\n      color: var(--accent-orange);\n      font-weight: 600;\n      margin-bottom: 40px;\n    }\n\n    \/* \u94fe\u63a5\u5757 *\/\n    .info-block {\n      margin-bottom: 32px;\n      padding-left: 24px;\n      border-left: 3px solid #E5E7EB;\n      transition: all 0.3s ease;\n    }\n    .info-block:hover { \n      border-left-color: var(--primary-blue);\n    }\n\n    .info-link {\n      text-decoration: none;\n      color: inherit;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      transition: color 0.3s ease;\n    }\n    .info-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--text-dark);\n      margin-bottom: 12px;\n      display: flex;\n      align-items: center;\n    }\n    .info-link:hover .info-title-text {\n      color: var(--primary-blue);\n      text-decoration: underline;\n      text-underline-offset: 4px;\n    }\n    .info-desc {\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--text-gray);\n    }\n\n    \/* \u6309\u94ae *\/\n    .btn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: fit-content;\n      margin-top: 10px;\n      padding: 14px 32px;\n      background: linear-gradient(135deg, var(--primary-blue), var(--primary-dark));\n      color: #fff;\n      font-size: 15px;\n      font-weight: 700;\n      border-radius: 50px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);\n    }\n    .btn-more:hover {\n      background: linear-gradient(135deg, var(--accent-orange), #EA580C);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4);\n    }\n\n    \/* --- \u53f3\u4fa7\u5927\u56fe\u76f8\u6846 --- *\/\n    .main-image-frame {\n      position: relative;\n      padding: 12px;\n      background: #fff;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n      border-radius: 4px;\n      transform: rotate(1deg);\n      transition: transform 0.5s ease;\n    }\n    .main-image-frame:hover {\n      transform: rotate(0deg) scale(1.01);\n      z-index: 10;\n    }\n\n    .main-img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 2px;\n      border: 1px solid #f0f0f0;\n    }\n\n    \/* --- \u4e0b\u534a\u90e8\u5206\uff1a\u7167\u7247\u5899 --- *\/\n    .gallery-strip {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 24px;\n      padding-top: 40px;\n    }\n\n    .gallery-item {\n      position: relative;\n      background: #fff;\n      padding: 10px 10px 40px 10px;\n      box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      display: flex;\n      flex-direction: column;\n      border-radius: 2px;\n    }\n\n    .gallery-item:nth-child(1) { transform: rotate(-2deg); }\n    .gallery-item:nth-child(2) { transform: rotate(1deg); margin-top: 20px; }\n    .gallery-item:nth-child(3) { transform: rotate(-1deg); }\n    .gallery-item:nth-child(4) { transform: rotate(2deg); margin-top: 20px; }\n\n    .gallery-item:hover {\n      transform: scale(1.05) rotate(0deg) !important;\n      z-index: 10;\n      box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);\n    }\n\n    \/* \ud83d\udcce \u7eb8\u8d28\u80f6\u5e26\u6548\u679c (\u4fdd\u7559\u624b\u8d26\u98ce\u683c\uff0c\u53bb\u6389\u5723\u8bde\u6761\u7eb9) *\/\n    .gallery-item::after {\n      content: '';\n      position: absolute;\n      top: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 90px;\n      height: 28px;\n      background: rgba(255, 255, 255, 0.9);\n      border: 1px solid rgba(0,0,0,0.08);\n      box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n      opacity: 0.95;\n    }\n\n    \/* \ud83d\udd16 \u89d2\u843d\u6807\u7b7e\u88c5\u9970 (\u66ff\u4ee3\u5723\u8bde\u8d34\u7eb8) *\/\n    .corner-tag {\n      position: absolute;\n      width: 0;\n      height: 0;\n      z-index: 5;\n      transition: all 0.3s ease;\n    }\n    \n    \/* \u53f3\u4e0a\u89d2\u6298\u89d2 *\/\n    .corner-tag-tr {\n      top: 0;\n      right: 0;\n      border-style: solid;\n      border-width: 0 40px 40px 0;\n      border-color: transparent rgba(37, 99, 235, 0.15) transparent transparent;\n    }\n    \n    \/* \u5de6\u4e0b\u89d2\u5c0f\u6807\u7b7e *\/\n    .corner-tag-bl {\n      bottom: 40px;\n      left: 0;\n      width: 8px;\n      height: 50px;\n      background: linear-gradient(180deg, rgba(249, 115, 22, 0.2), rgba(249, 115, 22, 0.4));\n      border-radius: 0 4px 4px 0;\n    }\n\n    .gallery-item:hover .corner-tag-tr {\n      border-color: transparent rgba(37, 99, 235, 0.3) transparent transparent;\n    }\n\n    .gallery-img {\n      width: 100%;\n      height: 200px;\n      object-fit: cover;\n      display: block;\n      margin-bottom: 10px;\n      border: 1px solid #eee;\n    }\n\n    .gallery-caption {\n      position: absolute;\n      bottom: 10px;\n      left: 0;\n      width: 100%;\n      text-align: center;\n      font-family: \"Courier New\", Courier, monospace;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--text-gray);\n      letter-spacing: -0.5px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .top-split { grid-template-columns: 1fr; }\n      .gallery-strip { grid-template-columns: repeat(2, 1fr); }\n      .gallery-item:nth-child(odd) { margin-top: 0; }\n      .gallery-item:nth-child(even) { margin-top: 20px; }\n    }\n    @media (max-width: 600px) {\n      .gallery-strip { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n  <div class=\"landu-container\">\n    \n    <!-- \u4e0a\u534a\u90e8\u5206 -->\n    <div class=\"top-split\">\n      <!-- \u5de6\u4fa7\u6587\u5b57 -->\n      <div class=\"about-content\">\n        <div class=\"section-badge\">\n          <span>Tietoa meist\u00e4<\/span>\n        <\/div>\n        \n        <h2 class=\"about-title\">\n          Tietoja LANDUsta\n          <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563EB\" stroke-width=\"2\" style=\"vertical-align: middle; margin-left: 10px;\">\n            <path d=\"M12 2.97l-6.6 7.92h4.06l-4.95 7.13h14.98l-4.95-7.13h4.06z\"\/>\n            <path d=\"M12 21v-3\"\/>\n          <\/svg>\n        <\/h2>\n        <span class=\"about-subtitle\">Top selluloosa eetteri &amp; RDP toimittaja Kiinassa<\/span>\n\n        <!-- Innovation (Linked) -->\n        <div class=\"info-block\">\n          <a href=\"https:\/\/landu-china.com\/fi\/yritys\/innovaatiokeskus\/\" class=\"info-link\">\n            <h3 class=\"info-title\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563EB\" stroke-width=\"2\" style=\"margin-right: 10px;\">\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 class=\"info-title-text\">Innovaatio \u2192<\/span>\n            <\/h3>\n          <\/a>\n          <p class=\"info-desc\">\n            LANDUlla on kaksi laboratoriota, joissa testataan tuotteiden suorituskyky\u00e4 ja ominaisuuksia. Lis\u00e4ksi ammattitaitoisten teknisten neuvonantajien tiimimme tarjoaa opastusta ja tukea. N\u00e4iden tilojen ansiosta voimme auttaa sinua valitsemaan parhaat ratkaisut erityistarpeisiisi.\n          <\/p>\n        <\/div>\n\n        <!-- Quality Control (Linked) -->\n        <div class=\"info-block\">\n          <a href=\"https:\/\/landu-china.com\/fi\/palvelut\/formulaation-kehittaminen\/\" class=\"info-link\">\n            <h3 class=\"info-title\">\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F97316\" stroke-width=\"2\" style=\"margin-right: 10px;\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                <path d=\"M9 12l2 2 4-4\"\/>\n              <\/svg>\n              <span class=\"info-title-text\">Laadunvalvonta \u2192<\/span>\n            <\/h3>\n          <\/a>\n          <p class=\"info-desc\">\n            Me LANDUlla valitsemme pystysuorat reaktorit ja syklonisekoitustekniikat. N\u00e4ill\u00e4 erikoisratkaisuilla saavutetaan t\u00e4ydellisempi ja perusteellisempi sekoittuminen. Lis\u00e4ksi meill\u00e4 on k\u00e4yt\u00f6ss\u00e4 automaattinen valvontaj\u00e4rjestelm\u00e4. Se v\u00e4hent\u00e4\u00e4 inhimillisten virheiden mahdollisuutta tuotannon aikana.\n          <\/p>\n        <\/div>\n\n        <!-- Button -->\n        <a href=\"https:\/\/landu-china.com\/fi\/yritys\/\" class=\"btn-more\">\n          Lis\u00e4tietoja Meist\u00e4\n        <\/a>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\u5927\u56fe -->\n      <div class=\"main-image-frame\">\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/861F6231.jpg\" alt=\"LANDU-tilat\" class=\"main-img\">\n      <\/div>\n    <\/div>\n\n    <!-- \u4e0b\u534a\u90e8\u5206\uff1a\u7167\u7247\u5899 -->\n    <div class=\"gallery-strip\">\n      \n      <!-- Image 1: Middle East & Africa -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-tr\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01682-scaled.jpg\" alt=\"L\u00e4hi-it\u00e4 ja Afrikan tiimi\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">L\u00e4hi-it\u00e4 ja Afrikan tiimi<\/div>\n      <\/div>\n\n      <!-- Image 2: Europe -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-bl\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01721-scaled.jpg\" alt=\"Euroopan tiimi\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Euroopan tiimi<\/div>\n      <\/div>\n\n      <!-- Image 3: Russian Region -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-tr\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/DSC01642-scaled.jpg\" alt=\"Ven\u00e4j\u00e4n alueen tiimi\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Ven\u00e4j\u00e4n alueen tiimi<\/div>\n      <\/div>\n\n      <!-- Image 4: Latin America -->\n      <div class=\"gallery-item\">\n        <div class=\"corner-tag corner-tag-bl\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/Landu\u2018s-sales-in-CHINACOAT-2025-exhibition-scaled.jpg\" alt=\"Latinalaisen Amerikan tiimi\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Latinalaisen Amerikan tiimi<\/div>\n      <\/div>\n\n    <\/div>\n\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-9c90aae e-con-full e-flex e-con e-parent\" data-id=\"9c90aae\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a65ae elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e2a65ae\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Sustainability - Clean Professional Edition -->\n<section id=\"landu-sustainability\">\n  <style>\n    \/* --- \ud83d\udd12 \u6837\u5f0f\u9694\u79bb\uff1a\u6240\u6709\u6837\u5f0f\u4ec5\u5728\u6b64 ID \u4e0b\u751f\u6548 --- *\/\n    #landu-sustainability {\n      --primary-blue: #2563EB;\n      --primary-green: #059669;\n      --accent-orange: #F97316;\n      --text-dark: #1F2937;\n      --text-gray: #6B7280;\n      \n      width: 100%;\n      position: relative;\n      padding: 100px 0;\n      font-family: 'Inter', system-ui, sans-serif;\n      overflow: hidden;\n      background: linear-gradient(135deg, #EFF6FF 0%, #F0FDF4 100%);\n    }\n\n    \/* --- \ud83d\uddbc\ufe0f \u80cc\u666f\u5c42 --- *\/\n    #landu-sustainability .sus-bg-layer {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      background-image: url('https:\/\/landu-china.com\/wp-content\/uploads\/2024\/06\/%E6%91%84%E5%9B%BE%E7%BD%91_501771221_%E5%AE%B6%E5%BA%AD%E4%BA%B2%E5%AD%90%E6%88%B7%E5%A4%96%E9%9C%B2%E8%90%A5%E7%8E%A9%E8%80%8D%EF%BC%88%E4%BC%81%E4%B8%9A%E5%95%86%E7%94%A8%EF%BC%89-scaled.webp');\n      background-size: cover;\n      background-position: center;\n      filter: blur(2px);\n      opacity: 0.3;\n      z-index: 0;\n    }\n\n    #landu-sustainability .sus-overlay {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.05) 0%, rgba(5, 150, 105, 0.05) 100%);\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    \/* --- \u88c5\u9970\u6027\u51e0\u4f55\u56fe\u5f62 --- *\/\n    #landu-sustainability .sus-decoration {\n      position: absolute;\n      border-radius: 50%;\n      opacity: 0.1;\n      z-index: 1;\n    }\n\n    #landu-sustainability .sus-circle-1 {\n      width: 400px;\n      height: 400px;\n      background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));\n      top: -100px;\n      right: -100px;\n    }\n\n    #landu-sustainability .sus-circle-2 {\n      width: 300px;\n      height: 300px;\n      background: linear-gradient(135deg, var(--primary-green), var(--accent-orange));\n      bottom: -80px;\n      left: -80px;\n    }\n\n    \/* --- \u5e03\u5c40\u5bb9\u5668 --- *\/\n    #landu-sustainability .sus-content-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 5;\n      text-align: center;\n    }\n\n    \/* Header *\/\n    #landu-sustainability .sus-header { \n      margin-bottom: 70px; \n    }\n    \n    #landu-sustainability .sus-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 24px;\n      background: rgba(255, 255, 255, 0.95);\n      border: 2px solid var(--primary-blue);\n      border-radius: 50px;\n      margin-bottom: 24px;\n      box-shadow: 0 4px 15px rgba(37, 99, 235, 0.15);\n      color: var(--primary-blue);\n      font-weight: 800;\n      text-transform: uppercase;\n      font-size: 13px;\n      letter-spacing: 1.5px;\n      backdrop-filter: blur(10px);\n    }\n\n    #landu-sustainability .sus-badge svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    #landu-sustainability .sus-main-title {\n      font-size: 48px;\n      font-weight: 800;\n      color: var(--text-dark);\n      margin-bottom: 16px;\n      line-height: 1.2;\n    }\n\n    #landu-sustainability .sus-sub-title {\n      font-size: 20px;\n      color: var(--primary-green);\n      font-weight: 600;\n      background: rgba(255, 255, 255, 0.9);\n      display: inline-block;\n      padding: 8px 24px;\n      border-radius: 12px;\n      backdrop-filter: blur(8px);\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* --- \u5361\u7247\u7f51\u683c --- *\/\n    #landu-sustainability .sus-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      margin-bottom: 60px;\n    }\n\n    #landu-sustainability .sus-card {\n      background: rgba(255, 255, 255, 0.95);\n      border-radius: 20px;\n      padding: 48px 36px;\n      text-align: left;\n      position: relative;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid rgba(0, 0, 0, 0.05);\n      backdrop-filter: blur(10px);\n      overflow: hidden;\n    }\n\n    #landu-sustainability .sus-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      transition: height 0.3s ease;\n    }\n\n    #landu-sustainability .sus-card:hover {\n      transform: translateY(-12px);\n      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n    }\n\n    #landu-sustainability .sus-card:hover::before {\n      height: 100%;\n      opacity: 0.05;\n    }\n\n    \/* \u7eff\u8272\u5361\u7247 *\/\n    #landu-sustainability .sus-card-green::before {\n      background: linear-gradient(135deg, var(--primary-green), #10B981);\n    }\n\n    #landu-sustainability .sus-card-green .sus-icon-box {\n      background: linear-gradient(135deg, var(--primary-green), #10B981);\n      color: #fff;\n    }\n\n    \/* \u84dd\u8272\u5361\u7247 *\/\n    #landu-sustainability .sus-card-blue::before {\n      background: linear-gradient(135deg, var(--primary-blue), #3B82F6);\n    }\n\n    #landu-sustainability .sus-card-blue .sus-icon-box {\n      background: linear-gradient(135deg, var(--primary-blue), #3B82F6);\n      color: #fff;\n    }\n\n    \/* \u56fe\u6807\u5bb9\u5668 *\/\n    #landu-sustainability .sus-icon-box {\n      width: 72px;\n      height: 72px;\n      margin-bottom: 24px;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n      transition: transform 0.3s ease;\n    }\n\n    #landu-sustainability .sus-card:hover .sus-icon-box {\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    #landu-sustainability .sus-card-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: var(--text-dark);\n      margin-bottom: 16px;\n      line-height: 1.3;\n    }\n\n    #landu-sustainability .sus-card-desc {\n      font-size: 15px;\n      line-height: 1.8;\n      color: var(--text-gray);\n    }\n\n    \/* --- \u6309\u94ae --- *\/\n    #landu-sustainability .sus-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 48px;\n      background: linear-gradient(135deg, var(--primary-blue), #1E40AF);\n      color: #fff;\n      font-size: 16px;\n      font-weight: 700;\n      border-radius: 50px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);\n      position: relative;\n      overflow: hidden;\n    }\n\n    #landu-sustainability .sus-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.2), transparent);\n      transition: left 0.5s ease;\n    }\n\n    #landu-sustainability .sus-btn:hover {\n      background: linear-gradient(135deg, var(--primary-green), #047857);\n      transform: translateY(-2px);\n      box-shadow: 0 12px 30px rgba(5, 150, 105, 0.4);\n    }\n\n    #landu-sustainability .sus-btn:hover::before {\n      left: 100%;\n    }\n\n    #landu-sustainability .sus-btn svg {\n      transition: transform 0.3s ease;\n    }\n\n    #landu-sustainability .sus-btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 900px) {\n      #landu-sustainability .sus-grid { \n        grid-template-columns: 1fr; \n        gap: 30px; \n      }\n      #landu-sustainability .sus-main-title {\n        font-size: 36px;\n      }\n      #landu-sustainability {\n        padding: 60px 0;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #landu-sustainability .sus-content-container {\n        padding: 0 20px;\n      }\n      #landu-sustainability .sus-main-title {\n        font-size: 28px;\n      }\n      #landu-sustainability .sus-card {\n        padding: 32px 24px;\n      }\n    }\n  <\/style>\n\n  <!-- \u80cc\u666f -->\n  <div class=\"sus-bg-layer\"><\/div>\n  <div class=\"sus-overlay\"><\/div>\n\n  <!-- \u88c5\u9970\u5706\u5f62 -->\n  <div class=\"sus-decoration sus-circle-1\"><\/div>\n  <div class=\"sus-decoration sus-circle-2\"><\/div>\n\n  <div class=\"sus-content-container\">\n    \n    <!-- Header -->\n    <div class=\"sus-header\">\n      <div class=\"sus-badge\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n          <path d=\"M2 17l10 5 10-5\"\/>\n          <path d=\"M2 12l10 5 10-5\"\/>\n        <\/svg>\n        <span>Vastuullisuutemme<\/span>\n      <\/div>\n      <h2 class=\"sus-main-title\">\n        Innovatiivinen ja vastuullinen johtaja\n      <\/h2>\n      <p class=\"sus-sub-title\">LANDU sitoutunut vihre\u00e4mp\u00e4\u00e4n tulevaisuuteen<\/p>\n    <\/div>\n\n    <!-- Grid Cards -->\n    <div class=\"sus-grid\">\n      \n      <!-- Green Card -->\n      <div class=\"sus-card sus-card-green\">\n        <div class=\"sus-icon-box\">\n          <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/>\n            <path d=\"M9.8 6.1A7 7 0 0 0 7 10c-2.2 0-4-1.8-4-4 0-1.1.4-2.1 1-2.8\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sus-card-title\">Ekologinen kest\u00e4vyys<\/h3>\n        <p class=\"sus-card-desc\">\n          LANDU on ottanut MVR-teknologian k\u00e4ytt\u00f6\u00f6n j\u00e4tevedenk\u00e4sittelyss\u00e4 saavuttaakseen nollaj\u00e4tep\u00e4\u00e4st\u00f6t ja v\u00e4hent\u00e4\u00e4kseen siten ilmastojalanj\u00e4lke\u00e4 ja parantaakseen ymp\u00e4rist\u00f6nsuojelun tasoa.\n        <\/p>\n      <\/div>\n\n      <!-- Blue Card -->\n      <div class=\"sus-card sus-card-blue\">\n        <div class=\"sus-icon-box\">\n          <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <path d=\"M9 12l2 2 4-4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sus-card-title\">Sosiaalinen kest\u00e4vyys<\/h3>\n        <p class=\"sus-card-desc\">\n          LANDU uskoo, ett\u00e4 turvallisuus on kaikkien toimintojen ydin ja siksi se ei s\u00e4\u00e4stele ponnisteluja riskien ehk\u00e4isemiseksi ja hallitsemiseksi turvallisuuskulttuurin edist\u00e4miseksi.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- Button -->\n    <a href=\"https:\/\/landu-china.com\/fi\/kestavyys\/\" class=\"sus-btn\">\n      <span>N\u00e4yt\u00e4 yksityiskohdat<\/span>\n      <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"M5 12h14\"\/>\n        <path d=\"M12 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n\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-1677c08 e-flex e-con-boxed e-con e-parent\" data-id=\"1677c08\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e74b171 e-flex e-con-boxed e-con e-child\" data-id=\"e74b171\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-276197a e-con-full e-flex e-con e-child\" data-id=\"276197a\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e4c59a4 e-con-full e-flex e-con e-child\" data-id=\"e4c59a4\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90131ea elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"90131ea\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-earth\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7937d4 elementor-widget elementor-widget-heading\" data-id=\"d7937d4\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LANDU kehittyy ja kukoistaa johdonmukaisesti<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf85bf elementor-widget elementor-widget-heading\" data-id=\"baf85bf\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Viimeisimm\u00e4t p\u00e4ivitykset: LANDU:n kanssa\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c0c8a8 elementor-widget elementor-widget-button\" data-id=\"2c0c8a8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/landu-china.com\/fi\/uutistapahtumat\/uutiset-ja-lehdistotiedotteet\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lue lis\u00e4\u00e4<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef6e55e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef6e55e\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9118a5\" data-id=\"e9118a5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-45b090e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45b090e\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-009ab5d\" data-id=\"009ab5d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a71061 elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"4a71061\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div id=\"post-items--4a71061\" class=\"row post-items ekit-blog-posts-content\" data-enable=\"no\">\n\n\t\t\t<!-- Blog Carousel markup render -->\n\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/landu-china.com\/fi\/landu-world-of-concrete-2026-las-vegas-tapahtumassa-tutustu-edistyneisiin-betonilisaaineisiin-ja-kuiduinovaatioihin\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/5fe286af5c09b622ffe1fd5ba74b8d09-1024x576.jpg\" alt=\"LANDU World of Concrete 2026 Las Vegas -tapahtumassa: Tutustu edistyneisiin betonilis\u00e4aineisiin ja kuiduinovaatioihin\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n                                <a href=\"https:\/\/landu-china.com\/fi\/blogi\/\" rel=\"category tag\">Blogi<\/a> | <a href=\"https:\/\/landu-china.com\/fi\/nayttely\/\" rel=\"category tag\">N\u00e4yttely<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/fi\/landu-world-of-concrete-2026-las-vegas-tapahtumassa-tutustu-edistyneisiin-betonilisaaineisiin-ja-kuiduinovaatioihin\/\">\n                            LANDU World of Concrete 2026 Las Vegas -tapahtumassa: Tutustu edistyneisiin betonilis\u00e4aineisiin ja kuiduinovaatioihin                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>LANDU esittelee innovatiivisia betoniratkaisuja Las Vegasissa 2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/fi\/landu-world-of-concrete-2026-las-vegas-tapahtumassa-tutustu-edistyneisiin-betonilisaaineisiin-ja-kuiduinovaatioihin\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Lue lis\u00e4\u00e4                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/landu-china.com\/fi\/landu-beton-2025ssa-huipputason-betoniratkaisut\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/LANDU-2025-BETON-1024x590.jpg\" alt=\"LANDU BETON 2025:ssa: Huipputason betoniratkaisut\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n                                <a href=\"https:\/\/landu-china.com\/fi\/blogi\/\" rel=\"category tag\">Blogi<\/a> | <a href=\"https:\/\/landu-china.com\/fi\/nayttely\/\" rel=\"category tag\">N\u00e4yttely<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/fi\/landu-beton-2025ssa-huipputason-betoniratkaisut\/\">\n                            LANDU BETON 2025:ssa: Huipputason betoniratkaisut                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>LANDU BETON 2025 -n\u00e4yttelyss\u00e4 Shandong Landu Uusi Materiaali Co.,<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/fi\/landu-beton-2025ssa-huipputason-betoniratkaisut\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Lue lis\u00e4\u00e4                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/landu-china.com\/fi\/loyda-seuraavan-sukupolven-pinnoiteadditiivit-landulla-chinacoat-2025ssa\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/LANDU-2025-ChinaCoat-1024x576.jpg\" alt=\"L\u00f6yd\u00e4 seuraavan sukupolven pinnoiteadditiivit LANDU:ll\u00e4 CHINACOAT 2025:ssa\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n                                <a href=\"https:\/\/landu-china.com\/fi\/blogi\/\" rel=\"category tag\">Blogi<\/a> | <a href=\"https:\/\/landu-china.com\/fi\/nayttely\/\" rel=\"category tag\">N\u00e4yttely<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/fi\/loyda-seuraavan-sukupolven-pinnoiteadditiivit-landulla-chinacoat-2025ssa\/\">\n                            L\u00f6yd\u00e4 seuraavan sukupolven pinnoiteadditiivit LANDU:ll\u00e4 CHINACOAT 2025:ssa                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>Liity LANDU:hen CHINACOAT 2025:ssa globaalina pinnoitealan tapahtumana<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/fi\/loyda-seuraavan-sukupolven-pinnoiteadditiivit-landulla-chinacoat-2025ssa\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Lue lis\u00e4\u00e4                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t        <\/div>\n        \n        \n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Edistyneet materiaaliratkaisut johtava selluloosahartsiinnovaatio maailmanlaajuisesti LANDU erikoistuu korkeasuorituskykyisiin selluloosahartseihin pinnoitteisiin, rakentamiseen ja erikoissovelluksiin. Toimitamme johdonmukaista laatua ja innovatiivisia ratkaisuja yhteisty\u00f6kumppaneille ymp\u00e4ri maailmaa. Yli 15 vuoden kokemus Yli 60 maata palvellut yli 500 globaalista kumppaniaa L\u00f6yd\u00e4 LANDU \u2192 Ota yhteytt\u00e4 \u25c6 Tuoteratkaisut Korkeasuorituskykyiset selluloosahartsi LANDU toimittaa edistyneit\u00e4 [\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-20982","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/pages\/20982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/comments?post=20982"}],"version-history":[{"count":237,"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/pages\/20982\/revisions"}],"predecessor-version":[{"id":23927,"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/pages\/20982\/revisions\/23927"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/fi\/wp-json\/wp\/v2\/media?parent=20982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}