{"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\/et\/company\/landu-history\/","title":{"rendered":"LANDU Ajalugu"},"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\">Meie lugu<\/span>\n        <\/div>\n<h1>LANDU Ajalugu<\/h1>\n<h2>Seitsmeteistk\u00fcmne aasta innovatsiooni, tipptaseme ja kliendikohustuse nimel<\/h2>\n<p>\u00dcle 17 aasta kogemusega erinevate t\u00f6\u00f6stusharude ja kohandatud rakenduste vajaduste teenindamisel on LANDU pidevalt olnud tselluloosi eeter ja pol\u00fcmeeri innovatsiooni esirinnas.<\/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\">Meie teekond<\/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\">P\u00f5him\u00f5te<\/h3>\n<p class=\"landu-milestone-desc\">LANDU asutas h\u00e4rra Cui Jinanis, Shandongi provintsis, mis t\u00e4histas teekonda edasiarendatud keemilise tootmise alal.<\/p>\n<p class=\"landu-milestone-desc\">Ettev\u00f5te alustas globaalset m\u00fc\u00fcki tselluloosi eeterte ja redispersitavate pol\u00fcmeeripulbrite (RDP) toodete osas, rajades aluse oma tulevasele rahvusvahelisele tegevusele.<\/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=\"Landu Logo\" class=\"editing\" style=\"box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px; transition: 0.2s;\"><\/p>\n<div class=\"landu-image-caption\">Algne br\u00e4ndi s\u00fcmbol tutvustati<\/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\">Esimene tselluloosiet\u00fc\u00fcpi taimekompleks on t\u00f6\u00f6s<\/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\">Aastane v\u00f5imsus on <strong>15 000 tonni<\/strong>, see vertikaalselt integreeritud rajatis v\u00f5imaldas t\u00e4ielikku kontrolli tootmisparameetrite \u00fcle, alates toorainest kuni l\u00f5pptooteni.<\/p>\n<p class=\"landu-milestone-desc\">Investeering l\u00f5i tugeva aluse j\u00e4rjepideva kvaliteedikindluse ja tarneahela s\u00f5ltumatuse tagamiseks, muutes LANDU usaldusv\u00e4\u00e4rseks ja iseseisvaks tootjaks.<\/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=\"Landu tselluloosi eeterte tehas\" class=\"editing\" style=\"box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px; transition: 0.2s;\"><\/p>\n<div class=\"landu-image-caption\">Landu tselluloosi eeterte tehas<\/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\">Laiendamine RDP tootmisse<\/h3>\n<p class=\"landu-milestone-desc\">Et rahuldada kiiresti kasvavat globaalset n\u00f5udlust, avas LANDU 2015. aastal oma Redispersible Polymer Powder (RDP) tehase.<\/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=\"Landu RDP tehas\"><\/p>\n<div class=\"landu-image-caption\">Landu RDP tehas<\/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\">Uurimiskeskus ja globaliseerumine<\/h3>\n<p class=\"landu-milestone-desc\">Oluline aasta innovatsioonile, 2017. aastal asutati <strong>Jinan Tehnilise Uurimiskeskus<\/strong>, mis andis LANDU-le kaasaegse anal\u00fc\u00fcsiseadmete ja kogenud teadus- ja arendust\u00f6\u00f6 meeskonna.<\/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=\"Innovatsioonilabor\"><\/p>\n<div class=\"landu-image-caption\">Innovatsioonilabor \u2013 Mitte\u2011pindlakkamata lahendused<\/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\">V\u00f5imsuse laiendamine: Wuqiao tehase II etapp<\/h3>\n<p class=\"landu-milestone-desc\">LANDU alustas piloottootmist Wuqiao II faasi tehases, suurendades oma aastast tselluloosiet\u00fc\u00fcri v\u00f5imsust 40 000 tonnini. <strong>40 000 tonni<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Laiendus tugevdas rahvusvahelist tarnekindlust ja parandas tootmisresistentsust, tagades klientidele \u00fcle maailma katkematu kohaletoimetamise kiiresti muutuva turukeskkonna keskel.<\/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=\"Wuqiao tootmis\u00fcksus\"><\/p>\n<div class=\"landu-image-caption\">Wuqiao tootmis\u00fcksus \u2013 NOVASTAR Instruments<\/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\">Kasvama ja j\u00e4tkusuutlikkuse p\u00fchendumus<\/h3>\n<p class=\"landu-milestone-desc\">\u00d5nnestunud tselluloosi eetri v\u00f5imsuse suurendamisega laiendas LANDU veelgi RDP tootmist kuni <strong>20 000 tonni aastas<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Sama aastal saavutas ettev\u00f5te suure verstaposti \u2013 t\u00e4ieliku <strong>REACH sertifikaadi<\/strong> oma kogu tootesarjale \u2013 n\u00e4idates vastavust globaalsetele ohutus- ja keskkonnastandarditele.<\/p>\n<p class=\"landu-milestone-desc\">This year also marked the launch of LANDU\u2019s <strong>Sustainability Initiative<\/strong>, r\u00f5hutades keskkonnas\u00f5bralikku tootmist, ressursit\u00f5husust ja ringmajanduse praktikaid.<\/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\">REACH Sertifitseeritud<\/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\">20 000 Tonni RDP V\u00f5imsus<\/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=\"cURL Too many subrequests.\"><\/p>\n<div class=\"landu-image-caption\">S\u00e4\u00e4stva arengu eesm\u00e4rgid ja sertifikaadid<\/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\">Uus peakontor ja kaasaegne t\u00f6\u00f6koht<\/h3>\n<p class=\"landu-milestone-desc\">Et pakkuda oma t\u00f6\u00f6tajatele kaasaegset, t\u00f5husat ja inspireerivat t\u00f6\u00f6keskkonda, l\u00f5petas LANDU 2023. aastal oma uue kontorihoone ehituse.<\/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=\"Landu kontorikeskkond\"><\/p>\n<div class=\"landu-image-caption\">Landu kontorikeskkond \u2013 NOVASTAR peakontor<\/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=\"Landu \u00e4rikoosolek\"><\/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\">Tulevikku vaadates<\/span>\n                <\/div>\n<h2 class=\"landu-future-title\">V\u00f5imalik tulevik: Edasi koos<\/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\">Tulevikku vaadates p\u00fchendume j\u00e4tkuvalt k\u00f5rge kvaliteediga, j\u00e4tkusuutlike keemiliste lahenduste arendamisele, mis annavad j\u00f5udu meie partneritele ehituses, igap\u00e4evases keemias, katetes ja t\u00f6\u00f6stuslikes rakendustes.<\/p>\n<p class=\"landu-future-desc\">Juhindudes v\u00e4\u00e4rtustest <strong>ausus<\/strong>, <strong>kaasamine<\/strong>, ja <strong>pidev areng<\/strong>, LANDU liigub edasi koost\u00f6\u00f6s t\u00f6\u00f6tajate, klientide ja partneritega \u00fcle kogu maailma, panustades globaalsesse j\u00e4tkusuutlikkusse ja sotsiaalsesse arengusse.<\/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\/et\/contact\/\" target=\"_blank\">V\u00f5ta meiega \u00fchendust \u2014 Tee koost\u00f6\u00f6d LANDU-ga, et kujundada innovaatilisem ja j\u00e4tkusuutlikum tulevik.<\/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\">Meie teekond<\/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\">P\u00f5him\u00f5te<\/h3>\n<p class=\"landu-milestone-desc\">LANDU asutas h\u00e4rra Cui Jinanis, Shandongi provintsis, mis t\u00e4histas teekonda edasiarendatud keemilise tootmise alal.<\/p>\n<p class=\"landu-milestone-desc\">Ettev\u00f5te alustas globaalset m\u00fc\u00fcki tselluloosi eeterte ja redispersitavate pol\u00fcmeeripulbrite (RDP) toodete osas, rajades aluse oma tulevasele rahvusvahelisele tegevusele.<\/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=\"Landu Logo\"><\/p>\n<div class=\"landu-image-caption\">Algne br\u00e4ndi s\u00fcmbol tutvustati<\/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\">Esimene tselluloosiet\u00fc\u00fcpi taimekompleks on t\u00f6\u00f6s<\/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\">Aastane v\u00f5imsus on <strong>15 000 tonni<\/strong>, see vertikaalselt integreeritud rajatis v\u00f5imaldas t\u00e4ielikku kontrolli tootmisparameetrite \u00fcle, alates toorainest kuni l\u00f5pptooteni.<\/p>\n<p class=\"landu-milestone-desc\">Investeering l\u00f5i tugeva aluse j\u00e4rjepideva kvaliteedikindluse ja tarneahela s\u00f5ltumatuse tagamiseks, muutes LANDU usaldusv\u00e4\u00e4rseks ja iseseisvaks tootjaks.<\/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=\"Landu tselluloosi eeterte tehas\"><\/p>\n<div class=\"landu-image-caption\">Landu tselluloosi eeterte tehas<\/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\">Laiendamine RDP tootmisse<\/h3>\n<p class=\"landu-milestone-desc\">Et rahuldada kiiresti kasvavat globaalset n\u00f5udlust, avas LANDU 2015. aastal oma Redispersible Polymer Powder (RDP) tehase.<\/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=\"Landu RDP tehas\"><\/p>\n<div class=\"landu-image-caption\">Landu RDP tehas<\/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\">Uurimiskeskus ja globaliseerumine<\/h3>\n<p class=\"landu-milestone-desc\">Oluline aasta innovatsioonile, 2017. aastal asutati <strong>Jinan Tehnilise Uurimiskeskus<\/strong>, mis andis LANDU-le kaasaegse anal\u00fc\u00fcsiseadmete ja kogenud teadus- ja arendust\u00f6\u00f6 meeskonna.<\/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=\"Innovatsioonilabor\"><\/p>\n<div class=\"landu-image-caption\">Innovatsioonilabor \u2013 Mitte\u2011pindlakkamata lahendused<\/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\">V\u00f5imsuse laiendamine: Wuqiao tehase II etapp<\/h3>\n<p class=\"landu-milestone-desc\">LANDU alustas piloottootmist Wuqiao II faasi tehases, suurendades oma aastast tselluloosiet\u00fc\u00fcri v\u00f5imsust 40 000 tonnini. <strong>40 000 tonni<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Laiendus tugevdas rahvusvahelist tarnekindlust ja parandas tootmisresistentsust, tagades klientidele \u00fcle maailma katkematu kohaletoimetamise kiiresti muutuva turukeskkonna keskel.<\/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=\"Wuqiao tootmis\u00fcksus\"><\/p>\n<div class=\"landu-image-caption\">Wuqiao tootmis\u00fcksus \u2013 NOVASTAR Instruments<\/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\">Kasvama ja j\u00e4tkusuutlikkuse p\u00fchendumus<\/h3>\n<p class=\"landu-milestone-desc\">\u00d5nnestunud tselluloosi eetri v\u00f5imsuse suurendamisega laiendas LANDU veelgi RDP tootmist kuni <strong>20 000 tonni aastas<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Sama aastal saavutas ettev\u00f5te suure verstaposti \u2013 t\u00e4ieliku <strong>REACH sertifikaadi<\/strong> oma kogu tootesarjale \u2013 n\u00e4idates vastavust globaalsetele ohutus- ja keskkonnastandarditele.<\/p>\n<p class=\"landu-milestone-desc\">This year also marked the launch of LANDU\u2019s <strong>Sustainability Initiative<\/strong>, r\u00f5hutades keskkonnas\u00f5bralikku tootmist, ressursit\u00f5husust ja ringmajanduse praktikaid.<\/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\">REACH Sertifitseeritud<\/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\">20 000 Tonni RDP V\u00f5imsus<\/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=\"cURL Too many subrequests.\"><\/p>\n<div class=\"landu-image-caption\">S\u00e4\u00e4stva arengu eesm\u00e4rgid ja sertifikaadid<\/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\">Uus peakontor ja kaasaegne t\u00f6\u00f6koht<\/h3>\n<p class=\"landu-milestone-desc\">Et pakkuda oma t\u00f6\u00f6tajatele kaasaegset, t\u00f5husat ja inspireerivat t\u00f6\u00f6keskkonda, l\u00f5petas LANDU 2023. aastal oma uue kontorihoone ehituse.<\/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=\"Landu kontorikeskkond\"><\/p>\n<div class=\"landu-image-caption\">Landu kontorikeskkond \u2013 NOVASTAR peakontor<\/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=\"Landu \u00e4rikoosolek\"><\/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\">Tulevikku vaadates<\/span>\n                <\/div>\n<h2 class=\"landu-future-title\">V\u00f5imalik tulevik: Edasi koos<\/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\">Tulevikku vaadates p\u00fchendume j\u00e4tkuvalt k\u00f5rge kvaliteediga, j\u00e4tkusuutlike keemiliste lahenduste arendamisele, mis annavad j\u00f5udu meie partneritele ehituses, igap\u00e4evases keemias, katetes ja t\u00f6\u00f6stuslikes rakendustes.<\/p>\n<p class=\"landu-future-desc\">Juhindudes v\u00e4\u00e4rtustest <strong>ausus<\/strong>, <strong>kaasamine<\/strong>, ja <strong>pidev areng<\/strong>, LANDU liigub edasi koost\u00f6\u00f6s t\u00f6\u00f6tajate, klientide ja partneritega \u00fcle kogu maailma, panustades globaalsesse j\u00e4tkusuutlikkusse ja sotsiaalsesse arengusse.<\/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\">V\u00f5ta meiega \u00fchendust \u2014 Tee koost\u00f6\u00f6d LANDU-ga, et kujundada innovaatilisem ja j\u00e4tkusuutlikum tulevik.<\/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\/et\/wp-json\/wp\/v2\/pages\/5348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/comments?post=5348"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages\/5348\/revisions"}],"predecessor-version":[{"id":5349,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages\/5348\/revisions\/5349"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages\/5367"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/media?parent=5348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}