{"id":5348,"date":"2025-12-08T06:31:44","date_gmt":"2025-12-08T06:31:44","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5348"},"modified":"2025-12-26T08:12:56","modified_gmt":"2025-12-26T08:12:56","slug":"landu-history","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/company\/landu-history\/","title":{"rendered":"Sejarah LANDU"},"content":{"rendered":"<p><!-- LANDU History Banner --><\/p>\n<div class=\"landu-history-banner\">\n    <!-- \u5206\u5b50\u7ed3\u6784\u52a8\u753b --><\/p>\n<div class=\"molecule molecule-1\"><\/div>\n<div class=\"molecule molecule-2\"><\/div>\n<p>    <!-- DNA\u87ba\u65cb\u7ed3\u6784 --><\/p>\n<div class=\"dna-helix\"><\/div>\n<p>    <!-- \u5316\u5b66\u5206\u5b50\u5f0f --><\/p>\n<div class=\"chemical-formula\">\n        <span>C\u2086H\u2081\u2080O\u2085<\/span>\n    <\/div>\n<div class=\"chemical-formula formula-2\">\n        <span>HPMC<\/span>\n    <\/div>\n<p>    <!-- \u7c92\u5b50\u7cfb\u7edf --><\/p>\n<div class=\"particle-system\"><\/div>\n<p>    <!-- \u5316\u5b66\u952e --><\/p>\n<p>    <!-- \u5e74\u4efd\u65f6\u95f4\u7ebf\u88c5\u9970 --><\/p>\n<div class=\"timeline-decoration\">\n<div class=\"timeline-year year-1\">2008<\/div>\n<div class=\"timeline-year year-2\">2011<\/div>\n<div class=\"timeline-year year-3\">2023<\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9 --><\/p>\n<div class=\"banner-content\">\n<div class=\"banner-badge\">\n            <span class=\"banner-badge-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfe2\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3e2.svg\"><\/span><br \/>\n            <span class=\"banner-badge-text\">Cerita Kami<\/span>\n        <\/div>\n<h1>Sejarah LANDU<\/h1>\n<h2>Tujuh Belas Tahun Inovasi, Keunggulan, dan Komitmen Pelanggan<\/h2>\n<p>Dengan pengalaman lebih dari 17 tahun melayani berbagai industri dan kebutuhan aplikasi yang disesuaikan, LANDU terus berada di garis depan inovasi eter selulosa dan polimer.<\/p>\n<\/p><\/div>\n<\/div>\n<style>\n\/* LANDU History Banner *\/\n.landu-history-banner {\n    width: 100%;\n    height: 500px;\n    background: linear-gradient(135deg, #0f2027 0%, #203a43 25%, #2c5364 50%, #1e3c72 75%, #00b4db 100%);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    padding: 60px;\n    text-align: center;\n    font-family: 'Arial', sans-serif;\n}<\/p>\n<p>.landu-history-banner::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: \n        radial-gradient(circle at 15% 85%, rgba(0, 255, 127, 0.1) 0%, transparent 40%),\n        radial-gradient(circle at 85% 15%, rgba(0, 191, 255, 0.08) 0%, transparent 50%),\n        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 70%);\n    pointer-events: none;\n}<\/p>\n<p>\/* Banner Content *\/\n.banner-content {\n    position: relative;\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 20px;\n    max-width: 900px;\n}<\/p>\n<p>.banner-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    padding: 10px 24px;\n    border-radius: 50px;\n    border: 2px solid rgba(0, 255, 127, 0.3);\n    box-shadow: 0 4px 15px rgba(0, 255, 127, 0.2);\n}<\/p>\n<p>.banner-badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.banner-badge-text {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: rgba(255, 255, 255, 0.95);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.landu-history-banner h1 {\n    color: white;\n    font-size: 4.5rem;\n    font-weight: 800;\n    margin: 0;\n    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 180, 219, 0.4);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n}<\/p>\n<p>.landu-history-banner h2 {\n    color: rgba(0, 255, 127, 0.95);\n    font-size: 1.6rem;\n    font-weight: 600;\n    margin: 0;\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-history-banner p {\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 1.15rem;\n    line-height: 1.8;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    font-weight: 300;\n    margin: 0;\n}<\/p>\n<p>\/* \u5206\u5b50\u7ed3\u6784 *\/\n.molecule {\n    position: absolute;\n    z-index: 2;\n}<\/p>\n<p>.molecule-1 {\n    top: 8%;\n    right: 10%;\n    animation: float-molecule 12s ease-in-out infinite;\n}<\/p>\n<p>.molecule-2 {\n    bottom: 12%;\n    left: 8%;\n    animation: float-molecule 15s ease-in-out infinite reverse;\n}<\/p>\n<p>.atom {\n    position: absolute;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0, 255, 127, 0.8) 0%, rgba(0, 180, 219, 0.4) 100%);\n    box-shadow: 0 0 20px rgba(0, 255, 127, 0.7);\n}<\/p>\n<p>.atom-center {\n    width: 14px;\n    height: 14px;\n    top: 0;\n    left: 0;\n}<\/p>\n<p>.atom-orbit-1 {\n    width: 9px;\n    height: 9px;\n    top: -28px;\n    left: 18px;\n    animation: orbit-1 8s linear infinite;\n}<\/p>\n<p>.atom-orbit-2 {\n    width: 7px;\n    height: 7px;\n    top: 22px;\n    left: -22px;\n    animation: orbit-2 10s linear infinite;\n}<\/p>\n<p>.atom-orbit-3 {\n    width: 8px;\n    height: 8px;\n    top: 28px;\n    left: 28px;\n    animation: orbit-3 6s linear infinite;\n}<\/p>\n<p>.electron-path {\n    position: absolute;\n    border: 1px solid rgba(0, 255, 127, 0.35);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n}<\/p>\n<p>.path-1 {\n    width: 70px;\n    height: 70px;\n    margin: -35px 0 0 -35px;\n    animation: pulse-path 4s ease-in-out infinite;\n}<\/p>\n<p>.path-2 {\n    width: 90px;\n    height: 45px;\n    margin: -22.5px 0 0 -45px;\n    animation: pulse-path 6s ease-in-out infinite reverse;\n}<\/p>\n<p>.electron {\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    background: #00ff7f;\n    border-radius: 50%;\n    box-shadow: 0 0 10px #00ff7f;\n}<\/p>\n<p>.electron-1 {\n    animation: electron-orbit-1 3s linear infinite;\n}<\/p>\n<p>.electron-2 {\n    animation: electron-orbit-2 4s linear infinite reverse;\n}<\/p>\n<p>.electron-3 {\n    animation: electron-orbit-3 5s linear infinite;\n}<\/p>\n<p>\/* DNA\u87ba\u65cb\u7ed3\u6784 *\/\n.dna-helix {\n    position: absolute;\n    top: 18%;\n    left: 18%;\n    width: 90px;\n    height: 140px;\n    z-index: 1;\n    animation: rotate-dna 20s linear infinite;\n}<\/p>\n<p>.helix-strand {\n    position: absolute;\n    width: 2px;\n    height: 100%;\n    background: linear-gradient(to bottom, \n        rgba(0, 255, 127, 0.8) 0%, \n        transparent 25%, \n        rgba(0, 180, 219, 0.8) 50%, \n        transparent 75%, \n        rgba(0, 255, 127, 0.8) 100%);\n    border-radius: 1px;\n}<\/p>\n<p>.strand-1 {\n    left: 25px;\n    animation: helix-wave-1 4s ease-in-out infinite;\n}<\/p>\n<p>.strand-2 {\n    right: 25px;\n    animation: helix-wave-2 4s ease-in-out infinite reverse;\n}<\/p>\n<p>.base-pair {\n    position: absolute;\n    width: 45px;\n    height: 2px;\n    background: rgba(0, 255, 127, 0.7);\n    left: 22px;\n    border-radius: 1px;\n}<\/p>\n<p>.bp-1 { top: 20%; animation: base-glow 3s ease-in-out infinite; }\n.bp-2 { top: 40%; animation: base-glow 3s ease-in-out infinite 0.5s; }\n.bp-3 { top: 60%; animation: base-glow 3s ease-in-out infinite 1s; }\n.bp-4 { top: 80%; animation: base-glow 3s ease-in-out infinite 1.5s; }<\/p>\n<p>\/* \u5316\u5b66\u5206\u5b50\u5f0f *\/\n.chemical-formula {\n    position: absolute;\n    color: rgba(0, 255, 127, 0.85);\n    font-size: 1.3rem;\n    font-weight: 700;\n    text-shadow: 0 0 12px rgba(0, 255, 127, 0.6);\n    z-index: 3;\n    background: rgba(255, 255, 255, 0.05);\n    padding: 8px 16px;\n    border-radius: 8px;\n    border: 1px solid rgba(0, 255, 127, 0.3);\n    backdrop-filter: blur(5px);\n}<\/p>\n<p>.chemical-formula {\n    top: 22%;\n    right: 28%;\n    animation: formula-float 8s ease-in-out infinite;\n}<\/p>\n<p>.formula-2 {\n    bottom: 28%;\n    right: 18%;\n    animation: formula-float 10s ease-in-out infinite reverse;\n}<\/p>\n<p>\/* \u7c92\u5b50\u7cfb\u7edf *\/\n.particle-system {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(0, 255, 127, 0.7);\n    border-radius: 50%;\n    box-shadow: 0 0 8px rgba(0, 255, 127, 0.9);\n}<\/p>\n<p>.p-1 { top: 15%; left: 12%; animation: particle-drift-1 15s linear infinite; }\n.p-2 { top: 65%; left: 88%; animation: particle-drift-2 18s linear infinite; }\n.p-3 { top: 85%; left: 25%; animation: particle-drift-3 12s linear infinite; }\n.p-4 { top: 35%; left: 78%; animation: particle-drift-4 20s linear infinite; }\n.p-5 { top: 8%; left: 65%; animation: particle-drift-5 16s linear infinite; }\n.p-6 { top: 75%; left: 45%; animation: particle-drift-6 14s linear infinite; }\n.p-7 { top: 45%; left: 8%; animation: particle-drift-1 17s linear infinite 3s; }\n.p-8 { top: 55%; left: 92%; animation: particle-drift-2 19s linear infinite 5s; }<\/p>\n<p>\/* \u5316\u5b66\u952e *\/\n.chemical-bond {\n    position: absolute;\n    height: 2px;\n    background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(0, 180, 219, 0.7) 50%, \n        transparent 100%);\n    z-index: 1;\n}<\/p>\n<p>.bond-1 {\n    width: 70px;\n    top: 28%;\n    left: 72%;\n    transform: rotate(45deg);\n    animation: bond-pulse 6s ease-in-out infinite;\n}<\/p>\n<p>.bond-2 {\n    width: 90px;\n    bottom: 32%;\n    left: 8%;\n    transform: rotate(-30deg);\n    animation: bond-pulse 8s ease-in-out infinite 2s;\n}<\/p>\n<p>.bond-3 {\n    width: 60px;\n    top: 65%;\n    right: 22%;\n    transform: rotate(120deg);\n    animation: bond-pulse 7s ease-in-out infinite 4s;\n}<\/p>\n<p>\/* \u65f6\u95f4\u7ebf\u88c5\u9970 *\/\n.timeline-decoration {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}<\/p>\n<p>.timeline-year {\n    position: absolute;\n    color: rgba(0, 255, 127, 0.4);\n    font-size: 3rem;\n    font-weight: 900;\n    text-shadow: 0 0 20px rgba(0, 255, 127, 0.3);\n    opacity: 0.3;\n}<\/p>\n<p>.year-1 {\n    top: 10%;\n    left: 5%;\n    animation: year-fade 8s ease-in-out infinite;\n}<\/p>\n<p>.year-2 {\n    bottom: 15%;\n    right: 8%;\n    animation: year-fade 8s ease-in-out infinite 2s;\n}<\/p>\n<p>.year-3 {\n    top: 50%;\n    right: 5%;\n    animation: year-fade 8s ease-in-out infinite 4s;\n}<\/p>\n<p>\/* \u52a8\u753b\u5b9a\u4e49 *\/\n@keyframes float-molecule {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    25% { transform: translateY(-18px) rotate(5deg); }\n    50% { transform: translateY(-12px) rotate(0deg); }\n    75% { transform: translateY(-22px) rotate(-5deg); }\n}<\/p>\n<p>@keyframes orbit-1 {\n    from { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes orbit-2 {\n    from { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes orbit-3 {\n    from { transform: rotate(0deg) translateX(40px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(40px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes pulse-path {\n    0%, 100% { opacity: 0.35; transform: scale(1); }\n    50% { opacity: 0.85; transform: scale(1.15); }\n}<\/p>\n<p>@keyframes electron-orbit-1 {\n    from { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes electron-orbit-2 {\n    from { transform: rotate(0deg) translateX(45px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(45px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes electron-orbit-3 {\n    from { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes rotate-dna {\n    from { transform: rotateY(0deg); }\n    to { transform: rotateY(360deg); }\n}<\/p>\n<p>@keyframes helix-wave-1 {\n    0%, 100% { transform: translateX(0px) scaleY(1); }\n    50% { transform: translateX(12px) scaleY(1.15); }\n}<\/p>\n<p>@keyframes helix-wave-2 {\n    0%, 100% { transform: translateX(0px) scaleY(1); }\n    50% { transform: translateX(-12px) scaleY(1.15); }\n}<\/p>\n<p>@keyframes base-glow {\n    0%, 100% { opacity: 0.7; box-shadow: 0 0 8px rgba(0, 255, 127, 0.4); }\n    50% { opacity: 1; box-shadow: 0 0 18px rgba(0, 255, 127, 0.9); }\n}<\/p>\n<p>@keyframes formula-float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0.85; }\n    50% { transform: translateY(-25px) rotate(3deg); opacity: 1; }\n}<\/p>\n<p>@keyframes particle-drift-1 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(220px, -120px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-2 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(-200px, 160px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-3 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(320px, -220px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-4 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(-270px, 120px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-5 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(-170px, 220px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-6 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(200px, -170px); opacity: 0; }\n}<\/p>\n<p>@keyframes bond-pulse {\n    0%, 100% { opacity: 0.5; transform: scaleX(1); }\n    50% { opacity: 1; transform: scaleX(1.3); }\n}<\/p>\n<p>@keyframes year-fade {\n    0%, 100% { opacity: 0.2; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(1.1); }\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .landu-history-banner {\n        height: 450px;\n        padding: 50px 40px;\n    }<\/p>\n<p>    .landu-history-banner h1 {\n        font-size: 3.5rem;\n    }<\/p>\n<p>    .landu-history-banner h2 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landu-history-banner p {\n        font-size: 1.05rem;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landu-history-banner {\n        height: 400px;\n        padding: 40px 30px;\n    }<\/p>\n<p>    .landu-history-banner h1 {\n        font-size: 2.8rem;\n        letter-spacing: 2px;\n    }<\/p>\n<p>    .landu-history-banner h2 {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .landu-history-banner p {\n        font-size: 1rem;\n        line-height: 1.6;\n    }<\/p>\n<p>    .molecule, .dna-helix, .chemical-formula, .timeline-decoration {\n        display: none;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landu-history-banner {\n        height: 380px;\n        padding: 30px 20px;\n    }<\/p>\n<p>    .banner-badge {\n        padding: 8px 20px;\n    }<\/p>\n<p>    .banner-badge-icon {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .banner-badge-text {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .landu-history-banner h1 {\n        font-size: 2.2rem;\n        letter-spacing: 1px;\n    }<\/p>\n<p>    .landu-history-banner h2 {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .landu-history-banner p {\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n<p><!-- Timeline Section --><\/p>\n<div class=\"landu-timeline-section\">\n<div class=\"content-container\">\n        <!-- Section Header --><\/p>\n<div class=\"landu-timeline-header\">\n<div class=\"landu-timeline-badge\">\n                <span class=\"landu-timeline-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c5.svg\"><\/span><br \/>\n                <span class=\"landu-timeline-badge-text\">Perjalanan Kami<\/span>\n            <\/div>\n<h2 class=\"landu-timeline-title\">Timeline of LANDU\u2019s Growth and Development<\/h2>\n<\/p><\/div>\n<p>        <!-- Timeline Wrapper --><\/p>\n<div class=\"landu-timeline-wrapper\">\n            <!-- 2008 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2008<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">cURL Too many subrequests.<\/h3>\n<p class=\"landu-milestone-desc\">LANDU didirikan oleh Bapak Cui di Jinan, Provinsi Shandong, China, menandai awal perjalanan dalam pembuatan bahan kimia canggih.<\/p>\n<p class=\"landu-milestone-desc\">Perusahaan memulai penjualan global produk Eter Selulosa dan Bubuk Polimer Redispersible (RDP), meletakkan dasar untuk operasi internasional di masa depan.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"432\" width=\"768\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-logo.webp\" alt=\"Logo Landu\" class=\"editing\" style=\"box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px; transition: 0.2s;\"><\/p>\n<div class=\"landu-image-caption\">Simbol merek awal diperkenalkan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2011 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2011<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Pabrik Ether Selulosa Pertama Diresmikan<\/h3>\n<p class=\"landu-milestone-desc\">The completion of LANDU\u2019s first cellulose ether production plant represented a major milestone.<\/p>\n<p class=\"landu-milestone-desc\">Dengan kapasitas tahunan sebesar <strong>15.000 ton<\/strong>, fasilitas yang terintegrasi secara vertikal ini memungkinkan kendali penuh atas parameter produksi, dari input bahan baku hingga kualitas produk akhir.<\/p>\n<p class=\"landu-milestone-desc\">Investasi ini menciptakan tulang punggung yang kokoh untuk jaminan kualitas yang konsisten dan kemandirian rantai pasokan, menjadikan LANDU sebagai produsen yang andal dan mandiri.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/HPMC-Hydroxypropyl-Methyl-Cellulose-Laboratories.jpg\" alt=\"Pabrik Eter Selulosa Landu\" class=\"editing\" style=\"box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px; transition: 0.2s;\"><\/p>\n<div class=\"landu-image-caption\">Pabrik Eter Selulosa Landu<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2015 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2015<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Perluasan ke Manufaktur RDP<\/h3>\n<p class=\"landu-milestone-desc\">Untuk memenuhi permintaan global yang berkembang pesat, LANDU meresmikan pabrik Bubuk Polimer Redispersible (RDP) pada tahun 2015.<\/p>\n<p class=\"landu-milestone-desc\">The new site reinforced operational flexibility and expanded supply capacity, strengthening the company\u2019s leadership in high\u2011performance construction additives.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Pabrik RDP Landu\"><\/p>\n<div class=\"landu-image-caption\">Pabrik RDP Landu<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2017 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2017<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Pusat Penelitian dan Globalisasi<\/h3>\n<p class=\"landu-milestone-desc\">Tahun yang penting untuk inovasi, 2017 menyaksikan pendirian <strong>Pusat Riset Teknis Jinan<\/strong>, memberdayakan LANDU dengan peralatan analitik canggih dan tim R&amp;D berpengalaman.<\/p>\n<p class=\"landu-milestone-desc\">This strategic step enhanced the company\u2019s ability to deliver tailor\u2011made cellulose ether and RDP solutions for diverse industrial applications.<\/p>\n<p class=\"landu-milestone-desc\">The same year marked LANDU\u2019s formal entry into the international market, building a global network of partners and clients while promoting the vision of <em>\u201cInnovative Chemistry for a Better World.\u201d<\/em><\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-innovative-laboratories.jpg\" alt=\"Laboratorium Inovasi\"><\/p>\n<div class=\"landu-image-caption\">Innovation Lab \u2013 Solusi Non\u2011Perlakuan Permukaan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2020 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2020<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Perluasan Kapasitas: Pabrik Wuqiao Tahap II<\/h3>\n<p class=\"landu-milestone-desc\">LANDU memulai produksi percontohan di pabrik Wuqiao Fase II, meningkatkan kapasitas eter selulosa tahunan menjadi <strong>40.000 ton<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Perluasan ini memperkuat stabilitas pasokan internasional dan meningkatkan ketahanan manufaktur, memastikan pengiriman tanpa gangguan kepada pelanggan di seluruh dunia meskipun lingkungan pasar yang berubah dengan cepat.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Hydroxypropyl-Methyl-Cellulose-hpmc-Manufacturer.jpg\" alt=\"Fasilitas Produksi Wuqiao\"><\/p>\n<div class=\"landu-image-caption\">Fasilitas Produksi Wuqiao \u2013 Instrumen NOVASTAR<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2022 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2022<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Peningkatan Skala &amp; Komitmen Keberlanjutan<\/h3>\n<p class=\"landu-milestone-desc\">Dengan keberhasilan peningkatan kapasitas eter selulosa, LANDU lebih lanjut memperluas output RDP menjadi <strong>20.000 ton per tahun<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Pada tahun yang sama, perusahaan mencapai tonggak penting\u2014sertifikasi <strong>REACH lengkap<\/strong> untuk seluruh portofolio produknya\u2014menunjukkan kepatuhan terhadap standar keselamatan dan lingkungan global.<\/p>\n<p class=\"landu-milestone-desc\">This year also marked the launch of LANDU\u2019s <strong>Sustainability Initiative<\/strong>, menekankan produksi ramah lingkungan, efisiensi sumber daya, dan praktik ekonomi sirkular.<\/p>\n<div class=\"landu-milestone-highlights\">\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\">\u2713<\/span><br \/>\n                            <span class=\"landu-highlight-text\">Sertifikasi REACH<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">Sustainability Initiative<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c8.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">Kapasitas RDP 20.000 Ton<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Tujuan Pembangunan Berkelanjutan\"><\/p>\n<div class=\"landu-image-caption\">Tujuan Pembangunan Berkelanjutan &amp; Sertifikasi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2023 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2023<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Kantor Pusat Baru dan Tempat Kerja Modern<\/h3>\n<p class=\"landu-milestone-desc\">Untuk menyediakan lingkungan yang modern, efisien, dan menginspirasi bagi karyawannya, LANDU menyelesaikan pembangunan gedung kantor perusahaan barunya pada tahun 2023.<\/p>\n<p class=\"landu-milestone-desc\">This milestone signified the company\u2019s transformation from a start\u2011up sales entity into a comprehensive organization integrating production, research, and global service.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"720\" width=\"1280\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-new-office.webp\" alt=\"Lingkungan Kantor Landu\"><\/p>\n<div class=\"landu-image-caption\">Lingkungan Kantor Landu \u2013 Kantor Pusat NOVASTAR<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- Future Vision Section --><\/p>\n<div class=\"landu-future-section\">\n<div class=\"content-container\">\n        <!-- Main Grid --><\/p>\n<div class=\"landu-future-grid\">\n            <!-- Left: Image --><\/p>\n<div class=\"landu-future-images\">\n<div class=\"landu-future-image-main\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Business-Meeting-in-the-Office.jpg\" alt=\"Pertemuan Bisnis Landu\"><\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right: Content --><\/p>\n<div class=\"landu-future-content\">\n<div class=\"landu-future-badge\">\n                    <span class=\"landu-future-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude80\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f680.svg\"><\/span><br \/>\n                    <span class=\"landu-future-badge-text\">Melihat ke Depan<\/span>\n                <\/div>\n<h2 class=\"landu-future-title\">Masa Depan yang Menjanjikan: Maju Bersama<\/h2>\n<div class=\"landu-future-description\">\n<p class=\"landu-future-desc\">LANDU\u2019s story continues\u2014driven by manufacturing excellence, deep technical know\u2011how, and an unwavering commitment to innovation.<\/p>\n<p class=\"landu-future-desc\">Ke depan, kami tetap berkomitmen untuk mengembangkan solusi kimia berkualitas tinggi dan berkelanjutan yang memberdayakan mitra kami di bidang konstruksi, bahan kimia sehari-hari, pelapis, dan aplikasi industri.<\/p>\n<p class=\"landu-future-desc\">Dipandu oleh nilai-nilai <strong>integritas<\/strong>, <strong>kolaborasi<\/strong>, dan <strong>perbaikan berkelanjutan<\/strong>, LANDU akan melangkah maju bersama karyawan, pelanggan, dan mitra di seluruh dunia, berkontribusi pada keberlanjutan global dan kemajuan sosial.<\/p>\n<\/p><\/div>\n<div class=\"landu-future-cta\">\n<div class=\"landu-future-cta-button\">\n                        <span class=\"landu-future-cta-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e9.svg\"><\/span><br \/>\n                        <span class=\"landu-future-cta-text\"><a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\">Hubungi Kami \u2014 Bermitra dengan LANDU untuk membentuk masa depan yang lebih inovatif dan berkelanjutan.<\/a><\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Timeline Section *\/\n.landu-timeline-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-timeline-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 15% 20%, rgba(6, 182, 212, 0.02) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.02) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-timeline-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.landu-timeline-header {\n    text-align: center;\n    margin-bottom: 100px;\n}<\/p>\n<p>.landu-timeline-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    margin-bottom: 28px;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-timeline-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-timeline-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-timeline-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>\/* Timeline Wrapper *\/\n.landu-timeline-wrapper {\n    position: relative;\n    padding: 50px 0;\n}<\/p>\n<p>.landu-timeline-wrapper::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background: linear-gradient(to bottom, rgba(6, 182, 212, 0.2), rgba(6, 182, 212, 0.5), rgba(6, 182, 212, 0.2));\n    transform: translateX(-50%);\n}<\/p>\n<p>\/* Timeline Item *\/\n.landu-timeline-item {\n    display: flex;\n    margin-bottom: 80px;\n    position: relative;\n}<\/p>\n<p>.landu-timeline-item:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-timeline-left {\n    justify-content: flex-end;\n    padding-right: calc(50% + 50px);\n}<\/p>\n<p>.landu-timeline-right {\n    justify-content: flex-start;\n    padding-left: calc(50% + 50px);\n}<\/p>\n<p>\/* Timeline Dot *\/\n.landu-timeline-dot {\n    position: absolute;\n    left: 50%;\n    top: 35px;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    border: 5px solid white;\n    border-radius: 50%;\n    transform: translateX(-50%);\n    box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    z-index: 2;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pulse-dot {\n    0%, 100% {\n        box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    }\n    50% {\n        box-shadow: 0 0 0 10px rgba(6, 182, 212, 0.1);\n    }\n}<\/p>\n<p>\/* Timeline Content *\/\n.landu-timeline-content {\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.12);\n    border-radius: 24px;\n    padding: 40px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    max-width: 700px;\n    width: 100%;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landu-timeline-content:hover {\n    border-color: rgba(6, 182, 212, 0.25);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.12);\n    transform: translateY(-6px);\n}<\/p>\n<p>.landu-year-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    padding: 10px 24px;\n    border-radius: 50px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-year {\n    font-size: 1.2rem;\n    font-weight: 800;\n    color: white;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-milestone-title {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin: 0 0 20px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.landu-milestone-desc {\n    font-size: 1.05rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.landu-milestone-desc:last-of-type {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-milestone-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-milestone-desc em {\n    color: #0891b2;\n    font-style: italic;\n}<\/p>\n<p>.landu-milestone-image {\n    margin-top: 24px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.1);\n}<\/p>\n<p>.landu-milestone-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-timeline-content:hover .landu-milestone-image img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-image-caption {\n    padding: 14px 18px;\n    background: rgba(240, 249, 255, 0.8);\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n    text-align: center;\n}<\/p>\n<p>.landu-milestone-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-highlight-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(240, 249, 255, 0.6);\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    padding: 10px 18px;\n    border-radius: 10px;\n}<\/p>\n<p>.landu-highlight-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.landu-highlight-text {\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n}<\/p>\n<p>\/* Future Vision Section *\/\n.landu-future-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-future-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 15% 20%, rgba(6, 182, 212, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.05) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-future-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Main Grid *\/\n.landu-future-grid {\n    display: grid;\n    grid-template-columns: 48% 52%;\n    gap: 80px;\n    align-items: center;\n}<\/p>\n<p>\/* Left: Image *\/\n.landu-future-images {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.landu-future-image-main {\n    position: relative;\n    border-radius: 28px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);\n    width: 100%;\n    height: auto;\n    border: 5px solid white;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2);\n}<\/p>\n<p>.landu-future-image-main img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-future-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(14, 165, 233, 0.08));\n}<\/p>\n<p>\/* Right: Content *\/\n.landu-future-content {\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n}<\/p>\n<p>.landu-future-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    width: fit-content;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-future-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-future-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-future-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>.landu-future-description {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.landu-future-desc {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0;\n}<\/p>\n<p>.landu-future-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-future-cta {\n    margin-top: 12px;\n}<\/p>\n<p>.landu-future-cta-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    border-left: 6px solid #0891b2;\n    padding: 24px 32px;\n    border-radius: 18px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}<\/p>\n<p>.landu-future-cta-button:hover {\n    border-color: rgba(6, 182, 212, 0.35);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.15);\n    transform: translateX(6px);\n}<\/p>\n<p>.landu-future-cta-icon {\n    font-size: 1.6rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.landu-future-cta-text {\n    font-size: 1.05rem;\n    color: #1e293b;\n    line-height: 1.7;\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1400px) {\n    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 1400px;\n        padding: 0 60px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 650px;\n    }<\/p>\n<p>    .landu-future-grid {\n        gap: 60px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 100px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 100%;\n        padding: 0 40px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.6rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        justify-content: flex-start;\n        padding-left: 80px;\n        padding-right: 0;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 100%;\n    }<\/p>\n<p>    .landu-future-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 70px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 32px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1.05rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .landu-timeline-badge,\n    .landu-future-badge {\n        padding: 10px 20px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 20px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        padding-left: 60px;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 20px;\n        width: 24px;\n        height: 24px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 28px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-cta-button {\n        flex-direction: column;\n        text-align: center;\n        padding: 22px 26px;\n    }\n}\n<\/style>\n<p><!-- Timeline Section --><\/p>\n<div class=\"landu-timeline-section\">\n<div class=\"content-container\">\n        <!-- Section Header --><\/p>\n<div class=\"landu-timeline-header\">\n<div class=\"landu-timeline-badge\">\n                <span class=\"landu-timeline-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c5.svg\"><\/span><br \/>\n                <span class=\"landu-timeline-badge-text\">Perjalanan Kami<\/span>\n            <\/div>\n<h2 class=\"landu-timeline-title\">Timeline of LANDU\u2019s Growth and Development<\/h2>\n<\/p><\/div>\n<p>        <!-- Timeline Wrapper --><\/p>\n<div class=\"landu-timeline-wrapper\">\n            <!-- 2008 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2008<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">cURL Too many subrequests.<\/h3>\n<p class=\"landu-milestone-desc\">LANDU didirikan oleh Bapak Cui di Jinan, Provinsi Shandong, China, menandai awal perjalanan dalam pembuatan bahan kimia canggih.<\/p>\n<p class=\"landu-milestone-desc\">Perusahaan memulai penjualan global produk Eter Selulosa dan Bubuk Polimer Redispersible (RDP), meletakkan dasar untuk operasi internasional di masa depan.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"432\" width=\"768\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-logo.webp\" alt=\"Logo Landu\"><\/p>\n<div class=\"landu-image-caption\">Simbol merek awal diperkenalkan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2011 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2011<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Pabrik Ether Selulosa Pertama Diresmikan<\/h3>\n<p class=\"landu-milestone-desc\">The completion of LANDU\u2019s first cellulose ether production plant represented a major milestone.<\/p>\n<p class=\"landu-milestone-desc\">Dengan kapasitas tahunan sebesar <strong>15.000 ton<\/strong>, fasilitas yang terintegrasi secara vertikal ini memungkinkan kendali penuh atas parameter produksi, dari input bahan baku hingga kualitas produk akhir.<\/p>\n<p class=\"landu-milestone-desc\">Investasi ini menciptakan tulang punggung yang kokoh untuk jaminan kualitas yang konsisten dan kemandirian rantai pasokan, menjadikan LANDU sebagai produsen yang andal dan mandiri.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/HPMC-Hydroxypropyl-Methyl-Cellulose-Laboratories.jpg\" alt=\"Pabrik Eter Selulosa Landu\"><\/p>\n<div class=\"landu-image-caption\">Pabrik Eter Selulosa Landu<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2015 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2015<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Perluasan ke Manufaktur RDP<\/h3>\n<p class=\"landu-milestone-desc\">Untuk memenuhi permintaan global yang berkembang pesat, LANDU meresmikan pabrik Bubuk Polimer Redispersible (RDP) pada tahun 2015.<\/p>\n<p class=\"landu-milestone-desc\">The new site reinforced operational flexibility and expanded supply capacity, strengthening the company\u2019s leadership in high\u2011performance construction additives.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Pabrik RDP Landu\"><\/p>\n<div class=\"landu-image-caption\">Pabrik RDP Landu<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2017 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2017<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Pusat Penelitian dan Globalisasi<\/h3>\n<p class=\"landu-milestone-desc\">Tahun yang penting untuk inovasi, 2017 menyaksikan pendirian <strong>Pusat Riset Teknis Jinan<\/strong>, memberdayakan LANDU dengan peralatan analitik canggih dan tim R&amp;D berpengalaman.<\/p>\n<p class=\"landu-milestone-desc\">This strategic step enhanced the company\u2019s ability to deliver tailor\u2011made cellulose ether and RDP solutions for diverse industrial applications.<\/p>\n<p class=\"landu-milestone-desc\">The same year marked LANDU\u2019s formal entry into the international market, building a global network of partners and clients while promoting the vision of <em>\u201cInnovative Chemistry for a Better World.\u201d<\/em><\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-innovative-laboratories.jpg\" alt=\"Laboratorium Inovasi\"><\/p>\n<div class=\"landu-image-caption\">Innovation Lab \u2013 Solusi Non\u2011Perlakuan Permukaan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2020 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2020<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Perluasan Kapasitas: Pabrik Wuqiao Tahap II<\/h3>\n<p class=\"landu-milestone-desc\">LANDU memulai produksi percontohan di pabrik Wuqiao Fase II, meningkatkan kapasitas eter selulosa tahunan menjadi <strong>40.000 ton<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Perluasan ini memperkuat stabilitas pasokan internasional dan meningkatkan ketahanan manufaktur, memastikan pengiriman tanpa gangguan kepada pelanggan di seluruh dunia meskipun lingkungan pasar yang berubah dengan cepat.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Hydroxypropyl-Methyl-Cellulose-hpmc-Manufacturer.jpg\" alt=\"Fasilitas Produksi Wuqiao\"><\/p>\n<div class=\"landu-image-caption\">Fasilitas Produksi Wuqiao \u2013 Instrumen NOVASTAR<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2022 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2022<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Peningkatan Skala &amp; Komitmen Keberlanjutan<\/h3>\n<p class=\"landu-milestone-desc\">Dengan keberhasilan peningkatan kapasitas eter selulosa, LANDU lebih lanjut memperluas output RDP menjadi <strong>20.000 ton per tahun<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Pada tahun yang sama, perusahaan mencapai tonggak penting\u2014sertifikasi <strong>REACH lengkap<\/strong> untuk seluruh portofolio produknya\u2014menunjukkan kepatuhan terhadap standar keselamatan dan lingkungan global.<\/p>\n<p class=\"landu-milestone-desc\">This year also marked the launch of LANDU\u2019s <strong>Sustainability Initiative<\/strong>, menekankan produksi ramah lingkungan, efisiensi sumber daya, dan praktik ekonomi sirkular.<\/p>\n<div class=\"landu-milestone-highlights\">\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\">\u2713<\/span><br \/>\n                            <span class=\"landu-highlight-text\">Sertifikasi REACH<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">Sustainability Initiative<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c8.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">Kapasitas RDP 20.000 Ton<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Tujuan Pembangunan Berkelanjutan\"><\/p>\n<div class=\"landu-image-caption\">Tujuan Pembangunan Berkelanjutan &amp; Sertifikasi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2023 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2023<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Kantor Pusat Baru dan Tempat Kerja Modern<\/h3>\n<p class=\"landu-milestone-desc\">Untuk menyediakan lingkungan yang modern, efisien, dan menginspirasi bagi karyawannya, LANDU menyelesaikan pembangunan gedung kantor perusahaan barunya pada tahun 2023.<\/p>\n<p class=\"landu-milestone-desc\">This milestone signified the company\u2019s transformation from a start\u2011up sales entity into a comprehensive organization integrating production, research, and global service.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"720\" width=\"1280\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-new-office.webp\" alt=\"Lingkungan Kantor Landu\"><\/p>\n<div class=\"landu-image-caption\">Lingkungan Kantor Landu \u2013 Kantor Pusat NOVASTAR<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- Future Vision Section --><\/p>\n<div class=\"landu-future-section\">\n<div class=\"content-container\">\n        <!-- Main Grid --><\/p>\n<div class=\"landu-future-grid\">\n            <!-- Left: Image --><\/p>\n<div class=\"landu-future-images\">\n<div class=\"landu-future-image-main\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Business-Meeting-in-the-Office.jpg\" alt=\"Pertemuan Bisnis Landu\"><\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right: Content --><\/p>\n<div class=\"landu-future-content\">\n<div class=\"landu-future-badge\">\n                    <span class=\"landu-future-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude80\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f680.svg\"><\/span><br \/>\n                    <span class=\"landu-future-badge-text\">Melihat ke Depan<\/span>\n                <\/div>\n<h2 class=\"landu-future-title\">Masa Depan yang Menjanjikan: Maju Bersama<\/h2>\n<div class=\"landu-future-description\">\n<p class=\"landu-future-desc\">LANDU\u2019s story continues\u2014driven by manufacturing excellence, deep technical know\u2011how, and an unwavering commitment to innovation.<\/p>\n<p class=\"landu-future-desc\">Ke depan, kami tetap berkomitmen untuk mengembangkan solusi kimia berkualitas tinggi dan berkelanjutan yang memberdayakan mitra kami di bidang konstruksi, bahan kimia sehari-hari, pelapis, dan aplikasi industri.<\/p>\n<p class=\"landu-future-desc\">Dipandu oleh nilai-nilai <strong>integritas<\/strong>, <strong>kolaborasi<\/strong>, dan <strong>perbaikan berkelanjutan<\/strong>, LANDU akan melangkah maju bersama karyawan, pelanggan, dan mitra di seluruh dunia, berkontribusi pada keberlanjutan global dan kemajuan sosial.<\/p>\n<\/p><\/div>\n<div class=\"landu-future-cta\">\n<div class=\"landu-future-cta-button\">\n                        <span class=\"landu-future-cta-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e9.svg\"><\/span><br \/>\n                        <span class=\"landu-future-cta-text\">Hubungi Kami \u2014 Bermitra dengan LANDU untuk membentuk masa depan yang lebih inovatif dan berkelanjutan.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Timeline Section *\/\n.landu-timeline-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-timeline-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 15% 20%, rgba(6, 182, 212, 0.02) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.02) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-timeline-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.landu-timeline-header {\n    text-align: center;\n    margin-bottom: 100px;\n}<\/p>\n<p>.landu-timeline-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    margin-bottom: 28px;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-timeline-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-timeline-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-timeline-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>\/* Timeline Wrapper *\/\n.landu-timeline-wrapper {\n    position: relative;\n    padding: 50px 0;\n}<\/p>\n<p>.landu-timeline-wrapper::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background: linear-gradient(to bottom, rgba(6, 182, 212, 0.2), rgba(6, 182, 212, 0.5), rgba(6, 182, 212, 0.2));\n    transform: translateX(-50%);\n}<\/p>\n<p>\/* Timeline Item *\/\n.landu-timeline-item {\n    display: flex;\n    margin-bottom: 80px;\n    position: relative;\n}<\/p>\n<p>.landu-timeline-item:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-timeline-left {\n    justify-content: flex-end;\n    padding-right: calc(50% + 50px);\n}<\/p>\n<p>.landu-timeline-right {\n    justify-content: flex-start;\n    padding-left: calc(50% + 50px);\n}<\/p>\n<p>\/* Timeline Dot *\/\n.landu-timeline-dot {\n    position: absolute;\n    left: 50%;\n    top: 35px;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    border: 5px solid white;\n    border-radius: 50%;\n    transform: translateX(-50%);\n    box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    z-index: 2;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pulse-dot {\n    0%, 100% {\n        box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    }\n    50% {\n        box-shadow: 0 0 0 10px rgba(6, 182, 212, 0.1);\n    }\n}<\/p>\n<p>\/* Timeline Content *\/\n.landu-timeline-content {\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.12);\n    border-radius: 24px;\n    padding: 40px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    max-width: 700px;\n    width: 100%;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landu-timeline-content:hover {\n    border-color: rgba(6, 182, 212, 0.25);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.12);\n    transform: translateY(-6px);\n}<\/p>\n<p>.landu-year-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    padding: 10px 24px;\n    border-radius: 50px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-year {\n    font-size: 1.2rem;\n    font-weight: 800;\n    color: white;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-milestone-title {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin: 0 0 20px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.landu-milestone-desc {\n    font-size: 1.05rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.landu-milestone-desc:last-of-type {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-milestone-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-milestone-desc em {\n    color: #0891b2;\n    font-style: italic;\n}<\/p>\n<p>.landu-milestone-image {\n    margin-top: 24px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.1);\n}<\/p>\n<p>.landu-milestone-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-timeline-content:hover .landu-milestone-image img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-image-caption {\n    padding: 14px 18px;\n    background: rgba(240, 249, 255, 0.8);\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n    text-align: center;\n}<\/p>\n<p>.landu-milestone-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-highlight-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(240, 249, 255, 0.6);\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    padding: 10px 18px;\n    border-radius: 10px;\n}<\/p>\n<p>.landu-highlight-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.landu-highlight-text {\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n}<\/p>\n<p>\/* Future Vision Section *\/\n.landu-future-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-future-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 15% 20%, rgba(6, 182, 212, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.05) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-future-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Main Grid *\/\n.landu-future-grid {\n    display: grid;\n    grid-template-columns: 48% 52%;\n    gap: 80px;\n    align-items: center;\n}<\/p>\n<p>\/* Left: Image *\/\n.landu-future-images {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.landu-future-image-main {\n    position: relative;\n    border-radius: 28px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);\n    width: 100%;\n    height: auto;\n    border: 5px solid white;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2);\n}<\/p>\n<p>.landu-future-image-main img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-future-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(14, 165, 233, 0.08));\n}<\/p>\n<p>\/* Right: Content *\/\n.landu-future-content {\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n}<\/p>\n<p>.landu-future-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    width: fit-content;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-future-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-future-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-future-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>.landu-future-description {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.landu-future-desc {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0;\n}<\/p>\n<p>.landu-future-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-future-cta {\n    margin-top: 12px;\n}<\/p>\n<p>.landu-future-cta-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    border-left: 6px solid #0891b2;\n    padding: 24px 32px;\n    border-radius: 18px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}<\/p>\n<p>.landu-future-cta-button:hover {\n    border-color: rgba(6, 182, 212, 0.35);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.15);\n    transform: translateX(6px);\n}<\/p>\n<p>.landu-future-cta-icon {\n    font-size: 1.6rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.landu-future-cta-text {\n    font-size: 1.05rem;\n    color: #1e293b;\n    line-height: 1.7;\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1400px) {\n    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 1400px;\n        padding: 0 60px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 650px;\n    }<\/p>\n<p>    .landu-future-grid {\n        gap: 60px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 100px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 100%;\n        padding: 0 40px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.6rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        justify-content: flex-start;\n        padding-left: 80px;\n        padding-right: 0;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 100%;\n    }<\/p>\n<p>    .landu-future-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 70px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 32px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1.05rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .landu-timeline-badge,\n    .landu-future-badge {\n        padding: 10px 20px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 20px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        padding-left: 60px;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 20px;\n        width: 24px;\n        height: 24px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 28px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-cta-button {\n        flex-direction: column;\n        text-align: center;\n        padding: 22px 26px;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>C\u2086H\u2081\u2080O\u2085 HPMC 2008 2011 2023 Our Story LANDU History Seventeen Years of Innovation, Excellence, and Customer Commitment With over 17 years of expertise serving diverse industries and customized application needs, LANDU has continuously stood at the forefront of cellulose ether and polymer innovation. Our Journey Timeline of LANDU&#8217;s Growth and Development 2008 Foundation LANDU was [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5367,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5348"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5348\/revisions"}],"predecessor-version":[{"id":5349,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5348\/revisions\/5349"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5367"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}