{"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\/tr\/sustainability-in-landu\/planet-our-commitment-to-sustainable-living\/","title":{"rendered":"Gezegen: S\u00fcrd\u00fcr\u00fclebilir Ya\u015fama Olan Ba\u011fl\u0131l\u0131\u011f\u0131m\u0131z"},"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                    S\u00fcrd\u00fcr\u00fclebilir Yenilik\n                <\/div>\n<h1 class=\"planet-modern-title\">\n                    <span class=\"title-line\">Gezegen: Taahh\u00fcd\u00fcm\u00fcz<\/span><br \/>\n                    <span class=\"title-line\">S\u00fcrd\u00fcr\u00fclebilir Ya\u015fam \u0130\u00e7in<\/span><br \/>\n                <\/h1>\n<p class=\"planet-modern-description\">\n                    LANDU, karbon ayak izlerini azaltan s\u00fcrd\u00fcr\u00fclebilir, yenilik\u00e7i \u00fcr\u00fcnler yaratmak i\u00e7in yenilenebilir malzemeler kullan\u0131r. \u0130lerlemeyi te\u015fvik etmek ve herkes i\u00e7in daha g\u00fcvenli, s\u00fcrd\u00fcr\u00fclebilir bir gelecek sa\u011flamak amac\u0131yla payda\u015flarla i\u015fbirli\u011fi yapar.\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\">Yenilenebilir Odak<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">S\u0131f\u0131r<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">At\u0131k Hedefi<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">Karbon<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">N\u00f6tr<\/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\">K\u00fcresel Zorluklar, S\u00fcrd\u00fcr\u00fclebilir \u00c7\u00f6z\u00fcmler<\/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                        Bu biyobazl\u0131 \u00e7\u00f6z\u00fcmler, geleneksel petrol t\u00fcrevli \u00fcr\u00fcnlere y\u00fcksek performansl\u0131 alternatifler olarak tasarlanm\u0131\u015ft\u0131r ve end\u00fcstrilerin s\u00fcrd\u00fcr\u00fclebilirli\u011fe kararl\u0131 ad\u0131mlar atmas\u0131na yard\u0131mc\u0131 olur. G\u00fc\u00e7ten \u00f6d\u00fcn vermeden \u00e7evresel etkiyi azaltan in\u015faat malzemelerinden, tutarl\u0131l\u0131k ve g\u00fcvenlik gerektiren farmas\u00f6tik uygulamalara kadar, \u00fcr\u00fcnlerimiz i\u015fletmelerin performans ve s\u00fcrd\u00fcr\u00fclebilirlik hedeflerine ayn\u0131 anda ula\u015fmas\u0131n\u0131 sa\u011flar.\n                    <\/p>\n<div class=\"challenge-conclusion\">\n<p>S\u0131n\u0131rl\u0131 fosil kaynaklar\u0131n\u0131 yenilenebilir se\u00e7eneklerle de\u011fi\u015ftirerek, hem insanlara hem de gezegene fayda sa\u011flayan d\u00f6ng\u00fcsel ekonomiye katk\u0131da bulunuyoruz, \u015fimdi ve gelecekte.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">Daha Fazla Bilgi Edinin<\/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 \u0130\u015fba\u015f\u0131 E\u011fitimi\" 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>S\u00fcrd\u00fcr\u00fclebilir Yenilik<\/h5>\n<p>Gelece\u011fin i\u015f g\u00fcc\u00fcn\u00fc e\u011fitmek<\/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=\"Hammadde Sel\u00fcloz Eter\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Premium Ham Maddeler<\/h5>\n<p>Sel\u00fcloz ether \u00fcretimi<\/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 Kalite Kontrol\u00fc\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Kalite G\u00fcvencesi<\/h5>\n<p>S\u0131k\u0131 test standartlar\u0131<\/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\">D\u00fc\u015f\u00fck \u00c7evresel Etkili Kan\u0131tlanm\u0131\u015f \u00dcr\u00fcnler<\/h2>\n<p class=\"section-description\">\n                        S\u00fcrd\u00fcr\u00fclebilirlik, inovasyon s\u00fcrecimizin her a\u015famas\u0131nda rehber ilkedir; ilk fikirden \u00fcr\u00fcn teslimine kadar. Sadece etkili ve g\u00fcvenilir \u00e7\u00f6z\u00fcmler geli\u015ftirmeyi de\u011fil, ayn\u0131 zamanda \u00e7evreye daha iyi olan \u00e7\u00f6z\u00fcmler geli\u015ftirmeyi \u00f6nceliklendiriyoruz.\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\">Seragaz\u0131 Emisyonlar\u0131<\/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\">Su Tasarrufu<\/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\">Enerji Verimlili\u011fi<\/span>\n                        <\/div>\n<\/p><\/div>\n<p class=\"section-description\">\n                        Ara\u015ft\u0131rma ekiplerimiz, \u00fcr\u00fcnlerimizin \u00e7evresel ayak izini daha da azaltmak i\u00e7in yeni teknikler ve teknolojiler s\u00fcrekli olarak ke\u015ffediyor, her geli\u015fmenin \u00f6l\u00e7\u00fclebilir iyile\u015ftirmelerle desteklendi\u011finden emin oluyor.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                        <span class=\"btn-text\">Daha Fazla Bilgi Edinin<\/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\">Her M\u00fc\u015fteri \u00c7\u00f6z\u00fcm\u00fcnde S\u00fcrd\u00fcr\u00fclebilirlik<\/h2>\n<p class=\"hero-description\">\n                    Bir\u00e7ok m\u00fc\u015fterimiz i\u00e7in s\u00fcrd\u00fcr\u00fclebilirlik sadece bir tercih de\u011fil\u2014marka vaadlerinin ve operasyonel stratejilerinin merkezi haline geldi. LANDU olarak, bu hedefleri desteklemek i\u00e7in a\u00e7\u0131k, kan\u0131ta dayal\u0131 \u00e7evresel faydalar sa\u011flayan \u00fcr\u00fcnler sunuyoruz.\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>Ortakl\u0131k Yakla\u015f\u0131m\u0131<\/h4>\n<p>Ortaklar\u0131m\u0131zla yak\u0131n \u00e7al\u0131\u015farak s\u00fcrd\u00fcr\u00fclebilirlik hedeflerini ve uyum ihtiya\u00e7lar\u0131n\u0131 anl\u0131yoruz.<\/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>Kan\u0131ta Dayal\u0131 Faydalar<\/h4>\n<p>\u00c7\u00f6z\u00fcmlerimiz, \u00f6l\u00e7\u00fclebilir etki verileriyle net \u00e7evresel avantajlar sa\u011flar.<\/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>Piyasa Rekabet\u00e7ili\u011fi<\/h4>\n<p>M\u00fc\u015fterilerin, performans standartlar\u0131n\u0131 koruyarak daha g\u00fcvenli, daha ye\u015fil \u00fcr\u00fcnler sunmas\u0131n\u0131 sa\u011flar.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"customer-conclusion\">\n<p>Bu standartlara uygun yenilenebilir, biyobazl\u0131 malzemeler tedarik ederek, arzu ile eylem aras\u0131ndaki bo\u015flu\u011fu kapatmaya yard\u0131mc\u0131 oluyoruz. \u00c7\u00f6z\u00fcmlerimiz, m\u00fc\u015fterilerin \u00e7evresel taahh\u00fctlerini ilerletmelerini sa\u011flamakla kalmaz, ayn\u0131 zamanda piyasa rekabet g\u00fc\u00e7lerini de art\u0131r\u0131r.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">Daha Fazla Bilgi Edinin<\/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 Pazarlama Personeli\" loading=\"lazy\" class=\"\" style=\"\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>M\u00fc\u015fteri Ortakl\u0131\u011f\u0131<\/h5>\n<p>Kal\u0131c\u0131 ili\u015fkiler kurmak<\/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 Sertifikalar\u0131\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Kalite Sertifikalar\u0131<\/h5>\n<p>ISO, REACH, EcoVadis standartlar\u0131<\/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\">M\u00fc\u015fteri Memnuniyeti<\/span>\n                        <\/div>\n<div class=\"stat-bubble\">\n                            <span class=\"stat-number\">40+<\/span><br \/>\n                            <span class=\"stat-text\">Hizmet Verilen \u00dclkeler<\/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\/tr\/wp-json\/wp\/v2\/pages\/5008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/comments?post=5008"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages\/5008\/revisions"}],"predecessor-version":[{"id":5012,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages\/5008\/revisions\/5012"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/media?parent=5008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}