{"id":5329,"date":"2025-12-08T03:56:02","date_gmt":"2025-12-08T03:56:02","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5329"},"modified":"2025-12-10T03:36:55","modified_gmt":"2025-12-10T03:36:55","slug":"integrity-in-action","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/fr\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/","title":{"rendered":"Int\u00e9grit\u00e9 en action"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"integrity-modern-banner\">\n<div class=\"integrity-modern-container\">\n<div class=\"integrity-modern-content\">\n<div class=\"integrity-modern-visual\">\n<div class=\"integrity-image-wrapper\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen-perfessional.jpg\" alt=\"Int\u00e9grit\u00e9 en action\" class=\"integrity-featured-image\">\n                <\/div>\n<div class=\"integrity-decorative-elements\">\n<div class=\"decorative-circle decorative-circle-1\"><\/div>\n<div class=\"decorative-circle decorative-circle-2\"><\/div>\n<div class=\"decorative-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"integrity-modern-text\">\n<div class=\"integrity-tag\">Leadership Excellence<\/div>\n<h1 class=\"integrity-modern-title\">Int\u00e9grit\u00e9 en action<\/h1>\n<p class=\"integrity-modern-description\">\n                    Nous privil\u00e9gions un leadership efficace et nous engageons \u00e0 mener nos affaires de mani\u00e8re transparente et responsable.\n                <\/p>\n<div class=\"integrity-metrics\">\n<div class=\"metric-item\">\n                        <span class=\"metric-number\">100%<\/span><br \/>\n                        <span class=\"metric-label\">Transparent<\/span>\n                    <\/div>\n<div class=\"metric-divider\"><\/div>\n<div class=\"metric-item\">\n                        <span class=\"metric-number\">24\/7<\/span><br \/>\n                        <span class=\"metric-label\">Responsable<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"integrity-modern-bg\">\n<div class=\"floating-element floating-element-1\"><\/div>\n<div class=\"floating-element floating-element-2\"><\/div>\n<div class=\"floating-element floating-element-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .integrity-modern-banner {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\n        padding: 100px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .integrity-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .integrity-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 80px;\n        align-items: center;\n    }<\/p>\n<p>    .integrity-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 300px;\n    }<\/p>\n<p>    \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\n    .integrity-image-wrapper {\n        position: relative;\n        width: auto;\n        max-width: 100%;\n        border-radius: 30px;\n        overflow: hidden;\n        box-shadow: \n            0 20px 60px rgba(0, 0, 0, 0.3),\n            0 0 0 1px rgba(255, 255, 255, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        animation: integrity-image-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .integrity-image-wrapper:hover {\n        transform: translateY(-10px);\n        box-shadow: \n            0 30px 80px rgba(0, 0, 0, 0.4),\n            0 0 0 1px rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .integrity-featured-image {\n        width: auto;\n        height: auto;\n        max-width: 100%;\n        max-height: 450px;\n        display: block;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .integrity-image-wrapper:hover .integrity-featured-image {\n        transform: scale(1.02);\n    }<\/p>\n<p>    \/* \u88c5\u9970\u5143\u7d20 *\/\n    .integrity-decorative-elements {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .decorative-circle {\n        position: absolute;\n        border-radius: 50%;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n        background: rgba(255, 255, 255, 0.05);\n        backdrop-filter: blur(5px);\n    }<\/p>\n<p>    .decorative-circle-1 {\n        width: 60px;\n        height: 60px;\n        top: -20px;\n        right: -20px;\n        animation: integrity-decorative-float 8s ease-in-out infinite;\n    }<\/p>\n<p>    .decorative-circle-2 {\n        width: 40px;\n        height: 40px;\n        bottom: 30px;\n        left: -15px;\n        animation: integrity-decorative-float 8s ease-in-out infinite;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .decorative-line {\n        position: absolute;\n        width: 80px;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n        bottom: -30px;\n        left: 50%;\n        transform: translateX(-50%);\n        animation: integrity-line-pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    .integrity-modern-text {\n        color: white;\n    }<\/p>\n<p>    .integrity-tag {\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(10px);\n        padding: 8px 20px;\n        border-radius: 20px;\n        font-size: 0.9rem;\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: 0.5px;\n    }<\/p>\n<p>    .integrity-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 4rem;\n        font-weight: 800;\n        margin: 0 0 30px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 50%, #e6f3ff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .integrity-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.4rem;\n        line-height: 1.6;\n        margin: 0 0 40px 0;\n        opacity: 0.9;\n        font-weight: 300;\n        max-width: 500px;\n    }<\/p>\n<p>    .integrity-metrics {\n        display: flex;\n        align-items: center;\n        gap: 30px;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(20px);\n        padding: 24px 32px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        width: fit-content;\n    }<\/p>\n<p>    .metric-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n    }<\/p>\n<p>    .metric-number {\n        font-size: 2rem;\n        font-weight: 800;\n        line-height: 1;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 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        font-weight: 500;\n        opacity: 0.8;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .metric-divider {\n        width: 1px;\n        height: 40px;\n        background: rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .integrity-modern-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .floating-element {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 50%;\n        animation: integrity-float-element 12s ease-in-out infinite;\n    }<\/p>\n<p>    .floating-element-1 {\n        width: 100px;\n        height: 100px;\n        top: 10%;\n        left: 10%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .floating-element-2 {\n        width: 60px;\n        height: 60px;\n        top: 70%;\n        right: 15%;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .floating-element-3 {\n        width: 80px;\n        height: 80px;\n        bottom: 20%;\n        left: 20%;\n        animation-delay: -8s;\n    }<\/p>\n<p>    \/* \u52a8\u753b *\/\n    @keyframes integrity-image-float {\n        0%, 100% {\n            transform: translateY(0px);\n        }\n        50% {\n            transform: translateY(-15px);\n        }\n    }<\/p>\n<p>    @keyframes integrity-decorative-float {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.5;\n        }\n        50% {\n            transform: translateY(-20px) scale(1.1);\n            opacity: 0.8;\n        }\n    }<\/p>\n<p>    @keyframes integrity-line-pulse {\n        0%, 100% {\n            opacity: 0.3;\n            transform: translateX(-50%) scaleX(1);\n        }\n        50% {\n            opacity: 0.8;\n            transform: translateX(-50%) scaleX(1.2);\n        }\n    }<\/p>\n<p>    @keyframes integrity-float-element {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.3;\n        }\n        50% {\n            transform: translateY(-30px) scale(1.2);\n            opacity: 0.6;\n        }\n    }<\/p>\n<p>    .integrity-modern-banner::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n            radial-gradient(circle at 75% 75%, rgba(240, 147, 251, 0.15) 0%, transparent 50%);\n        z-index: 1;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .integrity-modern-content {\n            grid-template-columns: 1fr;\n            gap: 60px;\n            text-align: center;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 250px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 350px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .integrity-modern-banner {\n            padding: 80px 15px;\n            min-height: 400px;\n        }<\/p>\n<p>        .integrity-modern-title {\n            font-size: 3rem;\n        }<\/p>\n<p>        .integrity-modern-description {\n            font-size: 1.2rem;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 200px;\n        }<\/p>\n<p>        .integrity-image-wrapper {\n            border-radius: 24px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 300px;\n        }<\/p>\n<p>        .integrity-metrics {\n            padding: 20px 24px;\n            gap: 20px;\n        }<\/p>\n<p>        .metric-number {\n            font-size: 1.6rem;\n        }<\/p>\n<p>        .decorative-circle-1,\n        .decorative-circle-2 {\n            display: none;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .integrity-modern-banner {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .integrity-modern-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .integrity-modern-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 180px;\n        }<\/p>\n<p>        .integrity-image-wrapper {\n            border-radius: 20px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 250px;\n        }<\/p>\n<p>        .integrity-metrics {\n            flex-direction: column;\n            gap: 16px;\n            padding: 16px 20px;\n        }<\/p>\n<p>        .metric-divider {\n            width: 40px;\n            height: 1px;\n        }<\/p>\n<p>        .floating-element-1,\n        .floating-element-2,\n        .floating-element-3 {\n            display: none;\n        }<\/p>\n<p>        .decorative-line {\n            display: none;\n        }\n    }\n<\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"5\">\n<div class=\"integrity-content-section\">\n<div class=\"integrity-content-container\">\n        <!-- Main Header --><\/p>\n<div class=\"integrity-header\">\n<h2 class=\"integrity-main-title\">Nous agissons avec une honn\u00eatet\u00e9 et une int\u00e9grit\u00e9 in\u00e9branlables dans tout ce que nous faisons<\/h2>\n<\/p><\/div>\n<p>        <!-- Integrity Principles Grid --><\/p>\n<div class=\"integrity-principles\">\n            <!-- Placing Integrity Above All Else --><\/p>\n<div class=\"principle-card principle-featured\">\n<div class=\"principle-image\">\n                    <img height=\"1541\" width=\"2312\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/a-diverse-team-of-professionals-shares-ideas-about-2025-10-09-18-57-29-utc.jpg\" alt=\"Vendeuse professionnelle LANDU\" loading=\"lazy\"><\/p>\n<div class=\"principle-overlay\">\n<div class=\"principle-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1Z\" fill=\"white\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Mettre l'int\u00e9grit\u00e9 avant tout<\/h3>\n<p class=\"principle-description\">\n                        Chez LANDU, la conduite \u00e9thique et la transparence d\u00e9finissent chaque interaction commerciale. Nous privil\u00e9gions l'int\u00e9grit\u00e9 avant le gain personnel, en assumant pleinement nos responsabilit\u00e9s et en respectant nos engagements \u2014 m\u00eame lorsque personne ne regarde.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Respecting Customer Intelligence --><\/p>\n<div class=\"principle-card principle-secondary\">\n<div class=\"principle-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Professional-Sales-Discussion.jpg\" alt=\"Discussion de vente professionnelle LANDU\" loading=\"lazy\"><\/p>\n<div class=\"principle-overlay\">\n<div class=\"principle-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/circle>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Respectons l'intelligence de nos clients<\/h3>\n<p class=\"principle-description\">\n                        Une v\u00e9ritable honn\u00eatet\u00e9 envers les clients va au-del\u00e0 du simple fait de dire la v\u00e9rit\u00e9. Elle exige de la transparence, de l'int\u00e9grit\u00e9 et de la fiabilit\u00e9 \u2014 des qualit\u00e9s qui constituent la base de la confiance et de relations durables avec ceux que nous servons.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Business Ethics --><\/p>\n<div class=\"principle-card principle-ethics\">\n<div class=\"ethics-icon-wrapper\">\n<div class=\"ethics-geometric-bg\">\n<div class=\"geo-shape geo-shape-1\"><\/div>\n<div class=\"geo-shape geo-shape-2\"><\/div>\n<div class=\"geo-shape geo-shape-3\"><\/div>\n<\/p><\/div>\n<div class=\"ethics-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 12L11 14L15 10\" stroke=\"white\" 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 3C16.97 3 21 7.03 21 12Z\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Engagement envers l'\u00e9thique professionnelle et les pratiques de d\u00e9nonciation<\/h3>\n<p class=\"principle-description\">\n                        Nous respectons des lignes directrices compl\u00e8tes de responsabilit\u00e9 sociale des entreprises, couvrant des domaines tels que la lutte contre la corruption, la concurrence loyale, l'approvisionnement responsable, ainsi que les protocoles pour la gestion environnementale, la sant\u00e9 et la s\u00e9curit\u00e9 au travail, et la protection des droits de l'homme.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Workplace Culture --><\/p>\n<div class=\"principle-card principle-culture\">\n<div class=\"culture-header\">\n<h3 class=\"principle-title\">Favoriser une culture d'int\u00e9grit\u00e9 sur le lieu de travail<\/h3>\n<p class=\"culture-subtitle\">Nous cultivons un environnement o\u00f9 chaque membre de l'\u00e9quipe est habilit\u00e9 \u00e0 :<\/p>\n<\/p><\/div>\n<div class=\"culture-list\">\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#4A90E2\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Maintenez un \u00e9quilibre sain entre vie professionnelle et vie priv\u00e9e.<\/span>\n                    <\/div>\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad2)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#20B2AA\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Soutenez l'honn\u00eatet\u00e9 et soyez reconnu pour cela.<\/span>\n                    <\/div>\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad3)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#20B2AA\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#4A90E2\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Traitez chaque client avec \u00e9quit\u00e9 et respect.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .integrity-content-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 50%, #e0f2f1 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .integrity-content-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .integrity-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .integrity-main-title {\n        font-size: 3.2rem;\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: 0;\n        line-height: 1.2;\n        max-width: 900px;\n        margin: 0 auto;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .integrity-principles {\n        display: grid;\n        grid-template-columns: 1fr 1fr;  \/* \u4fee\u6539\u4e3a\u5404\u5360\u4e00\u534a *\/\n        grid-template-rows: auto auto auto;\n        gap: 30px;\n    }<\/p>\n<p>    .principle-card {\n        background: white;\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 8px 32px rgba(74, 144, 226, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 1px solid rgba(74, 144, 226, 0.08);\n    }<\/p>\n<p>    .principle-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .principle-featured {\n        grid-row: span 1;\n        grid-column: span 1;  \/* \u6dfb\u52a0\u8fd9\u884c *\/\n    }<\/p>\n<p>    .principle-secondary {\n        grid-row: span 1;\n        grid-column: span 1;  \/* \u6dfb\u52a0\u8fd9\u884c *\/\n    }<\/p>\n<p>    .principle-ethics {\n        grid-column: span 2;\n        display: flex;\n        align-items: center;\n        gap: 40px;\n        padding: 40px;\n    }<\/p>\n<p>    .principle-culture {\n        grid-column: span 2;\n        padding: 40px;\n    }<\/p>\n<p>    .principle-image {\n        position: relative;\n        height: 280px;\n        overflow: hidden;\n    }<\/p>\n<p>    .principle-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .principle-card:hover .principle-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .principle-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.8) 0%, rgba(46, 139, 87, 0.8) 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .principle-card:hover .principle-overlay {\n        opacity: 1;\n    }<\/p>\n<p>    .principle-icon {\n        width: 60px;\n        height: 60px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        backdrop-filter: blur(10px);\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .principle-icon svg {\n        width: 30px;\n        height: 30px;\n    }<\/p>\n<p>    .principle-content {\n        padding: 32px;\n    }<\/p>\n<p>    .principle-title {\n        font-size: 1.6rem;\n        font-weight: 700;\n        color: #2d3748;\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .principle-description {\n        color: #4a5568;\n        font-size: 1.05rem;\n        line-height: 1.6;\n        margin: 0;\n    }<\/p>\n<p>    \/* Ethics Card Specific Styles *\/\n    .ethics-icon-wrapper {\n        flex-shrink: 0;\n        position: relative;\n        width: 200px;\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .ethics-geometric-bg {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    .geo-shape {\n        position: absolute;\n        border-radius: 20px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(46, 139, 87, 0.1) 100%);\n        border: 1px solid rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .geo-shape-1 {\n        width: 100%;\n        height: 100%;\n        animation: ethics-rotate 20s linear infinite;\n    }<\/p>\n<p>    .geo-shape-2 {\n        width: 70%;\n        height: 70%;\n        top: 15%;\n        left: 15%;\n        transform: rotate(45deg);\n        animation: ethics-rotate 20s linear infinite reverse;\n    }<\/p>\n<p>    .geo-shape-3 {\n        width: 40%;\n        height: 40%;\n        top: 30%;\n        left: 30%;\n        transform: rotate(90deg);\n        animation: ethics-rotate 20s linear infinite;\n    }<\/p>\n<p>    .ethics-icon {\n        position: relative;\n        z-index: 2;\n        width: 80px;\n        height: 80px;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 8px 32px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .ethics-icon svg {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    \/* Culture Card Specific Styles *\/\n    .culture-header {\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .culture-subtitle {\n        color: #4a5568;\n        font-size: 1.1rem;\n        margin: 12px 0 0 0;\n    }<\/p>\n<p>    .culture-list {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }<\/p>\n<p>    .culture-item {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        padding: 16px 20px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        border-radius: 12px;\n        transition: all 0.3s ease;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .culture-item:hover {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(32, 178, 170, 0.1) 100%);\n        transform: translateX(8px);\n        border-color: rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .culture-bullet {\n        flex-shrink: 0;\n        width: 12px;\n        height: 12px;\n    }<\/p>\n<p>    .culture-item span {\n        color: #4a5568;\n        font-size: 1.05rem;\n        font-weight: 500;\n    }<\/p>\n<p>    @keyframes ethics-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .integrity-principles {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            grid-column: span 1;\n        }<\/p>\n<p>        .principle-ethics {\n            flex-direction: column;\n            text-align: center;\n            gap: 30px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .integrity-content-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .integrity-main-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .integrity-header {\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .principle-image {\n            height: 220px;\n        }<\/p>\n<p>        .principle-content {\n            padding: 24px;\n        }<\/p>\n<p>        .principle-title {\n            font-size: 1.4rem;\n        }<\/p>\n<p>        .principle-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            padding: 30px;\n        }<\/p>\n<p>        .ethics-icon-wrapper {\n            width: 150px;\n            height: 150px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .integrity-main-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .principle-content {\n            padding: 20px;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            padding: 24px;\n        }<\/p>\n<p>        .culture-item {\n            padding: 12px 16px;\n        }\n    }\n<\/style>\n<p><!-- Call to Action Section --><\/p>\n<div class=\"cta-section\">\n<div class=\"cta-container\">\n<div class=\"cta-content\">\n<h2 class=\"cta-title\">Ready to Experience LANDU\u2019s Commitment to Integrity?<\/h2>\n<p class=\"cta-description\">D\u00e9couvrez nos solutions innovantes ou contactez notre \u00e9quipe d\u00e9di\u00e9e d\u00e8s aujourd'hui.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n            <a href=\"https:\/\/hpmc.ae\/fr\/cellulose-ether-hpmc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-primary\"><br \/>\n                <span class=\"button-text\">View LANDU\u2019s Solutions<\/span><br \/>\n                <span class=\"button-icon\"><br \/>\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg><br \/>\n                <\/span><br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/hpmc.ae\/fr\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-secondary\"><br \/>\n                <span class=\"button-text\">Contactez-nous<\/span><br \/>\n                <span class=\"button-icon\"><br \/>\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg><br \/>\n                <\/span><br \/>\n            <\/a>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* Call to Action Section Styles *\/\n    .cta-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n    }<\/p>\n<p>    .cta-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }<\/p>\n<p>    .cta-content {\n        margin-bottom: 48px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 3rem;\n        font-weight: 800;\n        color: #ffffff;\n        margin: 0 0 20px 0;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .cta-description {\n        font-size: 1.25rem;\n        color: rgba(255, 255, 255, 0.95);\n        margin: 0;\n        line-height: 1.6;\n        max-width: 700px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .cta-buttons {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 24px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 40px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .cta-primary {\n        background: #ffffff;\n        color: #4A90E2;\n        border: 2px solid transparent;\n    }<\/p>\n<p>    .cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .cta-secondary {\n        background: transparent;\n        color: #ffffff;\n        border: 2px solid #ffffff;\n    }<\/p>\n<p>    .cta-secondary:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-3px);\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .button-text {\n        position: relative;\n    }<\/p>\n<p>    .button-icon {\n        width: 24px;\n        height: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .cta-button:hover .button-icon {\n        transform: translateX(4px);\n    }<\/p>\n<p>    .button-icon svg {\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    \/* Responsive Design for CTA Section *\/\n    @media (max-width: 768px) {\n        .cta-section {\n            padding: 80px 20px;\n        }<\/p>\n<p>        .cta-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .cta-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .cta-buttons {\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .cta-button {\n            width: 100%;\n            max-width: 320px;\n            justify-content: center;\n            padding: 16px 32px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .cta-section {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .cta-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .cta-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .cta-content {\n            margin-bottom: 36px;\n        }<\/p>\n<p>        .cta-button {\n            font-size: 1rem;\n            padding: 14px 28px;\n        }\n    }\n<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Leadership Excellence Integrity in Action We prioritize effective leadership and are committed to conducting business transparently and responsibly. 100% Transparent 24\/7 Accountable We Act with Unwavering Honesty and Integrity in All We Do Placing Integrity Above All Else At LANDU, ethical conduct and transparency define every business interaction. We place integrity ahead of personal gain, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/comments?post=5329"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5329\/revisions"}],"predecessor-version":[{"id":5330,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5329\/revisions\/5330"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/media?parent=5329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}