{"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\/id","title":{"rendered":"Beranda"},"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\">Solusi Material Canggih<\/span>\n            <\/div>\n            \n            <h1 class=\"brand-title\">\n                Ether Selulosa Terdepan<br><span>Inovasi di Seluruh Dunia<\/span>\n            <\/h1>\n            \n            <p class=\"brand-desc\">\n                LANDU mengkhususkan diri dalam ether selulosa berkinerja tinggi untuk pelapis, konstruksi, dan aplikasi khusus. Kami memberikan kualitas yang konsisten dan solusi inovatif kepada mitra di seluruh dunia.\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\">Pengalaman Bertahun-tahun<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">60+<\/div>\n                    <div class=\"stat-label\">Negara yang Dilayani<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">500+<\/div>\n                    <div class=\"stat-label\">Mitra Global<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"btn-group\">\n                <a href=\"https:\/\/landu-china.com\/id\/perusahaan\/\" class=\"btn-primary\">Temukan LANDU \u2192<\/a>\n                <a href=\"https:\/\/landu-china.com\/id\/hubungi-kami\/\" class=\"btn-outline\">Hubungi<\/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 Solusi Produk<\/div>\n                <h1 class=\"hero-title\">\n                    Kinerja Tinggi <br><span>Ether Selulosa<\/span>\n                <\/h1>\n                <p class=\"hero-desc\">\n                    LANDU menyediakan ether selulosa canggih yang meningkatkan formulasi pelapis\u2014dari kontrol viskositas yang tepat hingga kualitas film yang unggul dan stabilitas yang meningkat.\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>Kontrol Viskositas yang Unggul<\/h4>\n                            <p>Manajemen rheologi yang tepat untuk aplikasi optimal<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Kualitas Film yang Ditingkatkan<\/h4>\n                            <p>Hasil akhir halus, seragam dengan daya tahan yang luar biasa<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <div class=\"feat-icon\">\u25ce<\/div>\n                        <div class=\"feat-text\">\n                            <h4>Solusi Ramah Lingkungan<\/h4>\n                            <p>Formulasi berkelanjutan untuk cat yang lebih ramah lingkungan<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"btn-group\">\n                    <a href=\"https:\/\/landu-china.com\/id\/produk\/\" class=\"btn-primary\">Jelajahi Produk \u2192<\/a>\n                    <a href=\"https:\/\/landu-china.com\/id\/hubungi-kami\/\" class=\"btn-outline\">Permintaan Sampel<\/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\">Kinerja Premium<\/div>\n                        <div class=\"desc\">Meningkatkan tingkat, retensi air, dan kehalusan film untuk pelapis arsitektur yang seragam.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/id\/hidroksietil-metil-selulosa-hemc-mhec\/\" class=\"card-link\">Pelajari Lebih Lanjut <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\">Rheologi Serbaguna<\/div>\n                        <div class=\"desc\">Memastikan pengentalan yang efisien, stabilitas, dan aplikasi yang halus pada cat berbasis air.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/id\/hidroksietil-selulosa-hec\/\" class=\"card-link\">Pelajari Lebih Lanjut <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 Mengapa Memilih LANDU<\/span>\n                <h1 class=\"hero-title\">Kualitas, Inovasi &amp; <span>Keberlanjutan<\/span><\/h1>\n                <p class=\"hero-desc\" style=\"margin: 0 auto; max-width: 700px;\">\n                    Di LANDU, kami menjunjung tinggi standar tertinggi melalui pengendalian produksi yang ketat, inovasi R&amp;D berkelanjutan, dan praktik ramah lingkungan yang berkelanjutan.\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=\"Kualitas\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Keunggulan Kualitas<\/h3>\n                        <div class=\"sub\">Standar Ketat<\/div>\n                        <div class=\"desc\">Pengendalian produksi yang canggih dan manajemen formulasi yang tepat memastikan hasil yang konsisten dan berkinerja tinggi.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/id\/perusahaan\/sertifikasi-dan-kualitas\/\" class=\"card-link\">Pelajari Lebih Lanjut <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=\"Inovasi\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Pusat Inovasi<\/h3>\n                        <div class=\"sub\">Keunggulan R&amp;D<\/div>\n                        <div class=\"desc\">Tim R&amp;D ahli kami mengembangkan aditif generasi berikutnya yang memenuhi kebutuhan industri yang terus berkembang.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/id\/perusahaan\/pusat-inovasi\/\" class=\"card-link\">Pelajari Lebih Lanjut <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=\"Keberlanjutan\">\n                    <\/div>\n                    <div class=\"card-info\">\n                        <h3>Keberlanjutan<\/h3>\n                        <div class=\"sub\">Komitmen Ramah Lingkungan<\/div>\n                        <div class=\"desc\">Proses ramah lingkungan, efisiensi energi, dan solusi rendah VOC untuk industri yang lebih bersih.<\/div>\n                        <a href=\"https:\/\/landu-china.com\/id\/keberlanjutan\/\" class=\"card-link\">Pelajari Lebih Lanjut <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\">Tersertifikasi ISO 9001<\/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=\"Pabrik LANDU\" class=\"img-modern\">\n                    <div class=\"img-overlay\">Fasilitas Produksi<\/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=\"Laboratorium LANDU\" class=\"img-modern\" loading=\"lazy\">\n                    <div class=\"img-overlay\">Laboratorium R&amp;D<\/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=\"Kantor LANDU\" class=\"img-modern\" loading=\"lazy\">\n                    <div class=\"img-overlay\">Kantor<\/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                Pemimpin Industri\n            <\/div>\n            \n            <h2 class=\"h2-modern\">\n                Berkomitmen untuk Memberikan <br>\n                <span class=\"highlight\">Bahan Kimia Performa Unggul<\/span>\n            <\/h2>\n            \n            <p class=\"intro-text\">\n                LANDU adalah produsen terkemuka untuk eter selulosa (CE) dan polimer VAE yang dapat didispersikan kembali. Kami menyediakan modifikasi kimia berkualitas tinggi (HPMC, HEMC, HEC, PCE) yang mendorong inovasi dalam bahan bangunan, bahan kimia harian, makanan, dan farmasi.\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 Basis Produksi<br>(Kapasitas 75.000 Ton)<\/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\">Gudang Besar &amp;<br>Pengiriman Cepat<\/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\">Multinasional<br>Pengalaman Kerjasama<\/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 Paten &amp;<br>4 Model Utilitas<\/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\">Manajemen Mutu ISO 9001 &amp; Tersertifikasi EU REACH<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/landu-china.com\/id\/hubungi-kami\/\" class=\"cta-button\">\n                Kirim Pertanyaan Sekarang\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                    Solusi Ether Selulosa\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                Teknologi ether selulosa premium yang memberikan kinerja unggul untuk konstruksi, pelapis, dan aplikasi industri di seluruh dunia.\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\">Hidroksipropil Metil Selulosa<\/span>\n                    <p class=\"product-description\">\n                        Properti retensi air dan pengentalan yang sangat baik. Ideal untuk bahan konstruksi, perekat ubin, dan mortar berbasis semen.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/id\/hidroksipropil-metil-selulosa-hpmc\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">Lihat Detail<\/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\">Canggih<\/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\">Hidroksietil Metil Selulosa<\/span>\n                    <p class=\"product-description\">\n                        Menampilkan waktu terbuka yang diperpanjang dan ketahanan panas yang unggul. Sempurna untuk aplikasi perekat berkinerja tinggi.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/id\/hidroksietil-metil-selulosa-hemc-mhec\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">Lihat Detail<\/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\">Profesional<\/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\">Hidroksietil Selulosa<\/span>\n                    <p class=\"product-description\">\n                        Stabilitas yang sangat baik untuk pelapis dan cat. Memberikan hasil akhir yang halus dan konsisten untuk aplikasi profesional.\n                    <\/p>\n                    \n                    <a href=\"https:\/\/landu-china.com\/id\/hidroksietil-selulosa-hec\/\" class=\"cta-btn\">\n                        <span class=\"btn-text\">Lihat Detail<\/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\">Solusi Premium<\/span>\n      <\/div>\n      \n      <p class=\"landu-rdp-content\">\n        <span class=\"highlight\">Solusi satu atap untuk mortar campuran kering:<\/span> Gabungkan aditif ACCURATE\u2122 dengan Ether Selulosa kami untuk kinerja yang unggul.\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=\"RDP semi-flexible\">\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\">Semi-fleksibel<\/div>\n          <h3 class=\"landu-rdp-title\">Serbuk Polimer yang dapat terdispersi ulang<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Dirancang untuk meningkatkan ikatan interior, kekuatan tarik, dan deformabilitas untuk aplikasi profesional.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/id\/bubuk-polimer-semi-fleksibel-yang-dapat-larut-dalam-air-vae-rdp\/\" class=\"landu-rdp-link\">\n            <span>Lihat Detail<\/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\">Canggih<\/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=\"RDP yang fleksibel\">\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\">Fleksibel<\/div>\n          <h3 class=\"landu-rdp-title\">Serbuk Polimer yang dapat terdispersi ulang<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Memberikan fleksibilitas dan elastisitas. Fokus pada toleransi gerakan yang lebih besar untuk kondisi yang menuntut.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/id\/bubuk-polimer-yang-dapat-larut-fleksibel-vae-rdp\/\" class=\"landu-rdp-link\">\n            <span>Lihat Detail<\/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\">Profesional<\/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=\"RDP hidrofobik\">\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\">Hidrofobik<\/div>\n          <h3 class=\"landu-rdp-title\">Serbuk Polimer yang dapat terdispersi ulang<\/h3>\n          <p class=\"landu-rdp-desc\">\n            Meningkatkan ketahanan terhadap air. Cocok untuk aplikasi di mana perlindungan terhadap kelembapan sangat penting.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/id\/produsen-polimer-yang-dapat-larut-dalam-air-rdp-hidrofobik\/\" class=\"landu-rdp-link\">\n            <span>Lihat Detail<\/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\">Aditif Lanjutan<\/span>\n      <\/div>\n      \n      <p class=\"landu-novastar-content\">\n        <span class=\"highlight\">Aditif NOVASTAR\u2122 banyak digunakan dalam aplikasi mortar campuran kering dan beton.<\/span> Kami merekomendasikan kombinasi mereka dengan Eter Selulosa kami untuk kinerja optimal.\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\">Teknologi Tinggi<\/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=\"Superplasticizer Polikarboksilat\">\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\">Superplasticizer Polikarboksilat<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Superplastisizer terutama digunakan untuk menurunkan rasio air-semen tanpa kehilangan kekuatan atau properti utama lainnya, meningkatkan kemudahan pengerjaan dan daya tahan.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/id\/bubuk-superplasticizer-polikarboksilat-pce\/\" class=\"landu-novastar-link\">\n            <span>Pelajari Lebih Lanjut<\/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\">Inovasi<\/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=\"Bubuk Hidrofobik Silikon\">\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\">Bubuk Hidrofobik Silikon<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Fungsi utama Bubuk Hidrofobik Silikon (SHP) adalah membuat permukaan tahan air sambil tetap mempertahankan permeabilitas uap untuk perlindungan yang dapat bernapas.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/id\/produsen-shp-bubuk-hidrofobik-silikon\/\" class=\"landu-novastar-link\">\n            <span>Pelajari Lebih Lanjut<\/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\">Profesional<\/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=\"Penghambat Gipsum\">\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\">Retarder<\/div>\n          <h3 class=\"landu-novastar-title\">Penghambat Gipsum<\/h3>\n          <p class=\"landu-novastar-desc\">\n            Retarder Gypsum mengontrol dan memperlambat waktu pengaturan bahan berbasis gypsum, seperti plester gypsum dan campuran papan, memberikan waktu kerja yang lebih lama.\n          <\/p>\n          <a href=\"https:\/\/landu-china.com\/id\/pemasok-penghambat-gipsum\/\" class=\"landu-novastar-link\">\n            <span>Pelajari Lebih Lanjut<\/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>Aplikasi Kami<\/span>\n      <\/div>\n      <h2 class=\"landu-title\">Sekilas tentang Aplikasi yang Kami Layani<\/h2>\n      <p class=\"landu-subtitle\">Kemajuan kami dalam ilmu pengetahuan dan kimia telah mengubah produk di berbagai aplikasi kimia, memberikan solusi inovatif untuk berbagai industri.<\/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\">Perekat Ubin<\/h3>\n        <p class=\"app-desc\">Perekat ubin, juga disebut ikatan ubin, adalah campuran semen, pasir, batu kapur, air, dan aditif peningkat kinerja.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/aditif-perekat-ubin-ce-rdp\/\" class=\"app-link\">lihat selengkapnya \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\">Aditif Lapisan Skim \/ Dempul Dinding<\/h3>\n        <p class=\"app-desc\">Plamur dinding, juga disebut lapisan skim, adalah bahan bangunan dekoratif dan fungsional yang terbuat dari semen putih, air, dan aditif kinerja.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/aditif-dempul-dinding-lapisan-skim\/\" class=\"app-link\">lihat selengkapnya \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\">Aditif ETICS \/ EIFS<\/h3>\n        <p class=\"app-desc\">Sistem Insulasi dan Finishing Eksterior (EIFS) juga disebut ETICS. Memiliki beberapa lapisan yang bekerja bersama untuk memberikan isolasi.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/sistem-insulasi-eksterior-aditif-eifs-aditif\/\" class=\"app-link\">lihat selengkapnya \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\">Aplikasi Gipsum<\/h3>\n        <p class=\"app-desc\">Produk berbasis gypsum mencakup berbagai bahan konstruksi dan dekoratif. Produk utama adalah plester gypsum dan senyawa.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/aplikasi-gipsum\/\" class=\"app-link\">lihat selengkapnya \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\">Senyawa yang meratakan sendiri<\/h3>\n        <p class=\"app-desc\">Campuran self-leveling adalah campuran semen dari pengisi dan aditif kimia. Banyak digunakan untuk menciptakan permukaan yang halus.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/senyawa-aditif-yang-meratakan-sendiri\/\" class=\"app-link\">lihat selengkapnya \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\">Aditif Render Semen<\/h3>\n        <p class=\"app-desc\">Render semen, juga disebut plester berbasis semen, adalah bahan bangunan serbaguna yang terbuat dari semen, pasir, air, dan aditif.<\/p>\n        <a href=\"http:\/\/landu-china.com\/id\/semen-membuat-plester-aditif\/\" class=\"app-link\">lihat selengkapnya \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\">Aditif Cat &amp; Pelapis<\/h3>\n        <p class=\"app-desc\">Cat dan lapisan digunakan untuk tujuan dekoratif dan fungsional. Mereka dapat meningkatkan penampilan berbagai permukaan.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/aditif-pelapis-cat\/\" class=\"app-link\">lihat selengkapnya \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\">Perawatan Pribadi &amp; Rumah<\/h3>\n        <p class=\"app-desc\">Aditif penting untuk produk perawatan pribadi seperti sampo, losion, dan solusi pembersih rumah, meningkatkan tekstur dan stabilitas.<\/p>\n        <a href=\"https:\/\/landu-china.com\/id\/pasar\/perawatan-rumah-pribadi\/\" class=\"app-link\">lihat selengkapnya \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>Tentang Kami<\/span>\n        <\/div>\n        \n        <h2 class=\"about-title\">\n          Tentang LANDU\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\">Pemasok Selulosa Eter &amp; RDP Teratas di Cina<\/span>\n\n        <!-- Innovation (Linked) -->\n        <div class=\"info-block\">\n          <a href=\"https:\/\/landu-china.com\/id\/perusahaan\/pusat-inovasi\/\" 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\">Inovasi \u2192<\/span>\n            <\/h3>\n          <\/a>\n          <p class=\"info-desc\">\n            LANDU dilengkapi dengan dua laboratorium untuk menguji kinerja dan properti produk. Selain itu, tim penasihat teknis profesional kami menawarkan bimbingan dan dukungan. Fasilitas ini memungkinkan kami untuk membantu Anda memilih solusi terbaik untuk kebutuhan spesifik Anda.\n          <\/p>\n        <\/div>\n\n        <!-- Quality Control (Linked) -->\n        <div class=\"info-block\">\n          <a href=\"https:\/\/landu-china.com\/id\/layanan\/pengembangan-formulasi\/\" 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\">Pengendalian Kualitas \u2192<\/span>\n            <\/h3>\n          <\/a>\n          <p class=\"info-desc\">\n            Di LANDU, kami memilih reaktor vertikal dan teknologi pencampuran siklon. Solusi khusus ini dapat mencapai pencampuran yang lebih lengkap dan menyeluruh. Selain itu, kami memiliki sistem kontrol otomatis. Hal ini mengurangi kemungkinan kesalahan manusia selama produksi.\n          <\/p>\n        <\/div>\n\n        <!-- Button -->\n        <a href=\"https:\/\/landu-china.com\/id\/perusahaan\/\" class=\"btn-more\">\n          Lebih Banyak Tentang Kami\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=\"Fasilitas LANDU\" 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=\"Tim Timur Tengah &amp; Afrika\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Tim Timur Tengah &amp; Afrika<\/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=\"Tim Eropa\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Tim Eropa<\/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=\"Tim Wilayah Indonesia\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Tim Wilayah Indonesia<\/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=\"Tim Amerika Latin\" class=\"gallery-img\">\n        <div class=\"gallery-caption\">Tim Amerika Latin<\/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>Tanggung Jawab Kami<\/span>\n      <\/div>\n      <h2 class=\"sus-main-title\">\n        Pemimpin yang Inovatif dan Bertanggung Jawab\n      <\/h2>\n      <p class=\"sus-sub-title\">LANDU Berkomitmen untuk Masa Depan yang Lebih Hijau<\/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\">Keberlanjutan Ekologis<\/h3>\n        <p class=\"sus-card-desc\">\n          LANDU telah mengadopsi Teknologi MVR dalam Pengolahan Air Limbah untuk mencapai emisi limbah nol, sehingga mengurangi jejak iklim dan meningkatkan kinerja lingkungan.\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\">Keberlanjutan Sosial<\/h3>\n        <p class=\"sus-card-desc\">\n          LANDU percaya bahwa keselamatan adalah elemen inti dari semua operasi dan dengan demikian tidak ragu untuk berusaha mencegah dan mengendalikan risiko guna membangun budaya keselamatan.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- Button -->\n    <a href=\"https:\/\/landu-china.com\/id\/keberlanjutan\/\" class=\"sus-btn\">\n      <span>Lihat Detail<\/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 Secara Konsisten Maju dan Berkembang<\/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\">Berita Terbaru: Momen bersama LANDU\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\/id\/acara-berita\/berita-dan-siaran-pers\/\" 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\">Pelajari Lebih Lanjut<\/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\/id\/landu-di-dunia-beton-2026-las-vegas-temukan-admixture-beton-canggih-dan-inovasi-serat\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/12\/5fe286af5c09b622ffe1fd5ba74b8d09-1024x576.jpg\" alt=\"LANDU di Dunia Beton 2026 Las Vegas: Temukan Admixture Beton Canggih dan Inovasi Serat\">\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\/id\/blog\/\" rel=\"category tag\">Blog<\/a> | <a href=\"https:\/\/landu-china.com\/id\/pameran\/\" rel=\"category tag\">Pameran<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/id\/landu-di-dunia-beton-2026-las-vegas-temukan-admixture-beton-canggih-dan-inovasi-serat\/\">\n                            LANDU di Dunia Beton 2026 Las Vegas: Temukan Admixture Beton Canggih dan Inovasi Serat                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>LANDU untuk Menampilkan Solusi Beton Inovatif di Las Vegas 2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/id\/landu-di-dunia-beton-2026-las-vegas-temukan-admixture-beton-canggih-dan-inovasi-serat\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Baca Lebih Lanjut                                        <\/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\/id\/landu-di-beton-2025-solusi-beton-terkini\/\" 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 di BETON 2025: Solusi Beton Terkini\">\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\/id\/blog\/\" rel=\"category tag\">Blog<\/a> | <a href=\"https:\/\/landu-china.com\/id\/pameran\/\" rel=\"category tag\">Pameran<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/id\/landu-di-beton-2025-solusi-beton-terkini\/\">\n                            LANDU di BETON 2025: Solusi Beton Terkini                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>LANDU di Pameran BETON 2025 Landu Material Baru Indonesia,<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/id\/landu-di-beton-2025-solusi-beton-terkini\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Baca Lebih Lanjut                                        <\/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\/id\/temukan-bahan-tambahan-pelapis-generasi-berikutnya-dengan-landu-di-chinacoat-2025\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/LANDU-2025-ChinaCoat-1024x576.jpg\" alt=\"Temukan Bahan Tambahan Pelapis Generasi Berikutnya dengan LANDU di CHINACOAT 2025\">\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\/id\/blog\/\" rel=\"category tag\">Blog<\/a> | <a href=\"https:\/\/landu-china.com\/id\/pameran\/\" rel=\"category tag\">Pameran<\/a>                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                                                                                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/landu-china.com\/id\/temukan-bahan-tambahan-pelapis-generasi-berikutnya-dengan-landu-di-chinacoat-2025\/\">\n                            Temukan Bahan Tambahan Pelapis Generasi Berikutnya dengan LANDU di CHINACOAT 2025                    <\/a>\n                <\/h2>\n                                                                                                                                                                                            <p>Bergabunglah dengan LANDU di CHINACOAT 2025 Sebagai industri pelapis global<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/landu-china.com\/id\/temukan-bahan-tambahan-pelapis-generasi-berikutnya-dengan-landu-di-chinacoat-2025\/\" class=\"elementskit-btn  whitespace--normal\">\n                                                                                    Baca Lebih Lanjut                                        <\/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>Solusi Material Canggih Ether Selulosa Terdepan Inovasi di Seluruh Dunia LANDU mengkhususkan diri dalam eter selulosa berkinerja tinggi untuk pelapis, konstruksi, dan aplikasi khusus. Kami memberikan kualitas yang konsisten dan solusi inovatif kepada mitra di seluruh dunia. Lebih dari 15 Tahun Pengalaman Lebih dari 60 Negara Dilayani Lebih dari 500 Mitra Global Temukan LANDU \u2192 Hubungi Kami \u25c6 Solusi Produk Eter Selulosa Berkinerja Tinggi LANDU menyediakan [\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\/id\/wp-json\/wp\/v2\/pages\/20982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/comments?post=20982"}],"version-history":[{"count":237,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/20982\/revisions"}],"predecessor-version":[{"id":23927,"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/pages\/20982\/revisions\/23927"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/id\/wp-json\/wp\/v2\/media?parent=20982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}