{"id":5008,"date":"2025-11-22T07:15:05","date_gmt":"2025-11-22T07:15:05","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5008"},"modified":"2025-12-10T03:58:05","modified_gmt":"2025-12-10T03:58:05","slug":"planet-our-commitment-to-sustainable-living","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/bg\/sustainability-in-landu\/planet-our-commitment-to-sustainable-living\/","title":{"rendered":"Planet: Our Commitment to Sustainable Living"},"content":{"rendered":"<div class=\"planet-modern-banner\">\n<div class=\"planet-modern-container\">\n<div class=\"planet-modern-content\">\n<div class=\"planet-modern-visual\">\n<div class=\"holographic-sphere\">\n<div class=\"sphere-wireframe\">\n<div class=\"wire-line wire-1\"><\/div>\n<div class=\"wire-line wire-2\"><\/div>\n<div class=\"wire-line wire-3\"><\/div>\n<div class=\"wire-line wire-4\"><\/div>\n<\/p><\/div>\n<div class=\"sphere-core\">\n<div class=\"core-pulse\"><\/div>\n<div class=\"core-inner\"><\/div>\n<\/p><\/div>\n<div class=\"data-streams\">\n<div class=\"stream stream-1\"><\/div>\n<div class=\"stream stream-2\"><\/div>\n<div class=\"stream stream-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"floating-particles\">\n<div class=\"particle p-1\"><\/div>\n<div class=\"particle p-2\"><\/div>\n<div class=\"particle p-3\"><\/div>\n<div class=\"particle p-4\"><\/div>\n<div class=\"particle p-5\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"planet-modern-text\">\n<div class=\"futuristic-tag\">\n                    <span class=\"tag-glow\"><\/span><br \/>\n                    \u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u0438 \u0438\u043d\u043e\u0432\u0430\u0446\u0438\u0438\n                <\/div>\n<h1 class=\"planet-modern-title\">\n                    <span class=\"title-line\">\u041f\u043b\u0430\u043d\u0435\u0442\u0430: \u041d\u0430\u0448\u0438\u044f\u0442 \u0430\u043d\u0433\u0430\u0436\u0438\u043c\u0435\u043d\u0442<\/span><br \/>\n                    <span class=\"title-line\">\u043a\u044a\u043c \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432 \u0436\u0438\u0432\u043e\u0442<\/span><br \/>\n                <\/h1>\n<p class=\"planet-modern-description\">\n                    LANDU uses renewable materials to create sustainable, innovative products that reduce carbon footprints. We collaborate with stakeholders to drive progress and ensure a safer, sustainable future for all.\n                <\/p>\n<div class=\"modern-metrics\">\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">100%<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">\u0424\u043e\u043a\u0443\u0441 \u0432\u044a\u0440\u0445\u0443 \u0432\u044a\u0437\u043e\u0431\u043d\u043e\u0432\u044f\u0435\u043c\u0438\u0442\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0438<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">\u041d\u0443\u043b\u0435\u0432\u043e<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">\u0426\u0435\u043b \u0437\u0430 \u043e\u0442\u043f\u0430\u0434\u044a\u0446\u0438<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">\u041a\u0430\u0440\u0431\u043e<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">\u043d\u0435\u0439\u0442\u0440\u0430\u043b\u043d\u043e\u0441\u0442<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"modern-bg-effects\">\n<div class=\"bg-grid\"><\/div>\n<div class=\"bg-rays\">\n<div class=\"ray ray-1\"><\/div>\n<div class=\"ray ray-2\"><\/div>\n<div class=\"ray ray-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .planet-modern-banner {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 40%, #20B2AA 80%, #4ECDC4 100%);\n        padding: 60px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 300px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .planet-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .planet-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 60px;\n        align-items: center;\n    }<\/p>\n<p>    .planet-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 200px;\n    }<\/p>\n<p>    .holographic-sphere {\n        position: relative;\n        width: 140px;\n        height: 140px;\n        animation: planet-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .sphere-wireframe {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        background: rgba(255, 255, 255, 0.05);\n        backdrop-filter: blur(20px);\n        animation: wireframe-rotate 20s linear infinite;\n    }<\/p>\n<p>    .wire-line {\n        position: absolute;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n        border-radius: 2px;\n    }<\/p>\n<p>    .wire-1 {\n        width: 100%;\n        height: 1px;\n        top: 50%;\n        left: 0;\n        transform: translateY(-50%);\n        animation: wire-pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    .wire-2 {\n        width: 1px;\n        height: 100%;\n        left: 50%;\n        top: 0;\n        transform: translateX(-50%);\n        animation: wire-pulse 3s ease-in-out infinite;\n        animation-delay: 0.5s;\n    }<\/p>\n<p>    .wire-3 {\n        width: 70%;\n        height: 1px;\n        top: 25%;\n        left: 15%;\n        transform: rotate(45deg);\n        animation: wire-pulse 3s ease-in-out infinite;\n        animation-delay: 1s;\n    }<\/p>\n<p>    .wire-4 {\n        width: 70%;\n        height: 1px;\n        top: 75%;\n        left: 15%;\n        transform: rotate(-45deg);\n        animation: wire-pulse 3s ease-in-out infinite;\n        animation-delay: 1.5s;\n    }<\/p>\n<p>    .sphere-core {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 60px;\n        height: 60px;\n    }<\/p>\n<p>    .core-pulse {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.3) 0%, rgba(32, 178, 170, 0.3) 100%);\n        animation: core-pulse 2s ease-in-out infinite;\n    }<\/p>\n<p>    .core-inner {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);\n        box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);\n        animation: inner-glow 4s ease-in-out infinite;\n    }<\/p>\n<p>    .data-streams {\n        position: absolute;\n        width: 200px;\n        height: 200px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n    }<\/p>\n<p>    .stream {\n        position: absolute;\n        width: 2px;\n        background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);\n        border-radius: 1px;\n        animation: stream-flow 4s linear infinite;\n    }<\/p>\n<p>    .stream-1 {\n        height: 60px;\n        top: -30px;\n        left: 50%;\n        transform: translateX(-50%);\n        animation-delay: 0s;\n    }<\/p>\n<p>    .stream-2 {\n        height: 50px;\n        top: 50%;\n        right: -25px;\n        transform: translateY(-50%) rotate(90deg);\n        animation-delay: 1.3s;\n    }<\/p>\n<p>    .stream-3 {\n        height: 40px;\n        bottom: -20px;\n        left: 25%;\n        transform: rotate(45deg);\n        animation-delay: 2.6s;\n    }<\/p>\n<p>    .floating-particles {\n        position: absolute;\n        width: 250px;\n        height: 250px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n    }<\/p>\n<p>    .particle {\n        position: absolute;\n        width: 3px;\n        height: 3px;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 50%;\n        animation: particle-orbit 8s linear infinite;\n    }<\/p>\n<p>    .p-1 { \n        top: 20%; \n        left: 50%; \n        animation-delay: 0s; \n        animation-duration: 6s;\n    }<\/p>\n<p>    .p-2 { \n        top: 50%; \n        right: 15%; \n        animation-delay: 1.5s; \n        animation-duration: 8s;\n    }<\/p>\n<p>    .p-3 { \n        bottom: 20%; \n        left: 30%; \n        animation-delay: 3s; \n        animation-duration: 7s;\n    }<\/p>\n<p>    .p-4 { \n        top: 30%; \n        left: 20%; \n        animation-delay: 4.5s; \n        animation-duration: 9s;\n    }<\/p>\n<p>    .p-5 { \n        bottom: 40%; \n        right: 25%; \n        animation-delay: 6s; \n        animation-duration: 5s;\n    }<\/p>\n<p>    .planet-modern-text {\n        color: white;\n    }<\/p>\n<p>    .futuristic-tag {\n        position: relative;\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(15px);\n        padding: 8px 20px;\n        border-radius: 25px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        overflow: hidden;\n    }<\/p>\n<p>    .tag-glow {\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);\n        animation: tag-shimmer 3s ease-in-out infinite;\n    }<\/p>\n<p>    .planet-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 2.8rem;\n        font-weight: 900;\n        margin: 0 0 20px 0;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        display: flex;\n        flex-direction: column;\n    }<\/p>\n<p>    .title-line {\n        background: linear-gradient(135deg, #ffffff 0%, #e0f7fa 40%, #b2dfdb 80%, #ffffff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: title-glow 4s ease-in-out infinite;\n        animation-delay: var(--delay, 0s);\n    }<\/p>\n<p>    .title-line:nth-child(2) {\n        --delay: 0.5s;\n    }<\/p>\n<p>    .planet-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.6;\n        margin: 0 0 30px 0;\n        opacity: 0.95;\n        font-weight: 300;\n        max-width: 600px;\n    }<\/p>\n<p>    .modern-metrics {\n        display: flex;\n        gap: 24px;\n        background: rgba(255, 255, 255, 0.08);\n        backdrop-filter: blur(20px);\n        padding: 20px 28px;\n        border-radius: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n    }<\/p>\n<p>    .metric-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        min-width: 80px;\n    }<\/p>\n<p>    .metric-header {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n    }<\/p>\n<p>    .metric-number {\n        font-size: 1.3rem;\n        font-weight: 800;\n        line-height: 1;\n        background: linear-gradient(135deg, #ffffff 0%, #e0f7fa 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .metric-indicator {\n        width: 40px;\n        height: 2px;\n        background: linear-gradient(90deg, #4A90E2, #20B2AA);\n        border-radius: 1px;\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .metric-indicator::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);\n        animation: indicator-scan 2s ease-in-out infinite;\n        animation-delay: var(--scan-delay, 0s);\n    }<\/p>\n<p>    .metric-item:nth-child(1) .metric-indicator::after { --scan-delay: 0s; }\n    .metric-item:nth-child(2) .metric-indicator::after { --scan-delay: 0.7s; }\n    .metric-item:nth-child(3) .metric-indicator::after { --scan-delay: 1.4s; }<\/p>\n<p>    .metric-label {\n        font-size: 0.75rem;\n        font-weight: 500;\n        opacity: 0.9;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        text-align: center;\n    }<\/p>\n<p>    .modern-bg-effects {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    }<\/p>\n<p>    .bg-grid {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: \n            linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n        background-size: 40px 40px;\n        animation: grid-shift 20s linear infinite;\n    }<\/p>\n<p>    .bg-rays {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    .ray {\n        position: absolute;\n        width: 1px;\n        background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);\n        animation: ray-sweep 8s ease-in-out infinite;\n    }<\/p>\n<p>    .ray-1 {\n        height: 60%;\n        top: 0;\n        left: 20%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .ray-2 {\n        height: 80%;\n        top: 10%;\n        right: 30%;\n        animation-delay: 2.7s;\n    }<\/p>\n<p>    .ray-3 {\n        height: 50%;\n        bottom: 0;\n        left: 60%;\n        animation-delay: 5.4s;\n    }<\/p>\n<p>    \/* Animations *\/\n    @keyframes planet-float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-8px); }\n    }<\/p>\n<p>    @keyframes wireframe-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    @keyframes wire-pulse {\n        0%, 100% { opacity: 0.3; }\n        50% { opacity: 0.8; }\n    }<\/p>\n<p>    @keyframes core-pulse {\n        0%, 100% { transform: scale(1); opacity: 0.7; }\n        50% { transform: scale(1.2); opacity: 0.3; }\n    }<\/p>\n<p>    @keyframes inner-glow {\n        0%, 100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); }\n        50% { box-shadow: 0 0 35px rgba(255, 255, 255, 0.8); }\n    }<\/p>\n<p>    @keyframes stream-flow {\n        0% { opacity: 0; transform: translateY(0px); }\n        50% { opacity: 1; }\n        100% { opacity: 0; transform: translateY(-30px); }\n    }<\/p>\n<p>    @keyframes particle-orbit {\n        0% { transform: rotate(0deg) translateX(80px) rotate(0deg); }\n        100% { transform: rotate(360deg) translateX(80px) rotate(-360deg); }\n    }<\/p>\n<p>    @keyframes tag-shimmer {\n        0% { left: -100%; }\n        100% { left: 100%; }\n    }<\/p>\n<p>    @keyframes title-glow {\n        0%, 100% { filter: brightness(1); }\n        50% { filter: brightness(1.2); }\n    }<\/p>\n<p>    @keyframes indicator-scan {\n        0% { left: -100%; }\n        100% { left: 100%; }\n    }<\/p>\n<p>    @keyframes grid-shift {\n        0% { transform: translate(0, 0); }\n        100% { transform: translate(40px, 40px); }\n    }<\/p>\n<p>    @keyframes ray-sweep {\n        0%, 100% { opacity: 0; transform: scaleY(0); }\n        50% { opacity: 1; transform: scaleY(1); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .planet-modern-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n            text-align: center;\n        }<\/p>\n<p>        .planet-modern-visual {\n            height: 160px;\n        }<\/p>\n<p>        .holographic-sphere {\n            width: 120px;\n            height: 120px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .planet-modern-banner {\n            padding: 50px 15px;\n        }<\/p>\n<p>        .planet-modern-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .modern-metrics {\n            flex-direction: column;\n            gap: 16px;\n            padding: 16px 20px;\n        }<\/p>\n<p>        .metric-item {\n            min-width: auto;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .planet-modern-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .planet-modern-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .holographic-sphere {\n            width: 100px;\n            height: 100px;\n        }<\/p>\n<p>        .modern-metrics {\n            padding: 12px 16px;\n        }\n    }\n<\/style>\n<div class=\"global-solutions-section\">\n<div class=\"global-solutions-container\">\n        <!-- Global Challenges Section - Redesigned --><\/p>\n<div class=\"challenge-section\">\n<div class=\"challenge-hero\">\n<h2 class=\"section-title centered\">\u0413\u043b\u043e\u0431\u0430\u043b\u043d\u0438 \u043f\u0440\u0435\u0434\u0438\u0437\u0432\u0438\u043a\u0430\u0442\u0435\u043b\u0441\u0442\u0432\u0430, \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/h2>\n<p class=\"hero-description\">\n                    At LANDU, we recognize that today&#8217;s world faces a unique combination of environmental, social, and industrial challenges that call for bold and innovative responses. That is why we harness renewable raw materials\u2014such as responsibly sourced cotton and sustainably managed wood pulp\u2014to produce advanced biopolymers and specialty cellulose.\n                <\/p>\n<\/p><\/div>\n<div class=\"challenge-content-grid\">\n<div class=\"challenge-text-panel\">\n<p class=\"section-description\">\n                        \u0422\u0435\u0437\u0438 \u0431\u0438\u043e-\u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0441\u0430 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438 \u0434\u0430 \u0441\u043b\u0443\u0436\u0430\u0442 \u043a\u0430\u0442\u043e \u0432\u0438\u0441\u043e\u043a\u043e\u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0438 \u0430\u043b\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0438 \u043d\u0430 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438 \u043e\u0442 \u043f\u0435\u0442\u0440\u043e\u043b, \u043f\u043e\u043c\u0430\u0433\u0430\u0439\u043a\u0438 \u043d\u0430 \u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0438\u0442\u0435 \u0434\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u044f\u0442 \u0440\u0435\u0448\u0438\u0442\u0435\u043b\u043d\u0430 \u043a\u0440\u0430\u0447\u043a\u0430 \u043a\u044a\u043c \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u0442\u0430. \u041e\u0442 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u043d\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438, \u043a\u043e\u0438\u0442\u043e \u043d\u0430\u043c\u0430\u043b\u044f\u0432\u0430\u0442 \u0435\u043a\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438\u044f \u043e\u0442\u043f\u0435\u0447\u0430\u0442\u044a\u043a \u0431\u0435\u0437 \u0434\u0430 \u0436\u0435\u0440\u0442\u0432\u0430\u0442 \u0437\u0434\u0440\u0430\u0432\u0438\u043d\u0430\u0442\u0430, \u0434\u043e \u0444\u0430\u0440\u043c\u0430\u0446\u0435\u0432\u0442\u0438\u0447\u043d\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0438\u0442\u043e \u0438\u0437\u0438\u0441\u043a\u0432\u0430\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u043d\u043e\u0441\u0442 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442, \u043d\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0432\u0430\u0442 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0434\u0430 \u043f\u043e\u0441\u0442\u0438\u0433\u043d\u0435 \u0441\u0432\u043e\u0438\u0442\u0435 \u0446\u0435\u043b\u0438 \u0437\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u044f\u043d\u0435 \u0438 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442 \u0435\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.\n                    <\/p>\n<div class=\"challenge-conclusion\">\n<p>\u0427\u0440\u0435\u0437 \u0437\u0430\u043c\u0435\u0441\u0442\u0432\u0430\u043d\u0435 \u043d\u0430 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0438, \u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0438 \u043d\u0430 \u0438\u0437\u043a\u043e\u043f\u0430\u0435\u043c\u0438 \u0433\u043e\u0440\u0438\u0432\u0430, \u0441 \u0432\u044a\u0437\u043e\u0431\u043d\u043e\u0432\u044f\u0435\u043c\u0438 \u043e\u043f\u0446\u0438\u0438, \u043d\u0438\u0435 \u0434\u043e\u043f\u0440\u0438\u043d\u0430\u0441\u044f\u043c\u0435 \u0437\u0430 \u043a\u0440\u044a\u0433\u043e\u0432\u0430 \u0438\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430, \u043a\u043e\u044f\u0442\u043e \u0435 \u0432 \u043f\u043e\u043b\u0437\u0430 \u043a\u0430\u043a\u0442\u043e \u043d\u0430 \u0445\u043e\u0440\u0430\u0442\u0430, \u0442\u0430\u043a\u0430 \u0438 \u043d\u0430 \u043f\u043b\u0430\u043d\u0435\u0442\u0430\u0442\u0430, \u0441\u0435\u0433\u0430 \u0438 \u0432 \u0431\u044a\u0434\u0435\u0449\u0435.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">\u041d\u0430\u0443\u0447\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435<\/span><\/p>\n<div class=\"btn-glow\"><\/div>\n<p>                        <\/a>\n                    <\/div>\n<\/p><\/div>\n<div class=\"challenge-visual-panel\">\n<div class=\"image-card-large\">\n                        <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-on-the-job-training.jpg\" alt=\"\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u043d\u043e\u0442\u043e \u043c\u044f\u0441\u0442\u043e LANDU\" loading=\"lazy\" class=\"\" style=\"outline: rgb(33, 150, 243) solid 3px; outline-offset: 2px; box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px;\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u0438 \u0438\u043d\u043e\u0432\u0430\u0446\u0438\u0438<\/h5>\n<p>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u0431\u044a\u0434\u0435\u0449\u0430\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u043d\u0430 \u0441\u0438\u043b\u0430<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Proven Products Section - Redesigned with Two Images --><\/p>\n<div class=\"proven-section\">\n<div class=\"proven-content-grid\">\n<div class=\"proven-visual-panel\">\n<div class=\"proven-image-stack\">\n<div class=\"proven-image-card top\">\n                            <img height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/raw-material-cellulose-ether.jpg\" alt=\"\u0421\u0443\u0440\u043e\u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0426\u0435\u043b\u0443\u043b\u043e\u0437\u043d\u0430 \u0435\u0442\u0435\u0440\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Premium Raw Materials<\/h5>\n<p>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043d\u0430 \u0446\u0435\u043b\u0443\u043b\u043e\u0437\u0435\u043d \u0435\u0442\u0435\u0440<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"proven-image-card bottom\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-on-the-job-training.jpg\" alt=\"LANDU Quality Control\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e<\/h5>\n<p>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438 \u0437\u0430 \u0441\u0442\u0440\u043e\u0433\u0438 \u0442\u0435\u0441\u0442\u043e\u0432\u0435<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"proven-text-panel\">\n<h2 class=\"section-title\">\u0414\u043e\u043a\u0430\u0437\u0430\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0441 \u043d\u0438\u0441\u043a\u043e \u0432\u044a\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0432\u044a\u0440\u0445\u0443 \u043e\u043a\u043e\u043b\u043d\u0430\u0442\u0430 \u0441\u0440\u0435\u0434\u0430<\/h2>\n<p class=\"section-description\">\n                        \u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u0442\u0430 \u0435 \u0432\u043e\u0434\u0435\u0449 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0432\u044a\u0432 \u0432\u0441\u044f\u043a\u0430 \u0435\u0442\u0430\u043f \u043e\u0442 \u043d\u0430\u0448\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441 \u043d\u0430 \u0438\u043d\u043e\u0432\u0430\u0446\u0438\u0438, \u043e\u0442 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u0430\u0442\u0430 \u0438\u0434\u0435\u044f \u0434\u043e \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430\u0442\u0430 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430. \u041d\u0438\u0435 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0438\u0437\u0438\u0440\u0430\u043c\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0432\u0430\u043d\u0435\u0442\u043e \u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0438\u0442\u043e \u043d\u0435 \u0441\u0430\u043c\u043e \u0441\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0438 \u0438 \u043d\u0430\u0434\u0435\u0436\u0434\u043d\u0438, \u043d\u043e \u0438 \u044f\u0432\u043d\u043e \u043f\u043e-\u0434\u043e\u0431\u0440\u0438 \u0437\u0430 \u043e\u043a\u043e\u043b\u043d\u0430\u0442\u0430 \u0441\u0440\u0435\u0434\u0430.\n                    <\/p>\n<div class=\"impact-metrics\">\n<div class=\"metric-card\">\n<div class=\"metric-icon\">\n<div class=\"icon-circle\"><\/div>\n<p>                                <span class=\"metric-value\">-50%<\/span>\n                            <\/div>\n<p>                            <span class=\"metric-label\">\u0415\u043c\u0438\u0441\u0438\u0438 \u043d\u0430 \u043f\u0430\u0440\u043d\u0438\u043a\u043e\u0432\u0438 \u0433\u0430\u0437\u043e\u0432\u0435<\/span>\n                        <\/div>\n<div class=\"metric-card\">\n<div class=\"metric-icon\">\n<div class=\"icon-circle\"><\/div>\n<p>                                <span class=\"metric-value\">90%<\/span>\n                            <\/div>\n<p>                            <span class=\"metric-label\">\u0421\u043f\u0435\u0441\u0442\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0432\u043e\u0434\u0430<\/span>\n                        <\/div>\n<div class=\"metric-card\">\n<div class=\"metric-icon\">\n<div class=\"icon-circle\"><\/div>\n<p>                                <span class=\"metric-value\">+85%<\/span>\n                            <\/div>\n<p>                            <span class=\"metric-label\">\u0415\u043d\u0435\u0440\u0433\u0438\u0439\u043d\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442<\/span>\n                        <\/div>\n<\/p><\/div>\n<p class=\"section-description\">\n                        \u041d\u0430\u0448\u0438\u0442\u0435 \u0438\u0437\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0441\u043a\u0438 \u0435\u043a\u0438\u043f\u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0438\u0437\u0441\u043b\u0435\u0434\u0432\u0430\u0442 \u043d\u043e\u0432\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0437\u0430 \u0434\u0430 \u043d\u0430\u043c\u0430\u043b\u044f\u0442 \u043e\u0449\u0435 \u043f\u043e\u0432\u0435\u0447\u0435 \u0435\u043a\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438\u044f \u043e\u0442\u043f\u0435\u0447\u0430\u0442\u044a\u043a \u043d\u0430 \u043d\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u043a\u0430\u0442\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0430\u0442, \u0447\u0435 \u0432\u0441\u044f\u043a\u043e \u043d\u0430\u043f\u0440\u0435\u0434\u0432\u0430\u043d\u0435 \u0435 \u043f\u043e\u0434\u043a\u0440\u0435\u043f\u0435\u043d\u043e \u043e\u0442 \u0438\u0437\u043c\u0435\u0440\u0438\u043c\u0438 \u043f\u043e\u0434\u043e\u0431\u0440\u0435\u043d\u0438\u044f.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                        <span class=\"btn-text\">\u041d\u0430\u0443\u0447\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435<\/span><\/p>\n<div class=\"btn-glow\"><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Customer Solutions Section - Redesigned --><\/p>\n<div class=\"customer-section\">\n<div class=\"customer-hero\">\n<h2 class=\"section-title centered\">\u0423\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442 \u0432\u044a\u0432 \u0432\u0441\u044f\u043a\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430<\/h2>\n<p class=\"hero-description\">\n                    \u0417\u0430 \u043c\u043d\u043e\u0433\u043e \u043e\u0442 \u043d\u0430\u0448\u0438\u0442\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0438, \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u0442\u0430 \u043d\u0435 \u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u043d\u0438\u0435 \u2014 \u0442\u044f \u0435 \u0441\u0442\u0430\u043d\u0430\u043b\u0430 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0430 \u0447\u0430\u0441\u0442 \u043e\u0442 \u0442\u0435\u0445\u043d\u0438\u044f \u0431\u0440\u0430\u043d\u0434 \u0438 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f. \u0412 LANDU \u043f\u043e\u0434\u043a\u0440\u0435\u043f\u044f\u043c\u0435 \u0442\u0435\u0437\u0438 \u0430\u043c\u0431\u0438\u0446\u0438\u0438, \u043a\u0430\u0442\u043e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u043c\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u043a\u043e\u0438\u0442\u043e \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044f\u0442 \u044f\u0441\u043d\u0438, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438 \u043d\u0430 \u0434\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0441\u0442\u0432\u0430 \u0435\u043a\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438 \u043f\u043e\u043b\u0437\u0438.\n                <\/p>\n<\/p><\/div>\n<div class=\"customer-content-grid\">\n<div class=\"customer-text-panel\">\n<div class=\"customer-benefits\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M17 21V19C17 17.9 16.1 17 15 17H9C7.9 17 7 17.9 7 19V21\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/circle>\n                                    <path d=\"M22 21V19C22 18.13 21.49 17.4 20.74 17.06\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                    <path d=\"M16 3.13C16.75 3.47 17.26 4.2 17.26 5.07S16.75 6.67 16 7.01\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n<h4>\u041f\u043e\u0434\u0445\u043e\u0434 \u043a\u044a\u043c \u043f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u0442\u0432\u043e\u0442\u043e<\/h4>\n<p>\u0420\u0430\u0431\u043e\u0442\u0438\u043c \u0442\u044f\u0441\u043d\u043e \u0441 \u043f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0438, \u0437\u0430 \u0434\u0430 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0442\u0435\u0445\u043d\u0438\u0442\u0435 \u0446\u0435\u043b\u0438 \u0437\u0430 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442 \u0438 \u043d\u0443\u0436\u0434\u0438\u0442\u0435 \u043e\u0442 \u0441\u044a\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M9 11L12 14L22 4\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M21 12C21 16.97 16.97 21 12 21C7.03 21 3 16.97 3 12C3 7.03 7.03 3 12 3C13.39 3 14.68 3.3 15.84 3.84\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n<h4>\u041f\u043e\u043b\u0437\u0438, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438 \u043d\u0430 \u0434\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0441\u0442\u0432\u0430<\/h4>\n<p>\u041d\u0430\u0448\u0438\u0442\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044f\u0442 \u044f\u0441\u043d\u0438 \u0435\u043a\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438 \u043f\u0440\u0435\u0434\u0438\u043c\u0441\u0442\u0432\u0430 \u0441 \u0438\u0437\u043c\u0435\u0440\u0438\u043c\u0438 \u0434\u0430\u043d\u043d\u0438 \u0437\u0430 \u0432\u044a\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 2L15.09 8.26L22 9L17 14L18.18 21L12 17.77L5.82 21L7 14L2 9L8.91 8.26L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"benefit-content\">\n<h4>\u041a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442 \u043d\u0430 \u043f\u0430\u0437\u0430\u0440\u0430<\/h4>\n<p>\u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0432\u0430\u043c\u0435 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435 \u0434\u0430 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442 \u043f\u043e-\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0438, \u043f\u043e-\u0437\u0435\u043b\u0435\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u043a\u0430\u0442\u043e \u0441\u044a\u0449\u0435\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u0434\u0434\u044a\u0440\u0436\u0430\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0442\u0435 \u0437\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"customer-conclusion\">\n<p>\u0427\u0440\u0435\u0437 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044f\u043d\u0435 \u043d\u0430 \u0432\u044a\u0437\u043e\u0431\u043d\u043e\u0432\u044f\u0435\u043c\u0438, \u0431\u0438\u043e-\u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438, \u043a\u043e\u0438\u0442\u043e \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f\u0442 \u043d\u0430 \u0442\u0435\u0437\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438, \u043d\u0438\u0435 \u043f\u043e\u043c\u0430\u0433\u0430\u043c\u0435 \u0434\u0430 \u0441\u0435 \u043f\u0440\u0435\u043e\u0434\u043e\u043b\u0435\u0435 \u0440\u0430\u0437\u043b\u0438\u043a\u0430\u0442\u0430 \u043c\u0435\u0436\u0434\u0443 \u0430\u043c\u0431\u0438\u0446\u0438\u044f\u0442\u0430 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435\u0442\u043e. \u041d\u0430\u0448\u0438\u0442\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0435 \u0441\u0430\u043c\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0432\u0430\u0442 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435 \u0434\u0430 \u043d\u0430\u043f\u0440\u0435\u0434\u0432\u0430\u0442 \u0432 \u0441\u0432\u043e\u0438\u0442\u0435 \u0430\u043d\u0433\u0430\u0436\u0438\u043c\u0435\u043d\u0442\u0438 \u043a\u044a\u043c \u043e\u043a\u043e\u043b\u043d\u0430\u0442\u0430 \u0441\u0440\u0435\u0434\u0430, \u043d\u043e \u0438 \u0437\u0430\u0441\u0438\u043b\u0432\u0430\u0442 \u0442\u044f\u0445\u043d\u0430\u0442\u0430 \u043f\u0430\u0437\u0430\u0440\u043d\u0430 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">\u041d\u0430\u0443\u0447\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435<\/span><\/p>\n<div class=\"btn-glow\"><\/div>\n<p>                        <\/a>\n                    <\/div>\n<\/p><\/div>\n<div class=\"customer-visual-panel\">\n<div class=\"visual-stack\">\n<div class=\"image-card primary\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-marketing-personnel.jpg\" alt=\"\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b LANDU\" loading=\"lazy\" class=\"\" style=\"\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u0442\u0432\u043e \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435<\/h5>\n<p>\u0418\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435 \u043d\u0430 \u0442\u0440\u0430\u0439\u043d\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-card secondary\">\n                            <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"LANDU Certifications\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Quality Certifications<\/h5>\n<p>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438 ISO, REACH, EcoVadis<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"floating-stats\">\n<div class=\"stat-bubble\">\n                            <span class=\"stat-number\">95%<\/span><br \/>\n                            <span class=\"stat-text\">Customer Satisfaction<\/span>\n                        <\/div>\n<div class=\"stat-bubble\">\n                            <span class=\"stat-number\">40+<\/span><br \/>\n                            <span class=\"stat-text\">\u0414\u044a\u0440\u0436\u0430\u0432\u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0432\u0430\u043d\u0438<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .global-solutions-section {\n        padding: 100px 20px;\n        background: linear-gradient(180deg, #f0f8ff 0%, #ffffff 30%, #e0f2f1 70%, #f8fafc 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .global-solutions-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .challenge-section,\n    .proven-section,\n    .customer-section {\n        margin-bottom: 120px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 3rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 50%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 32px;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .section-title.centered {\n        text-align: center;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .section-description {\n        font-size: 1.1rem;\n        color: #4a5568;\n        line-height: 1.7;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    \/* Modern Learn More Button *\/\n    .modern-learn-btn {\n        position: relative;\n        display: inline-block;\n        background: linear-gradient(135deg, #4A90E2 0%, #20B2AA 100%);\n        color: white;\n        padding: 14px 32px;\n        border-radius: 30px;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 1rem;\n        transition: all 0.3s ease;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .btn-text {\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .btn-glow {\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);\n        transition: left 0.6s ease;\n    }<\/p>\n<p>    .modern-learn-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.4);\n    }<\/p>\n<p>    .modern-learn-btn:hover .btn-glow {\n        left: 100%;\n    }<\/p>\n<p>    \/* Challenge Section *\/\n    .challenge-hero {\n        text-align: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .hero-description {\n        font-size: 1.3rem;\n        color: #4a5568;\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .challenge-content-grid {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 80px;\n        align-items: start;\n    }<\/p>\n<p>    .challenge-text-panel {\n        background: white;\n        padding: 50px 40px;\n        border-radius: 24px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .challenge-text-panel .section-description {\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .challenge-conclusion {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        padding: 24px;\n        border-radius: 16px;\n        border-left: 4px solid #20B2AA;\n    }<\/p>\n<p>    .challenge-conclusion p {\n        color: #2d3748;\n        line-height: 1.6;\n        margin-bottom: 24px;\n        font-weight: 500;\n    }<\/p>\n<p>    .challenge-visual-panel {\n        position: relative;\n    }<\/p>\n<p>    .image-card-large {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 15px 50px rgba(74, 144, 226, 0.15);\n        transition: all 0.3s ease;\n        height: 500px;\n    }<\/p>\n<p>    .image-card-large:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 25px 70px rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .image-card-large img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-card-large:hover img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    \/* Proven Products Section - New Design with Two Images and Vertical Centering *\/\n    .proven-content-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        gap: 80px;\n        align-items: center;\n    }<\/p>\n<p>    .proven-visual-panel {\n        position: relative;\n        display: flex;\n        align-items: center;\n    }<\/p>\n<p>    .proven-image-stack {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        width: 100%;\n    }<\/p>\n<p>    .proven-image-card {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.12);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .proven-image-card.top {\n        height: 320px;\n    }<\/p>\n<p>    .proven-image-card.bottom {\n        height: 280px;\n    }<\/p>\n<p>    .proven-image-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 50px rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .proven-image-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .proven-image-card:hover img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .proven-text-panel {\n        background: white;\n        padding: 50px 40px;\n        border-radius: 24px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    \/* Card Overlay *\/\n    .card-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);\n        padding: 20px;\n        color: white;\n        transform: translateY(100%);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-card:hover .card-overlay,\n    .image-card-large:hover .card-overlay,\n    .proven-image-card:hover .card-overlay {\n        transform: translateY(0);\n    }<\/p>\n<p>    .overlay-content h5 {\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .overlay-content p {\n        font-size: 0.9rem;\n        opacity: 0.9;\n        margin: 0;\n    }<\/p>\n<p>    \/* Customer Section *\/\n    .customer-hero {\n        text-align: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .customer-content-grid {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 80px;\n        align-items: start;\n    }<\/p>\n<p>    .customer-text-panel {\n        background: white;\n        padding: 50px 40px;\n        border-radius: 24px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .customer-benefits {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .benefit-item {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n        padding: 24px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.02) 0%, rgba(32, 178, 170, 0.02) 100%);\n        border-radius: 16px;\n        border: 1px solid rgba(74, 144, 226, 0.08);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .benefit-item:hover {\n        transform: translateX(8px);\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        border-color: rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .benefit-icon {\n        flex-shrink: 0;\n        width: 50px;\n        height: 50px;\n        background: linear-gradient(135deg, #4A90E2, #20B2AA);\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 16px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .benefit-icon svg {\n        width: 24px;\n        height: 24px;\n    }<\/p>\n<p>    .benefit-content h4 {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 8px;\n    }<\/p>\n<p>    .benefit-content p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.6;\n        font-size: 1rem;\n    }<\/p>\n<p>    .customer-conclusion {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        padding: 24px;\n        border-radius: 16px;\n        border-left: 4px solid #20B2AA;\n    }<\/p>\n<p>    .customer-conclusion p {\n        color: #2d3748;\n        line-height: 1.6;\n        margin-bottom: 24px;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Visual Panel *\/\n    .customer-visual-panel {\n        position: relative;\n    }<\/p>\n<p>    .visual-stack {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        margin-bottom: 30px;\n    }<\/p>\n<p>    .image-card {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.12);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    \/* Updated: Both images now have the same height *\/\n    .image-card.primary {\n        height: 300px;\n        z-index: 2;\n    }<\/p>\n<p>    .image-card.secondary {\n        height: 300px; \/* Changed from 200px to 300px to match primary *\/\n        margin-left: 40px;\n        z-index: 1;\n    }<\/p>\n<p>    .image-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 50px rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .image-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-card:hover img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    \/* Floating Stats *\/\n    .floating-stats {\n        display: flex;\n        gap: 16px;\n        justify-content: center;\n    }<\/p>\n<p>    .stat-bubble {\n        background: white;\n        padding: 16px 20px;\n        border-radius: 50px;\n        box-shadow: 0 8px 25px rgba(74, 144, 226, 0.15);\n        text-align: center;\n        min-width: 120px;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        animation: float-bubble 6s ease-in-out infinite;\n    }<\/p>\n<p>    .stat-bubble:nth-child(2) {\n        animation-delay: 3s;\n    }<\/p>\n<p>    .stat-number {\n        display: block;\n        font-size: 1.4rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #4A90E2 0%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .stat-text {\n        display: block;\n        font-size: 0.8rem;\n        color: #4a5568;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Impact Metrics *\/\n    .impact-metrics {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n        gap: 20px;\n        margin: 32px 0;\n    }<\/p>\n<p>    .metric-card {\n        background: white;\n        padding: 24px 16px;\n        border-radius: 16px;\n        text-align: center;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .metric-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .metric-icon {\n        position: relative;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n    }<\/p>\n<p>    .icon-circle {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(32, 178, 170, 0.1) 100%);\n        border: 2px solid rgba(74, 144, 226, 0.2);\n        margin-bottom: 8px;\n        animation: pulse-glow 3s ease-in-out infinite;\n    }<\/p>\n<p>    .metric-value {\n        font-size: 1.4rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #4A90E2 0%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .metric-label {\n        font-size: 0.85rem;\n        color: #4a5568;\n        font-weight: 500;\n        line-height: 1.3;\n    }<\/p>\n<p>    \/* Animations *\/\n    @keyframes pulse-glow {\n        0%, 100% {\n            box-shadow: 0 0 0 0 rgba(74, 144, 226, 0.3);\n        }\n        50% {\n            box-shadow: 0 0 0 8px rgba(74, 144, 226, 0);\n        }\n    }<\/p>\n<p>    @keyframes float-bubble {\n        0%, 100% {\n            transform: translateY(0px);\n        }\n        50% {\n            transform: translateY(-8px);\n        }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .challenge-content-grid,\n        .proven-content-grid,\n        .customer-content-grid {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }<\/p>\n<p>        .proven-content-grid {\n            align-items: start;\n        }<\/p>\n<p>        .impact-metrics {\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .global-solutions-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .challenge-section,\n        .proven-section,\n        .customer-section {\n            margin-bottom: 80px;\n        }<\/p>\n<p>        .challenge-text-panel,\n        .proven-text-panel,\n        .customer-text-panel {\n            padding: 30px 24px;\n        }<\/p>\n<p>        .challenge-content-grid,\n        .proven-content-grid,\n        .customer-content-grid {\n            gap: 40px;\n        }<\/p>\n<p>        .image-card-large {\n            height: 350px;\n        }<\/p>\n<p>        .proven-image-card.top {\n            height: 280px;\n        }<\/p>\n<p>        .proven-image-card.bottom {\n            height: 240px;\n        }<\/p>\n<p>        .image-card.primary,\n        .image-card.secondary {\n            height: 280px; \/* Unified height for mobile *\/\n        }<\/p>\n<p>        .image-card.secondary {\n            margin-left: 20px;\n        }<\/p>\n<p>        .floating-stats {\n            flex-direction: column;\n            align-items: center;\n        }<\/p>\n<p>        .benefit-item {\n            padding: 20px;\n            flex-direction: column;\n            text-align: center;\n            gap: 16px;\n        }<\/p>\n<p>        .impact-metrics {\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .section-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .section-description,\n        .hero-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .challenge-text-panel,\n        .proven-text-panel,\n        .customer-text-panel {\n            padding: 24px 20px;\n        }<\/p>\n<p>        .image-card-large {\n            height: 280px;\n        }<\/p>\n<p>        .proven-image-card.top {\n            height: 240px;\n        }<\/p>\n<p>        .proven-image-card.bottom {\n            height: 200px;\n        }<\/p>\n<p>        .image-card.primary,\n        .image-card.secondary {\n            height: 250px; \/* Unified height for small mobile *\/\n        }<\/p>\n<p>        .image-card.secondary {\n            margin-left: 10px;\n        }<\/p>\n<p>        .modern-learn-btn {\n            padding: 12px 24px;\n            font-size: 0.9rem;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Sustainable Innovation Planet: Our Commitment to Sustainable Living LANDU uses renewable materials to create sustainable, innovative products that reduce carbon footprints. We collaborate with stakeholders to drive progress and ensure a safer, sustainable future for all. 100% Renewable Focus Zero Waste Goal Carbon Neutral Global Challenges, Sustainable Solutions At LANDU, we recognize that today&#8217;s world [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5008","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/pages\/5008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/comments?post=5008"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/pages\/5008\/revisions"}],"predecessor-version":[{"id":5012,"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/pages\/5008\/revisions\/5012"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/bg\/wp-json\/wp\/v2\/media?parent=5008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}