{"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\/ko\/sustainability-in-landu\/planet-our-commitment-to-sustainable-living\/","title":{"rendered":"\ud589\uc131: \uc9c0\uc18d \uac00\ub2a5\ud55c \uc0b6\uc5d0 \ub300\ud55c \uc6b0\ub9ac\uc758 \uc57d\uc18d"},"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                    \uc9c0\uc18d \uac00\ub2a5\ud55c \ud601\uc2e0\n                <\/div>\n<h1 class=\"planet-modern-title\">\n                    <span class=\"title-line\">\uc9c0\uad6c: \uc6b0\ub9ac\uc758 \uc57d\uc18d<\/span><br \/>\n                    <span class=\"title-line\">\uc9c0\uc18d \uac00\ub2a5\ud55c \uc0b6\uc744 \uc704\ud55c<\/span><br \/>\n                <\/h1>\n<p class=\"planet-modern-description\">\n                    LANDU\ub294 \uc7ac\uc0dd \uac00\ub2a5\ud55c \uc18c\uc7ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud0c4\uc18c \ubc1c\uc790\uad6d\uc744 \uc904\uc774\ub294 \uc9c0\uc18d \uac00\ub2a5\ud558\uace0 \ud601\uc2e0\uc801\uc778 \uc81c\ud488\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uc774\ud574\uad00\uacc4\uc790\uc640 \ud611\ub825\ud558\uc5ec \ubc1c\uc804\uc744 \uc774\ub04c\uace0 \ubaa8\ub450\ub97c \uc704\ud55c \ub354 \uc548\uc804\ud558\uace0 \uc9c0\uc18d \uac00\ub2a5\ud55c \ubbf8\ub798\ub97c \ubcf4\uc7a5\ud569\ub2c8\ub2e4.\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\">\uc7ac\uc0dd \uac00\ub2a5 \ucd08\uc810<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">\uc81c\ub85c<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">\ud3d0\uae30\ubb3c \ubaa9\ud45c<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">\ud0c4\uc18c<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">\uc911\ub9bd<\/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\">\uae00\ub85c\ubc8c \ub3c4\uc804\uacfc\uc81c, \uc9c0\uc18d \uac00\ub2a5\ud55c \ud574\uacb0\ucc45<\/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                        \uc774 \ubc14\uc774\uc624 \uae30\ubc18 \uc194\ub8e8\uc158\uc740 \uc804\ud1b5\uc801\uc778 \uc11d\uc720 \uc720\ub798 \uc81c\ud488\uc758 \uace0\uc131\ub2a5 \ub300\uc548\uc73c\ub85c \uc124\uacc4\ub418\uc5b4 \uc0b0\uc5c5\uc774 \uc9c0\uc18d \uac00\ub2a5\uc131\uc744 \ud5a5\ud55c \uacb0\ub2e8\uc744 \ub0b4\ub9b4 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4. \uac15\ub3c4\ub97c \ud76c\uc0dd\ud558\uc9c0 \uc54a\uc73c\uba74\uc11c \ud658\uacbd \uc601\ud5a5\uc744 \uc904\uc774\ub294 \uac74\ucd95 \uc790\uc7ac\ubd80\ud130, \uc77c\uad00\uc131\uacfc \uc548\uc804\uc131\uc744 \uc694\uad6c\ud558\ub294 \uc81c\uc57d \ubd84\uc57c\uae4c\uc9c0, \uc6b0\ub9ac\uc758 \uc81c\ud488\uc740 \uae30\uc5c5\uc774 \uc131\ub2a5\uacfc \uc9c0\uc18d \uac00\ub2a5\uc131 \ubaa9\ud45c\ub97c \ub3d9\uc2dc\uc5d0 \ub2ec\uc131\ud560 \uc218 \uc788\uac8c \ud569\ub2c8\ub2e4.\n                    <\/p>\n<div class=\"challenge-conclusion\">\n<p>\uc720\ud55c \ud654\uc11d \uae30\ubc18 \uc790\uc6d0\uc744 \uc7ac\uc0dd \uac00\ub2a5\ud55c \uc120\ud0dd\uc73c\ub85c \ub300\uccb4\ud568\uc73c\ub85c\uc368, \uc6b0\ub9ac\ub294 \ud604\uc7ac\uc640 \ubbf8\ub798 \ubaa8\ub450\uc5d0\uac8c \uc774\uc775\uc774 \ub418\ub294 \uc21c\ud658 \uacbd\uc81c\uc5d0 \uae30\uc5ec\ud569\ub2c8\ub2e4.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">\uc790\uc138\ud788 \ubcf4\uae30<\/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=\"LANDU \ud604\uc7a5 \uad50\uc721\" 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>\uc9c0\uc18d \uac00\ub2a5\ud55c \ud601\uc2e0<\/h5>\n<p>\ubbf8\ub798 \uc778\ub825 \uc591\uc131<\/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=\"\uc6d0\uc790\uc7ac \uc140\ub8f0\ub85c\uc624\uc2a4 \uc5d0\ud14c\ub974\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\ud504\ub9ac\ubbf8\uc5c4 \uc6d0\uc790\uc7ac<\/h5>\n<p>\uc140\ub8f0\ub85c\uc624\uc2a4 \uc5d0\ud14c\ub974 \uc0dd\uc0b0<\/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 \ud488\uc9c8 \uad00\ub9ac\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\ud488\uc9c8 \ubcf4\uc99d<\/h5>\n<p>\uc5c4\uaca9\ud55c \uc2dc\ud5d8 \uae30\uc900<\/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\">\ud658\uacbd \uc601\ud5a5\uc744 \uc801\uac8c \ubbf8\uce58\ub294 \uac80\uc99d\ub41c \uc81c\ud488<\/h2>\n<p class=\"section-description\">\n                        \uc9c0\uc18d \uac00\ub2a5\uc131\uc740 \ucd08\uae30 \uc544\uc774\ub514\uc5b4\ubd80\ud130 \uc81c\ud488 \uc804\ub2ec\uae4c\uc9c0 \uc6b0\ub9ac\uc758 \ud601\uc2e0 \uacfc\uc815 \ubaa8\ub4e0 \ub2e8\uacc4\uc5d0\uc11c \uc9c0\uce68\uc774 \ub418\ub294 \uc6d0\uce59\uc785\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ud6a8\uacfc\uc801\uc774\uace0 \uc2e0\ub8b0\ud560 \uc218 \uc788\uc744 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ud658\uacbd\uc5d0 \uc2e4\uc9c8\uc801\uc73c\ub85c \ub354 \ub098\uc740 \uc194\ub8e8\uc158 \uac1c\ubc1c\uc744 \uc6b0\uc120\uc2dc\ud569\ub2c8\ub2e4.\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\">\uc628\uc2e4\uac00\uc2a4 \ubc30\ucd9c\ub7c9<\/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\">\uc218\uc790\uc6d0 \uc808\uc57d<\/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\">\uc5d0\ub108\uc9c0 \ud6a8\uc728\uc131<\/span>\n                        <\/div>\n<\/p><\/div>\n<p class=\"section-description\">\n                        \uc6b0\ub9ac \uc5f0\uad6c\ud300\uc740 \uc9c0\uc18d\uc801\uc73c\ub85c \uc0c8\ub85c\uc6b4 \uae30\uc220\uacfc \uae30\uc220\uc744 \ud0d0\uad6c\ud558\uc5ec \uc81c\ud488\uc758 \ud658\uacbd \ubc1c\uc790\uad6d\uc744 \ub354\uc6b1 \ub0ae\ucd94\uae30 \uc704\ud574 \ub178\ub825\ud558\uba70, \uac01 \ubc1c\uc804\uc774 \uce21\uc815 \uac00\ub2a5\ud55c \uac1c\uc120\uc73c\ub85c \ub4b7\ubc1b\uce68\ub418\ub3c4\ub85d \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                        <span class=\"btn-text\">\uc790\uc138\ud788 \ubcf4\uae30<\/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\">\ubaa8\ub4e0 \uace0\uac1d \uc194\ub8e8\uc158\uc5d0\uc11c\uc758 \uc9c0\uc18d \uac00\ub2a5\uc131<\/h2>\n<p class=\"hero-description\">\n                    \ub9ce\uc740 \uace0\uac1d\uc5d0\uac8c \uc9c0\uc18d \uac00\ub2a5\uc131\uc740 \ub2e8\uc21c\ud55c \uc120\ud638\uac00 \uc544\ub2c8\ub77c \ube0c\ub79c\ub4dc \uc57d\uc18d\uacfc \uc6b4\uc601 \uc804\ub7b5\uc758 \ud575\uc2ec \ubd80\ubd84\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. LANDU\ub294 \uba85\ud655\ud558\uace0 \uc99d\uac70 \uae30\ubc18\uc758 \ud658\uacbd\uc801 \uc774\uc810\uc744 \uc81c\uacf5\ud558\ub294 \uc81c\ud488\uc744 \ud1b5\ud574 \uc774\ub7ec\ud55c \ud3ec\ubd80\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\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>\ud30c\ud2b8\ub108\uc2ed \uc811\uadfc\ubc95<\/h4>\n<p>\uc6b0\ub9ac\ub294 \ud30c\ud2b8\ub108\uc640 \uae34\ubc00\ud788 \ud611\ub825\ud558\uc5ec \uadf8\ub4e4\uc758 \uc9c0\uc18d \uac00\ub2a5\uc131 \ubaa9\ud45c\uc640 \uaddc\uc815 \uc900\uc218 \uc694\uad6c\ub97c \uc774\ud574\ud569\ub2c8\ub2e4.<\/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>\uc99d\uac70 \uae30\ubc18\uc758 \uc774\uc810<\/h4>\n<p>\uc6b0\ub9ac\uc758 \uc194\ub8e8\uc158\uc740 \uce21\uc815 \uac00\ub2a5\ud55c \uc601\ud5a5 \ub370\uc774\ud130\ub97c \ud1b5\ud574 \uba85\ud655\ud55c \ud658\uacbd\uc801 \uc774\uc810\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/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>\uc2dc\uc7a5 \uacbd\uc7c1\ub825<\/h4>\n<p>\uace0\uac1d\uc774 \ub354 \uc548\uc804\ud558\uace0 \uce5c\ud658\uacbd\uc801\uc778 \uc81c\ud488\uc744 \uc81c\uacf5\ud558\uba74\uc11c\ub3c4 \uc131\ub2a5 \uae30\uc900\uc744 \uc720\uc9c0\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"customer-conclusion\">\n<p>\uc774\ub7ec\ud55c \uae30\uc900\uc744 \ucda9\uc871\ud558\ub294 \uc7ac\uc0dd \uac00\ub2a5 \ubc14\uc774\uc624 \uae30\ubc18 \uc18c\uc7ac\ub97c \uacf5\uae09\ud568\uc73c\ub85c\uc368, \uc6b0\ub9ac\ub294 \ud3ec\ubd80\uc640 \uc2e4\ucc9c \uc0ac\uc774\uc758 \uaca9\ucc28\ub97c \ud574\uc18c\ud558\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\uc758 \uc194\ub8e8\uc158\uc740 \uace0\uac1d\uc774 \ud658\uacbd \uc57d\uc18d\uc744 \ubc1c\uc804\uc2dc\ud0a4\ub294 \uac83\ubfd0\ub9cc \uc544\ub2c8\ub77c \uc2dc\uc7a5 \uacbd\uc7c1\ub825\uc744 \uac15\ud654\ud558\ub294 \ub370\ub3c4 \uae30\uc5ec\ud569\ub2c8\ub2e4.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">\uc790\uc138\ud788 \ubcf4\uae30<\/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=\"LANDU \ub9c8\ucf00\ud305 \uc778\ub825\" loading=\"lazy\" class=\"\" style=\"\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\uace0\uac1d \ud30c\ud2b8\ub108\uc2ed<\/h5>\n<p>\uc9c0\uc18d\uc801\uc778 \uad00\uacc4 \uad6c\ucd95<\/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 \uc778\uc99d\uc11c\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>\ud488\uc9c8 \uc778\uc99d\uc11c<\/h5>\n<p>ISO, REACH, EcoVadis \uae30\uc900<\/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\">\uace0\uac1d \ub9cc\uc871\ub3c4<\/span>\n                        <\/div>\n<div class=\"stat-bubble\">\n                            <span class=\"stat-number\">40+<\/span><br \/>\n                            <span class=\"stat-text\">\uc11c\ube44\uc2a4 \uad6d\uac00<\/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\/ko\/wp-json\/wp\/v2\/pages\/5008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/comments?post=5008"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5008\/revisions"}],"predecessor-version":[{"id":5012,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5008\/revisions\/5012"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/ko\/wp-json\/wp\/v2\/media?parent=5008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}