{"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\/lv\/sustainability-in-landu\/planet-our-commitment-to-sustainable-living\/","title":{"rendered":"Plan\u0113ta: M\u016bsu ap\u0146em\u0161an\u0101s veicin\u0101t ilgtsp\u0113j\u012bgu dz\u012bvesveidu"},"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                    Ilgtsp\u0113j\u012bga inov\u0101cija\n                <\/div>\n<h1 class=\"planet-modern-title\">\n                    <span class=\"title-line\">Plan\u0113ta: M\u016bsu ap\u0146em\u0161an\u0101s<\/span><br \/>\n                    <span class=\"title-line\">ilgtsp\u0113j\u012bgai dz\u012bvei<\/span><br \/>\n                <\/h1>\n<p class=\"planet-modern-description\">\n                    LANDU izmanto atjaunojamus materi\u0101lus, lai rad\u012btu ilgtsp\u0113j\u012bgus, inovat\u012bvus produktus, kas samazina oglek\u013ca p\u0113das nospiedumu. M\u0113s sadarbojamies ar ieinteres\u0113taj\u0101m pus\u0113m, lai veicin\u0101tu progresu un nodro\u0161in\u0101tu dro\u0161\u0101ku, ilgtsp\u0113j\u012bgu n\u0101kotni visiem.\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\">Atjaunojamu resursu uzman\u012bba<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">Nulle<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">Atkritumu m\u0113r\u0137is<\/span>\n                    <\/div>\n<div class=\"metric-item\">\n<div class=\"metric-header\">\n                            <span class=\"metric-number\">Oglek\u013ca<\/span><\/p>\n<div class=\"metric-indicator\"><\/div>\n<\/p><\/div>\n<p>                        <span class=\"metric-label\">Nekoncentr\u0113ts<\/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\">Glob\u0101lie izaicin\u0101jumi, ilgtsp\u0113j\u012bgi risin\u0101jumi<\/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                        \u0160ie biolo\u0123iski balst\u012btie risin\u0101jumi ir paredz\u0113ti k\u0101 augstas veiktsp\u0113jas alternat\u012bvas tradicion\u0101lajiem naftas produktiem, pal\u012bdzot nozar\u0113m veikt iz\u0161\u0137iro\u0161u soli uz ilgtsp\u0113ju. No b\u016bvniec\u012bbas materi\u0101liem, kas samazina vides ietekmi, nezaud\u0113jot stipr\u012bbu, l\u012bdz farmaceitiskajiem risin\u0101jumiem, kas prasa konsekvenci un dro\u0161\u012bbu, m\u016bsu produkti \u013cauj uz\u0146\u0113mumiem sasniegt gan veiktsp\u0113jas, gan ilgtsp\u0113j\u012bbas m\u0113r\u0137us vienlaikus.\n                    <\/p>\n<div class=\"challenge-conclusion\">\n<p>Aizst\u0101jot ierobe\u017eotos fosil\u0101s ener\u0123ijas resursus ar atjaunojamiem variantiem, m\u0113s veicin\u0101m cirkul\u0101ro ekonomiku, kas ir izdev\u012bga gan cilv\u0113kiem, gan plan\u0113tai, tagad un n\u0101kotn\u0113.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">Uzzin\u0101t vair\u0101k<\/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 darba apm\u0101c\u012bbas\" 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>Ilgtsp\u0113j\u012bga inov\u0101cija<\/h5>\n<p>N\u0101kotnes darbasp\u0113ka apm\u0101c\u012bba<\/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=\"Iepirkuma izejvielu celulozes e\u013c\u013ca\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Augstas kvalit\u0101tes izejvielas<\/h5>\n<p>Celulozes e\u013c\u013cas ra\u017eo\u0161ana<\/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 kvalit\u0101tes kontrole\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Kvalit\u0101tes nodro\u0161in\u0101\u0161ana<\/h5>\n<p>V\u0113r\u012bgas test\u0113\u0161anas standarti<\/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\">P\u0101rbaud\u012bti produkti ar zemu ietekmi uz vidi<\/h2>\n<p class=\"section-description\">\n                        Ilgtsp\u0113j\u012bba ir vad\u012bbas princips katr\u0101 m\u016bsu inov\u0101ciju procesa posm\u0101, s\u0101kot no s\u0101kotn\u0113j\u0101s idejas l\u012bdz produkta pieg\u0101dei. M\u0113s priorit\u0101ri att\u012bst\u0101m risin\u0101jumus, kas ir ne tikai efekt\u012bvi un uzticami, bet ar\u012b ac\u012bmredzami lab\u0101ki videi.\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\">Gaisa sadeg\u0161anas emisijas<\/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\">\u016adens resursu taup\u012b\u0161ana<\/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\">Ener\u0123ijas efektivit\u0101te<\/span>\n                        <\/div>\n<\/p><\/div>\n<p class=\"section-description\">\n                        M\u016bsu p\u0113t\u012bjumu komandas nep\u0101rtraukti izp\u0113ta jaunas tehnolo\u0123ijas un metodes, lai v\u0113l vair\u0101k samazin\u0101tu m\u016bsu produktu ietekmi uz vidi, nodro\u0161inot, ka katrs progress ir pamatots ar m\u0113r\u0101miem uzlabojumiem.\n                    <\/p>\n<p>                    <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                        <span class=\"btn-text\">Uzzin\u0101t vair\u0101k<\/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\">Ilgtsp\u0113ja katr\u0101 klienta risin\u0101jum\u0101<\/h2>\n<p class=\"hero-description\">\n                    Daudziem m\u016bsu klientiem ilgtsp\u0113ja nav tikai izv\u0113le \u2014 t\u0101 ir k\u013cuvusi par galveno vi\u0146u z\u012bmola sol\u012bjuma un darb\u012bbas strat\u0113\u0123ijas sast\u0101vda\u013cu. LANDU atbalsta \u0161\u012bs amb\u012bcijas, pied\u0101v\u0101jot produktus, kas sniedz skaidras, pier\u0101d\u0101mas vides priek\u0161roc\u012bbas.\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>Partner\u012bbas pieeja<\/h4>\n<p>M\u0113s cie\u0161i sadarbojamies ar partneriem, lai izprastu vi\u0146u ilgtsp\u0113jas m\u0113r\u0137us un atbilst\u012bbas vajadz\u012bbas.<\/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>Pier\u0101d\u0101mas priek\u0161roc\u012bbas<\/h4>\n<p>M\u016bsu risin\u0101jumi sniedz skaidras vides priek\u0161roc\u012bbas ar m\u0113r\u0101miem ietekmes datiem.<\/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>Tirgus konkur\u0113tsp\u0113ja<\/h4>\n<p>Iesp\u0113jojiet klientus pied\u0101v\u0101t dro\u0161\u0101kus, za\u013c\u0101kus produktus, vienlaikus saglab\u0101jot veiktsp\u0113jas standartus.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"customer-conclusion\">\n<p>Pied\u0101v\u0101jot atjaunojamus, biolo\u0123iskos materi\u0101lus, kas atbilst \u0161iem standartiem, m\u0113s pal\u012bdzam aizpild\u012bt plaisu starp v\u0113lmi un r\u012bc\u012bbu. M\u016bsu risin\u0101jumi ne tikai \u013cauj klientiem virz\u012bties uz priek\u0161u ar saviem vides m\u0113r\u0137iem, bet ar\u012b stiprina vi\u0146u tirgus konkur\u0113tsp\u0113ju.<\/p>\n<p>                        <a href=\"#\" class=\"modern-learn-btn\"><br \/>\n                            <span class=\"btn-text\">Uzzin\u0101t vair\u0101k<\/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 m\u0101rketinga person\u0101ls\" loading=\"lazy\" class=\"\" style=\"\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Klienta partner\u012bba<\/h5>\n<p>Veidojot ilgsto\u0161as attiec\u012bbas<\/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 sertifik\u0101ti\" loading=\"lazy\"><\/p>\n<div class=\"card-overlay\">\n<div class=\"overlay-content\">\n<h5>Kvalit\u0101tes sertifik\u0101ti<\/h5>\n<p>ISO, REACH, EcoVadis standarti<\/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\">Klientu apmierin\u0101t\u012bba<\/span>\n                        <\/div>\n<div class=\"stat-bubble\">\n                            <span class=\"stat-number\">40+<\/span><br \/>\n                            <span class=\"stat-text\">Valstis, kur\u0101s sniedzam pakalpojumus<\/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\/lv\/wp-json\/wp\/v2\/pages\/5008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/comments?post=5008"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/pages\/5008\/revisions"}],"predecessor-version":[{"id":5012,"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/pages\/5008\/revisions\/5012"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/lv\/wp-json\/wp\/v2\/media?parent=5008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}