{"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\/id\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/","title":{"rendered":"Integritas dalam Tindakan"},"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=\"Integritas dalam Tindakan\" 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\">Integritas dalam Tindakan<\/h1>\n<p class=\"integrity-modern-description\">\n                    Kami memprioritaskan kepemimpinan yang efektif dan berkomitmen untuk menjalankan bisnis secara transparan dan bertanggung jawab.\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\">Transparan<\/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\">Akuntabel<\/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\">Kami Bertindak dengan Kejujuran dan Integritas yang Teguh dalam Semua yang Kami Lakukan<\/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=\"Tenaga Penjualan Profesional 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\">Menempatkan Integritas di Atas Segalanya<\/h3>\n<p class=\"principle-description\">\n                        Di LANDU, perilaku etis dan transparansi mendefinisikan setiap interaksi bisnis. Kami menempatkan integritas di atas keuntungan pribadi, bertanggung jawab penuh atas tindakan kami dan menghormati komitmen \u2014 bahkan ketika tidak ada yang mengawasi.\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=\"Diskusi Penjualan Profesional 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\">Menghormati Kecerdasan Pelanggan Kami<\/h3>\n<p class=\"principle-description\">\n                        Kejujuran sejati terhadap pelanggan melampaui sekadar mengatakan yang sebenarnya. Dibutuhkan keterbukaan, integritas, dan keandalan \u2014 kualitas-kualitas yang menjadi dasar kepercayaan dan hubungan jangka panjang dengan mereka yang kami layani.\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\">Komitmen terhadap Etika Bisnis dan Praktik Pelaporan Pelanggaran<\/h3>\n<p class=\"principle-description\">\n                        Kami menjunjung tinggi pedoman tanggung jawab perusahaan yang komprehensif, mencakup bidang seperti anti-korupsi, persaingan sehat, pengadaan bertanggung jawab, serta protokol untuk pengelolaan lingkungan, kesehatan dan keselamatan tempat kerja, dan perlindungan hak asasi manusia.\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\">Membangun Budaya Integritas di Tempat Kerja<\/h3>\n<p class=\"culture-subtitle\">Kami menciptakan lingkungan di mana setiap anggota tim diberdayakan untuk:<\/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>Menjaga keseimbangan kerja\u2013hidup yang sehat.<\/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>Mendukung kejujuran dan diakui untuk itu.<\/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>Perlakukan setiap pelanggan dengan keadilan dan rasa hormat yang sama.<\/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\">Temukan solusi inovatif kami atau hubungi tim dedikasi kami hari ini.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n            <a href=\"https:\/\/hpmc.ae\/id\/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\/id\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-secondary\"><br \/>\n                <span class=\"button-text\">Hubungi Kami<\/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\/id\/wp-json\/wp\/v2\/pages\/5329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5329"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5329\/revisions"}],"predecessor-version":[{"id":5330,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5329\/revisions\/5330"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}