{"id":5327,"date":"2025-12-08T03:43:43","date_gmt":"2025-12-08T03:43:43","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5327"},"modified":"2025-12-08T03:43:43","modified_gmt":"2025-12-08T03:43:43","slug":"cellulose-ether-services","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/da\/service\/cellulose-ether-services\/","title":{"rendered":"Cellulosether Services"},"content":{"rendered":"<div class=\"cellulose-hero-banner-wrapper\">\n    <!-- Animated Background --><\/p>\n<div class=\"cellulose-hero-animated-bg\">\n<div class=\"cellulose-hero-wave-layer cellulose-hero-wave-1\"><\/div>\n<div class=\"cellulose-hero-wave-layer cellulose-hero-wave-2\"><\/div>\n<div class=\"cellulose-hero-wave-layer cellulose-hero-wave-3\"><\/div>\n<\/p><\/div>\n<p>    <!-- Geometric Patterns --><\/p>\n<div class=\"cellulose-hero-geometric-overlay\">\n<div class=\"cellulose-hero-hex-pattern\">\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-1\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-2\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-3\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-4\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-5\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-6\"><\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-circuit-lines\">\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-1\"><\/div>\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-2\"><\/div>\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-3\"><\/div>\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Main Content --><\/p>\n<div class=\"cellulose-hero-content\">\n<div class=\"cellulose-hero-content-wrapper\">\n<div class=\"cellulose-hero-left-section\">\n<div class=\"cellulose-hero-tech-badge\">\n<div class=\"cellulose-hero-badge-dot\"><\/div>\n<p>                    <span>Cellulose Technology<\/span>\n                <\/div>\n<h1 class=\"cellulose-hero-main-title\" style=\"font-size: 2.8em;\">\n                    Cellulosether Services<br \/>\n                <\/h1>\n<p class=\"cellulose-hero-description\">\n                    LANDU is a globally recognized leader in the field of cellulose technology services, specializing in global technical solutions.\n                <\/p>\n<div class=\"cellulose-hero-metrics-grid\">\n<div class=\"cellulose-hero-metric-card\">\n<div class=\"cellulose-hero-metric-value\">20+<\/div>\n<div class=\"cellulose-hero-metric-label\">\u00c5r<\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-metric-card\">\n<div class=\"cellulose-hero-metric-value\">50+<\/div>\n<div class=\"cellulose-hero-metric-label\">Lande<\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-metric-card\">\n<div class=\"cellulose-hero-metric-value\">1K+<\/div>\n<div class=\"cellulose-hero-metric-label\">Solutions<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-right-section\">\n<div class=\"cellulose-hero-visual-container\">\n                    <!-- 3D Molecular Visualization --><\/p>\n<div class=\"cellulose-hero-molecule-3d\">\n<div class=\"cellulose-hero-molecule-core\">\n<div class=\"cellulose-hero-orbital cellulose-hero-orbital-1\">\n<div class=\"cellulose-hero-electron cellulose-hero-e-1\"><\/div>\n<div class=\"cellulose-hero-electron cellulose-hero-e-2\"><\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-orbital cellulose-hero-orbital-2\">\n<div class=\"cellulose-hero-electron cellulose-hero-e-3\"><\/div>\n<div class=\"cellulose-hero-electron cellulose-hero-e-4\"><\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-orbital cellulose-hero-orbital-3\">\n<div class=\"cellulose-hero-electron cellulose-hero-e-5\"><\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-nucleus\">\n<div class=\"cellulose-hero-nucleus-core\"><\/div>\n<div class=\"cellulose-hero-energy-ring cellulose-hero-ring-1\"><\/div>\n<div class=\"cellulose-hero-energy-ring cellulose-hero-ring-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Chemical Formula Display --><\/p>\n<div class=\"cellulose-hero-formula-display\">\n<div class=\"cellulose-hero-formula-container\">\n<div class=\"cellulose-hero-formula-text\">C\u2086H\u2081\u2080O\u2085<\/div>\n<div class=\"cellulose-hero-formula-name\">Celluloseether<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Data Visualization --><\/p>\n<div class=\"cellulose-hero-data-viz\">\n<div class=\"cellulose-hero-data-bar cellulose-hero-bar-1\">\n<div class=\"cellulose-hero-bar-fill\"><\/div>\n<div class=\"cellulose-hero-bar-label\">Effektivitet<\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-data-bar cellulose-hero-bar-2\">\n<div class=\"cellulose-hero-bar-fill\"><\/div>\n<div class=\"cellulose-hero-bar-label\">Kvalitet<\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-data-bar cellulose-hero-bar-3\">\n<div class=\"cellulose-hero-bar-fill\"><\/div>\n<div class=\"cellulose-hero-bar-label\">Innovation<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Floating Particles --><\/p>\n<div class=\"cellulose-hero-particle-system\">\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-1\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-2\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-3\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-4\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-5\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-6\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-7\"><\/div>\n<div class=\"cellulose-hero-floating-particle cellulose-hero-p-8\"><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.cellulose-hero-banner-wrapper {\n    position: relative;\n    width: 100%;\n    height: 500px;\n    overflow: hidden;\n    background: linear-gradient(135deg, \n        #0f3460 0%, \n        #16537e 20%, \n        #1e6091 40%, \n        #2d8a8a 60%, \n        #40a3a3 80%, \n        #4db8b8 100%);\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    display: flex;\n    align-items: center;\n}<\/p>\n<p>\/* Animated Background *\/\n.cellulose-hero-animated-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}<\/p>\n<p>.cellulose-hero-wave-layer {\n    position: absolute;\n    width: 120%;\n    height: 120%;\n    background: radial-gradient(circle, rgba(64, 224, 208, 0.1) 0%, transparent 70%);\n    border-radius: 50%;\n    animation: cellulose-hero-wave-float 8s ease-in-out infinite;\n}<\/p>\n<p>.cellulose-hero-wave-1 {\n    top: -20%;\n    left: -10%;\n    animation-delay: 0s;\n    animation-duration: 12s;\n}<\/p>\n<p>.cellulose-hero-wave-2 {\n    top: -10%;\n    right: -20%;\n    animation-delay: 4s;\n    animation-duration: 10s;\n}<\/p>\n<p>.cellulose-hero-wave-3 {\n    bottom: -15%;\n    left: -15%;\n    animation-delay: 8s;\n    animation-duration: 14s;\n}<\/p>\n<p>@keyframes cellulose-hero-wave-float {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(30px, -20px) scale(1.1); }\n    66% { transform: translate(-20px, 30px) scale(0.9); }\n}<\/p>\n<p>\/* Geometric Overlay *\/\n.cellulose-hero-geometric-overlay {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n}<\/p>\n<p>.cellulose-hero-hex-pattern {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.cellulose-hero-hexagon {\n    position: absolute;\n    width: 60px;\n    height: 60px;\n    background: rgba(64, 224, 208, 0.1);\n    clip-path: polygon(30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%, 0% 50%);\n    animation: cellulose-hero-hex-rotate 20s linear infinite;\n}<\/p>\n<p>.cellulose-hero-hex-1 { top: 15%; left: 10%; animation-delay: 0s; }\n.cellulose-hero-hex-2 { top: 25%; right: 15%; animation-delay: 3s; }\n.cellulose-hero-hex-3 { top: 60%; left: 5%; animation-delay: 6s; }\n.cellulose-hero-hex-4 { bottom: 20%; right: 10%; animation-delay: 9s; }\n.cellulose-hero-hex-5 { top: 40%; left: 25%; animation-delay: 12s; }\n.cellulose-hero-hex-6 { bottom: 35%; right: 30%; animation-delay: 15s; }<\/p>\n<p>@keyframes cellulose-hero-hex-rotate {\n    0% { transform: rotate(0deg); opacity: 0.3; }\n    50% { opacity: 0.6; }\n    100% { transform: rotate(360deg); opacity: 0.3; }\n}<\/p>\n<p>.cellulose-hero-circuit-lines {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>.cellulose-hero-circuit-line {\n    position: absolute;\n    background: linear-gradient(90deg, transparent, rgba(64, 224, 208, 0.4), transparent);\n    height: 1px;\n    animation: cellulose-hero-circuit-pulse 4s ease-in-out infinite;\n}<\/p>\n<p>.cellulose-hero-circuit-1 { top: 20%; width: 30%; left: 0; }\n.cellulose-hero-circuit-2 { top: 45%; width: 25%; right: 0; animation-delay: 1s; }\n.cellulose-hero-circuit-3 { bottom: 30%; width: 35%; left: 10%; animation-delay: 2s; }\n.cellulose-hero-circuit-4 { bottom: 50%; width: 20%; right: 5%; animation-delay: 3s; }<\/p>\n<p>@keyframes cellulose-hero-circuit-pulse {\n    0%, 100% { opacity: 0; transform: scaleX(0); }\n    50% { opacity: 1; transform: scaleX(1); }\n}<\/p>\n<p>\/* Banner Content *\/\n.cellulose-hero-content {\n    position: relative;\n    z-index: 10;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    padding: 60px 0;\n}<\/p>\n<p>.cellulose-hero-content-wrapper {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    height: 100%;\n}<\/p>\n<p>\/* Left Section *\/\n.cellulose-hero-left-section {\n    color: white;\n}<\/p>\n<p>.cellulose-hero-tech-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: rgba(64, 224, 208, 0.15);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(64, 224, 208, 0.3);\n    padding: 12px 24px;\n    border-radius: 30px;\n    margin-bottom: 32px;\n    animation: cellulose-hero-badge-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes cellulose-hero-badge-pulse {\n    0%, 100% { box-shadow: 0 0 20px rgba(64, 224, 208, 0.2); }\n    50% { box-shadow: 0 0 35px rgba(64, 224, 208, 0.4); }\n}<\/p>\n<p>.cellulose-hero-badge-dot {\n    width: 8px;\n    height: 8px;\n    background: #40e0d0;\n    border-radius: 50%;\n    animation: cellulose-hero-dot-blink 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes cellulose-hero-dot-blink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.3; }\n}<\/p>\n<p>.cellulose-hero-tech-badge span {\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.cellulose-hero-main-title {\n    font-size: clamp(2.5rem, 5vw, 4.5rem);\n    font-weight: 900;\n    line-height: 1.1;\n    margin-bottom: 28px;\n    color: white;\n}<\/p>\n<p>.cellulose-hero-description {\n    font-size: 1.2rem;\n    color: rgba(255, 255, 255, 0.85);\n    line-height: 1.7;\n    margin-bottom: 40px;\n    max-width: 480px;\n}<\/p>\n<p>.cellulose-hero-metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 40px;\n}<\/p>\n<p>.cellulose-hero-metric-card {\n    text-align: center;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(64, 224, 208, 0.2);\n    padding: 20px 16px;\n    border-radius: 16px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.cellulose-hero-metric-card:hover {\n    background: rgba(64, 224, 208, 0.1);\n    border-color: rgba(64, 224, 208, 0.4);\n    transform: translateY(-4px);\n}<\/p>\n<p>.cellulose-hero-metric-value {\n    font-size: 1.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #40e0d0, #20b2aa);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 4px;\n}<\/p>\n<p>.cellulose-hero-metric-label {\n    font-size: 0.85rem;\n    color: rgba(255, 255, 255, 0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* Right Section *\/\n.cellulose-hero-right-section {\n    position: relative;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.cellulose-hero-visual-container {\n    position: relative;\n    width: 400px;\n    height: 400px;\n}<\/p>\n<p>\/* 3D Molecular Visualization *\/\n.cellulose-hero-molecule-3d {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 200px;\n    height: 200px;\n}<\/p>\n<p>.cellulose-hero-molecule-core {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: cellulose-hero-molecule-rotate 15s linear infinite;\n}<\/p>\n<p>@keyframes cellulose-hero-molecule-rotate {\n    0% { transform: rotateY(0deg) rotateX(0deg); }\n    100% { transform: rotateY(360deg) rotateX(360deg); }\n}<\/p>\n<p>.cellulose-hero-orbital {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border: 2px solid rgba(64, 224, 208, 0.3);\n    border-radius: 50%;\n    animation: cellulose-hero-orbital-spin 8s linear infinite;\n}<\/p>\n<p>.cellulose-hero-orbital-1 {\n    width: 120px;\n    height: 120px;\n    transform: translate(-50%, -50%) rotateX(0deg);\n    animation-duration: 6s;\n}<\/p>\n<p>.cellulose-hero-orbital-2 {\n    width: 160px;\n    height: 160px;\n    transform: translate(-50%, -50%) rotateX(60deg);\n    animation-duration: 8s;\n    animation-direction: reverse;\n}<\/p>\n<p>.cellulose-hero-orbital-3 {\n    width: 200px;\n    height: 200px;\n    transform: translate(-50%, -50%) rotateX(120deg);\n    animation-duration: 10s;\n}<\/p>\n<p>@keyframes cellulose-hero-orbital-spin {\n    0% { transform: translate(-50%, -50%) rotateZ(0deg); }\n    100% { transform: translate(-50%, -50%) rotateZ(360deg); }\n}<\/p>\n<p>.cellulose-hero-electron {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: #40e0d0;\n    border-radius: 50%;\n    box-shadow: 0 0 15px rgba(64, 224, 208, 0.8);\n}<\/p>\n<p>.cellulose-hero-e-1 { top: 0; left: 50%; transform: translateX(-50%); }\n.cellulose-hero-e-2 { bottom: 0; left: 50%; transform: translateX(-50%); }\n.cellulose-hero-e-3 { top: 50%; right: 0; transform: translateY(-50%); }\n.cellulose-hero-e-4 { top: 50%; left: 0; transform: translateY(-50%); }\n.cellulose-hero-e-5 { top: 0; right: 0; }<\/p>\n<p>.cellulose-hero-nucleus {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 40px;\n    height: 40px;\n}<\/p>\n<p>.cellulose-hero-nucleus-core {\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, #20b2aa, #40e0d0);\n    border-radius: 50%;\n    animation: cellulose-hero-nucleus-pulse 2s ease-in-out infinite;\n    box-shadow: 0 0 25px rgba(64, 224, 208, 0.6);\n}<\/p>\n<p>@keyframes cellulose-hero-nucleus-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.2); }\n}<\/p>\n<p>.cellulose-hero-energy-ring {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border: 1px solid rgba(64, 224, 208, 0.4);\n    border-radius: 50%;\n    animation: cellulose-hero-energy-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>.cellulose-hero-ring-1 {\n    width: 60px;\n    height: 60px;\n    transform: translate(-50%, -50%);\n    animation-delay: 0s;\n}<\/p>\n<p>.cellulose-hero-ring-2 {\n    width: 80px;\n    height: 80px;\n    transform: translate(-50%, -50%);\n    animation-delay: 1s;\n}<\/p>\n<p>@keyframes cellulose-hero-energy-pulse {\n    0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(1); }\n    50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }\n}<\/p>\n<p>\/* Chemical Formula Display *\/\n.cellulose-hero-formula-display {\n    position: absolute;\n    bottom: 40px;\n    left: 20px;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(15px);\n    border: 1px solid rgba(64, 224, 208, 0.3);\n    border-radius: 12px;\n    padding: 16px 20px;\n    animation: cellulose-hero-formula-glow 4s ease-in-out infinite;\n}<\/p>\n<p>@keyframes cellulose-hero-formula-glow {\n    0%, 100% { box-shadow: 0 0 20px rgba(64, 224, 208, 0.2); }\n    50% { box-shadow: 0 0 30px rgba(64, 224, 208, 0.4); }\n}<\/p>\n<p>.cellulose-hero-formula-container {\n    display: block;\n}<\/p>\n<p>.cellulose-hero-formula-text {\n    font-size: 1.6rem;\n    font-weight: 700;\n    color: #40e0d0;\n    margin-bottom: 4px;\n}<\/p>\n<p>.cellulose-hero-formula-name {\n    font-size: 0.9rem;\n    color: rgba(255, 255, 255, 0.8);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* Data Visualization *\/\n.cellulose-hero-data-viz {\n    position: absolute;\n    bottom: 20px;\n    right: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.cellulose-hero-data-bar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}<\/p>\n<p>.cellulose-hero-bar-fill {\n    width: 80px;\n    height: 4px;\n    background: rgba(64, 224, 208, 0.2);\n    border-radius: 2px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.cellulose-hero-bar-fill::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    background: linear-gradient(90deg, #20b2aa, #40e0d0);\n    border-radius: 2px;\n    animation: cellulose-hero-bar-fill-animation 3s ease-in-out infinite;\n}<\/p>\n<p>.cellulose-hero-bar-1 .cellulose-hero-bar-fill::after {\n    width: 90%;\n    animation-delay: 0s;\n}<\/p>\n<p>.cellulose-hero-bar-2 .cellulose-hero-bar-fill::after {\n    width: 75%;\n    animation-delay: 0.5s;\n}<\/p>\n<p>.cellulose-hero-bar-3 .cellulose-hero-bar-fill::after {\n    width: 85%;\n    animation-delay: 1s;\n}<\/p>\n<p>@keyframes cellulose-hero-bar-fill-animation {\n    0% { transform: scaleX(0); }\n    50% { transform: scaleX(1); }\n    100% { transform: scaleX(1); }\n}<\/p>\n<p>.cellulose-hero-bar-label {\n    font-size: 0.75rem;\n    color: rgba(255, 255, 255, 0.7);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    min-width: 60px;\n}<\/p>\n<p>\/* Particle System *\/\n.cellulose-hero-particle-system {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    pointer-events: none;\n}<\/p>\n<p>.cellulose-hero-floating-particle {\n    position: absolute;\n    width: 3px;\n    height: 3px;\n    background: rgba(64, 224, 208, 0.6);\n    border-radius: 50%;\n    animation: cellulose-hero-particle-drift 12s linear infinite;\n}<\/p>\n<p>.cellulose-hero-p-1 { top: 10%; left: 5%; animation-delay: 0s; }\n.cellulose-hero-p-2 { top: 20%; right: 10%; animation-delay: 1.5s; }\n.cellulose-hero-p-3 { top: 40%; left: 15%; animation-delay: 3s; }\n.cellulose-hero-p-4 { top: 60%; right: 5%; animation-delay: 4.5s; }\n.cellulose-hero-p-5 { top: 80%; left: 10%; animation-delay: 6s; }\n.cellulose-hero-p-6 { top: 30%; left: 50%; animation-delay: 7.5s; }\n.cellulose-hero-p-7 { top: 70%; right: 30%; animation-delay: 9s; }\n.cellulose-hero-p-8 { top: 50%; left: 80%; animation-delay: 10.5s; }<\/p>\n<p>@keyframes cellulose-hero-particle-drift {\n    0% { transform: translateY(0px) translateX(0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translateY(-50px) translateX(30px); opacity: 0; }\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .cellulose-hero-content-wrapper {\n        padding: 0 30px;\n        gap: 60px;\n    }<\/p>\n<p>    .cellulose-hero-visual-container {\n        width: 350px;\n        height: 350px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .cellulose-hero-content-wrapper {\n        gap: 40px;\n    }<\/p>\n<p>    .cellulose-hero-visual-container {\n        width: 300px;\n        height: 300px;\n    }<\/p>\n<p>    .cellulose-hero-molecule-3d {\n        width: 150px;\n        height: 150px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .cellulose-hero-banner-wrapper {\n        height: 600px;\n    }<\/p>\n<p>    .cellulose-hero-content {\n        padding: 40px 0;\n    }<\/p>\n<p>    .cellulose-hero-content-wrapper {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n        padding: 0 20px;\n    }<\/p>\n<p>    .cellulose-hero-metrics-grid {\n        justify-content: center;\n        max-width: 400px;\n        margin: 40px auto 0;\n    }<\/p>\n<p>    .cellulose-hero-visual-container {\n        width: 280px;\n        height: 280px;\n        margin: 0 auto;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .cellulose-hero-banner-wrapper {\n        height: 550px;\n    }<\/p>\n<p>    .cellulose-hero-content-wrapper {\n        padding: 0 16px;\n        gap: 40px;\n    }<\/p>\n<p>    .cellulose-hero-main-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .cellulose-hero-description {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .cellulose-hero-metrics-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        max-width: 200px;\n    }<\/p>\n<p>    .cellulose-hero-visual-container {\n        width: 240px;\n        height: 240px;\n    }<\/p>\n<p>    .cellulose-hero-molecule-3d {\n        width: 120px;\n        height: 120px;\n    }\n}\n<\/style>\n<div class=\"about-landu-section\">\n<div class=\"about-container\">\n<div class=\"about-content-grid\">\n            <!-- Text Content --><\/p>\n<div class=\"about-text-section\">\n<div class=\"about-section-header\">\n<h2 class=\"about-title\">ABOUT LANDU<\/h2>\n<div class=\"about-title-underline\"><\/div>\n<\/p><\/div>\n<div class=\"about-description\">\n<p class=\"about-intro\">LANDU stands as a premier technology-driven company based in Shandong Province, spearheading innovative research, development, and production within the construction materials sector.<\/p>\n<p class=\"about-details\">LANDU brings two decades of specialized expertise across cellulose production, innovation research, chemical engineering, and analytical sciences. We forge strategic partnerships with clients to execute value-generating initiatives including performance optimization, educational workshops, breakthrough product creation, and dual certification programs. Furthermore, we support LANDU through manufacturing excellence, quality assurance, supply chain management, and research advancement to consistently achieve and surpass client expectations.<\/p>\n<\/p><\/div>\n<p>                <!-- Key Stats --><\/p>\n<div class=\"about-stats\">\n<div class=\"stat-highlight\">\n<div class=\"stat-number\">20+<\/div>\n<div class=\"stat-text\">Years of Expertise<\/div>\n<\/p><\/div>\n<div class=\"stat-highlight\">\n<div class=\"stat-number\">100%<\/div>\n<div class=\"stat-text\">Quality Commitment<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Visual Content --><\/p>\n<div class=\"about-visual-section\">\n<div class=\"image-showcase\">\n<div class=\"showcase-card top-image\">\n<div class=\"image-wrapper\">\n                            <img height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-product-observation-and-development.jpg\" alt=\"LANDU Product Development\" class=\"showcase-img\">\n                        <\/div>\n<\/p><\/div>\n<div class=\"showcase-card bottom-image\">\n<div class=\"image-wrapper\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-sales-Business-at-Office.jpg\" alt=\"LANDU Business Operations\" class=\"showcase-img\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Decorative Elements --><\/p>\n<div class=\"visual-decorations\">\n<div class=\"deco-element deco-1\"><\/div>\n<div class=\"deco-element deco-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.about-landu-section {\n    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.about-landu-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(64, 163, 163, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 1;\n}<\/p>\n<p>.about-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.about-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n}<\/p>\n<p>\/* Text Section *\/\n.about-text-section {\n    padding-right: 20px;\n}<\/p>\n<p>.about-section-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.about-title {\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: #0f3460;\n    margin-bottom: 16px;\n    line-height: 1.2;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}<\/p>\n<p>.about-title-underline {\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #0f3460, #2d8a8a, #40a3a3);\n    border-radius: 2px;\n    animation: underline-expand 2s ease-out;\n}<\/p>\n<p>@keyframes underline-expand {\n    0% { width: 0; }\n    100% { width: 80px; }\n}<\/p>\n<p>.about-description {\n    margin-bottom: 40px;\n}<\/p>\n<p>.about-intro {\n    font-size: 1.3rem;\n    color: #1e293b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-weight: 500;\n}<\/p>\n<p>.about-details {\n    font-size: 1.1rem;\n    color: #64748b;\n    line-height: 1.7;\n}<\/p>\n<p>.about-stats {\n    display: flex;\n    gap: 40px;\n    margin-top: 40px;\n}<\/p>\n<p>.stat-highlight {\n    text-align: center;\n    padding: 20px;\n    background: rgba(15, 52, 96, 0.05);\n    border-radius: 16px;\n    border: 1px solid rgba(45, 138, 138, 0.1);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.stat-highlight:hover {\n    background: rgba(45, 138, 138, 0.1);\n    border-color: rgba(45, 138, 138, 0.3);\n    transform: translateY(-4px);\n}<\/p>\n<p>.stat-number {\n    font-size: 2.2rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #0f3460, #2d8a8a);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 8px;\n}<\/p>\n<p>.stat-text {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* -------------------------------------- *\/\n\/*  Image Section with Hover Animations   *\/\n\/* -------------------------------------- *\/<\/p>\n<p>.about-visual-section {\n    position: relative;\n    height: auto;\n}<\/p>\n<p>.image-showcase {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n}<\/p>\n<p>\/* \u56fe\u7247\u5916\u6846 *\/\n.image-wrapper {\n    width: 100%;\n    height: auto;\n    overflow: hidden;\n    border-radius: 20px;\n    position: relative;\n}<\/p>\n<p>\/* \u56fe\u7247\uff1a\u5706\u89d2 + \u81ea\u9002\u5e94 + hover \u653e\u5927 *\/\n.showcase-img {\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n    border-radius: 20px;\n    transition: transform 0.45s ease;\n}<\/p>\n<p>\/* \u5361\u7247 hover\uff1a\u4e0a\u6d6e + \u9634\u5f71\u589e\u5f3a *\/\n.showcase-card {\n    border-radius: 20px;\n    overflow: hidden;\n    background: transparent;\n    transition: all 0.45s ease;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n}<\/p>\n<p>.showcase-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 16px 45px rgba(0,0,0,0.18);\n}<\/p>\n<p>\/* \u56fe\u7247\u653e\u5927 *\/\n.showcase-card:hover .showcase-img {\n    transform: scale(1.08);\n}<\/p>\n<p>\/* \u79fb\u9664\u4e0d\u9700\u8981\u7684\u7ed3\u6784 *\/\n.card-accent,\n.secondary-accent,\n.image-overlay {\n    display: none !important;\n}<\/p>\n<p>\/* Decorative Elements *\/\n.visual-decorations {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: -1;\n    top: 0;\n    left: 0;\n}<\/p>\n<p>.deco-element {\n    position: absolute;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(45, 138, 138, 0.08), rgba(64, 163, 163, 0.04));\n    animation: deco-float 8s ease-in-out infinite;\n}<\/p>\n<p>.deco-1 {\n    width: 80px;\n    height: 80px;\n    top: 15%;\n    right: -20px;\n}<\/p>\n<p>.deco-2 {\n    width: 60px;\n    height: 60px;\n    bottom: 20%;\n    left: -10px;\n    animation-delay: 3s;\n}<\/p>\n<p>@keyframes deco-float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0.6; }\n    50% { transform: translateY(-25px) rotate(180deg); opacity: 1; }\n}<\/p>\n<p>\/* Responsive *\/\n@media (max-width: 1024px) {\n    .about-content-grid {\n        gap: 60px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .about-content-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }<\/p>\n<p>    .about-text-section {\n        padding-right: 0;\n        text-align: center;\n    }<\/p>\n<p>    .about-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .about-title-underline {\n        margin: 0 auto;\n    }<\/p>\n<p>    .about-stats {\n        justify-content: center;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .about-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .about-intro {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .about-details {\n        font-size: 1rem;\n    }<\/p>\n<p>    .about-stats {\n        flex-direction: column;\n        max-width: 300px;\n        margin: 40px auto 0;\n    }\n}\n<\/style>\n<div class=\"landercoll-product-section\">\n<div class=\"landercoll-product-container\">\n<div class=\"landercoll-product-content-grid\">\n            <!-- Product Image --><\/p>\n<div class=\"landercoll-product-visual\">\n<div class=\"landercoll-product-image-wrapper\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-landercoll-Cellulose-Ethers.jpg\" alt=\"LANDU Landercoll Product\" class=\"landercoll-product-image\"><\/p>\n<div class=\"landercoll-image-overlay-effect\"><\/div>\n<div class=\"landercoll-product-badge\">\n                        <span class=\"landercoll-badge-text\">Biopolymer Innovation<\/span>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Scientific Elements --><\/p>\n<div class=\"landercoll-scientific-elements\">\n<div class=\"landercoll-molecular-indicator\">\n<div class=\"landercoll-indicator-ring\"><\/div>\n<div class=\"landercoll-indicator-dot\"><\/div>\n<\/p><\/div>\n<div class=\"landercoll-data-stream\">\n<div class=\"landercoll-stream-particle\"><\/div>\n<div class=\"landercoll-stream-particle\"><\/div>\n<div class=\"landercoll-stream-particle\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Action Button (Moved Here) --><\/p>\n<div class=\"landercoll-product-action\">\n                    <a href=\"https:\/\/hpmc.ae\/da\/cellulose-ether-hpmc\/hydroxpropyl-methylcellulose-hpmc\/\" class=\"landercoll-explore-btn\"><br \/>\n                        <span>Explore Detail<\/span><\/p>\n<div class=\"landercoll-btn-arrow\">\u2192<\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Product Content --><\/p>\n<div class=\"landercoll-product-content\">\n<div class=\"landercoll-product-header\">\n<div class=\"landercoll-product-category\">Renewable Biopolymer<\/div>\n<h2 class=\"landercoll-product-title\">\n                        <span class=\"landercoll-title-highlight\">Landercoll\u00ae<\/span><br \/>\n                    <\/h2>\n<p class=\"landercoll-product-subtitle\">A renewable biopolymer sourced from timber or cotton fibers<\/p>\n<\/p><\/div>\n<div class=\"landercoll-product-description\">\n<p class=\"landercoll-description-text\">LANDU Landercoll\u00ae cellulose solutions have been precisely engineered to deliver diverse performance characteristics.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"landercoll-performance-features\">\n<h3 class=\"landercoll-features-title\">Key Performance Benefits<\/h3>\n<div class=\"landercoll-features-grid\">\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-moisture-icon\"><\/div>\n<div class=\"landercoll-feature-content\">\n<h4 class=\"landercoll-feature-name\">Superior moisture retention<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-application-icon\"><\/div>\n<div class=\"landercoll-feature-content\">\n<h4 class=\"landercoll-feature-name\">Enhanced application ease<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-flow-icon\"><\/div>\n<div class=\"landercoll-feature-content\">\n<h4 class=\"landercoll-feature-name\">Reduced flow resistance<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-duration-icon\"><\/div>\n<div class=\"landercoll-feature-content\">\n<h4 class=\"landercoll-feature-name\">Prolonged working duration<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"landercoll-feature-item\">\n<div class=\"landercoll-feature-icon landercoll-strength-icon\"><\/div>\n<div class=\"landercoll-feature-content\">\n<h4 class=\"landercoll-feature-name\">Strengthened tensile performance<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom Technical Info --><\/p>\n<div class=\"landercoll-technical-info\">\n<div class=\"landercoll-tech-info-grid\">\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Source Materials<\/div>\n<div class=\"landercoll-tech-value\">Timber &amp; Cotton Fibers<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Polymer type<\/div>\n<div class=\"landercoll-tech-value\">Renewable Biopolymer<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Anvendelse<\/div>\n<div class=\"landercoll-tech-value\">Construction Materials<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Ydeevne<\/div>\n<div class=\"landercoll-tech-value\">Enhanced Characteristics<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.landercoll-product-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landercoll-product-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(45, 138, 138, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 1;\n}<\/p>\n<p>.landercoll-product-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.landercoll-product-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>\/* Visual Section *\/\n.landercoll-product-visual {\n    position: relative;\n}<\/p>\n<p>.landercoll-product-image-wrapper {\n    position: relative;\n    border-radius: 24px;\n    overflow: hidden;\n    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    padding: 40px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n    margin-bottom: 30px;\n}<\/p>\n<p>.landercoll-product-image-wrapper:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n}<\/p>\n<p>.landercoll-product-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landercoll-product-image-wrapper:hover .landercoll-product-image {\n    transform: scale(1.05);\n}<\/p>\n<p>.landercoll-image-overlay-effect {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(45deg, rgba(15, 52, 96, 0.05) 0%, rgba(45, 138, 138, 0.05) 100%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.landercoll-product-image-wrapper:hover .landercoll-image-overlay-effect {\n    opacity: 1;\n}<\/p>\n<p>.landercoll-product-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(45, 138, 138, 0.9);\n    backdrop-filter: blur(10px);\n    color: white;\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>\/* Scientific Elements *\/\n.landercoll-scientific-elements {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    top: 0;\n    left: 0;\n}<\/p>\n<p>.landercoll-molecular-indicator {\n    position: absolute;\n    bottom: 30px;\n    left: 30px;\n    width: 60px;\n    height: 60px;\n}<\/p>\n<p>.landercoll-indicator-ring {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border: 2px solid rgba(45, 138, 138, 0.3);\n    border-radius: 50%;\n    animation: landercoll-indicator-spin 8s linear infinite;\n}<\/p>\n<p>.landercoll-indicator-dot {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 12px;\n    height: 12px;\n    background: #2d8a8a;\n    border-radius: 50%;\n    animation: landercoll-dot-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes landercoll-indicator-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}<\/p>\n<p>@keyframes landercoll-dot-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); }\n    50% { transform: translate(-50%, -50%) scale(1.2); }\n}<\/p>\n<p>.landercoll-data-stream {\n    position: absolute;\n    top: 40px;\n    left: 40px;\n    width: 100px;\n    height: 2px;\n    background: rgba(45, 138, 138, 0.2);\n}<\/p>\n<p>.landercoll-stream-particle {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: #40a3a3;\n    border-radius: 50%;\n    animation: landercoll-particle-flow 3s ease-in-out infinite;\n}<\/p>\n<p>.landercoll-stream-particle:nth-child(1) { animation-delay: 0s; }\n.landercoll-stream-particle:nth-child(2) { animation-delay: 1s; }\n.landercoll-stream-particle:nth-child(3) { animation-delay: 2s; }<\/p>\n<p>@keyframes landercoll-particle-flow {\n    0% { left: 0; opacity: 0; }\n    50% { opacity: 1; }\n    100% { left: 100px; opacity: 0; }\n}<\/p>\n<p>\/* Content Section *\/\n.landercoll-product-content {\n    padding: 20px 0;\n}<\/p>\n<p>.landercoll-product-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.landercoll-product-category {\n    display: inline-block;\n    background: rgba(45, 138, 138, 0.1);\n    color: #2d8a8a;\n    padding: 8px 20px;\n    border-radius: 20px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landercoll-product-title {\n    font-size: 3rem;\n    font-weight: 900;\n    margin-bottom: 16px;\n    line-height: 1.1;\n}<\/p>\n<p>.landercoll-title-highlight {\n    background: linear-gradient(135deg, #0f3460 0%, #2d8a8a 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}<\/p>\n<p>.landercoll-product-subtitle {\n    font-size: 1.2rem;\n    color: #64748b;\n    line-height: 1.6;\n    font-weight: 400;\n}<\/p>\n<p>.landercoll-product-description {\n    margin-bottom: 40px;\n}<\/p>\n<p>.landercoll-description-text {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.7;\n}<\/p>\n<p>\/* Performance Features *\/\n.landercoll-performance-features {\n    margin-bottom: 40px;\n}<\/p>\n<p>.landercoll-features-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #0f3460;\n    margin-bottom: 24px;\n}<\/p>\n<p>.landercoll-features-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n}<\/p>\n<p>.landercoll-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: rgba(45, 138, 138, 0.03);\n    border-radius: 12px;\n    border: 1px solid rgba(45, 138, 138, 0.1);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landercoll-feature-item:hover {\n    background: rgba(45, 138, 138, 0.08);\n    border-color: rgba(45, 138, 138, 0.2);\n    transform: translateX(8px);\n}<\/p>\n<p>.landercoll-feature-icon {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #2d8a8a, #40a3a3);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}<\/p>\n<p>.landercoll-feature-icon::after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    background: white;\n    border-radius: 50%;\n}<\/p>\n<p>.landercoll-feature-name {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>\/* Action Button *\/\n.landercoll-product-action {\n    margin-top: 0;\n    text-align: center;\n}<\/p>\n<p>.landercoll-explore-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, #0f3460, #2d8a8a);\n    color: white;\n    padding: 16px 32px;\n    border-radius: 12px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 1rem;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 25px rgba(45, 138, 138, 0.3);\n}<\/p>\n<p>.landercoll-explore-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 35px rgba(45, 138, 138, 0.4);\n    gap: 16px;\n}<\/p>\n<p>.landercoll-btn-arrow {\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.landercoll-explore-btn:hover .landercoll-btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Technical Info *\/\n.landercoll-technical-info {\n    background: linear-gradient(135deg, rgba(15, 52, 96, 0.05) 0%, rgba(45, 138, 138, 0.05) 100%);\n    padding: 32px;\n    border-radius: 20px;\n    border: 1px solid rgba(45, 138, 138, 0.1);\n}<\/p>\n<p>.landercoll-tech-info-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 32px;\n}<\/p>\n<p>.landercoll-tech-item {\n    text-align: center;\n}<\/p>\n<p>.landercoll-tech-label {\n    font-size: 0.9rem;\n    color: #64748b;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 8px;\n}<\/p>\n<p>.landercoll-tech-value {\n    font-size: 1.1rem;\n    color: #0f3460;\n    font-weight: 700;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .landercoll-product-content-grid {\n        gap: 60px;\n    }<\/p>\n<p>    .landercoll-tech-info-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landercoll-product-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .landercoll-product-content-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n    }<\/p>\n<p>    .landercoll-product-title {\n        font-size: 2.5rem;\n    }<\/p>\n<p>    .landercoll-tech-info-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landercoll-product-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .landercoll-product-title {\n        font-size: 2rem;\n    }<\/p>\n<p>    .landercoll-product-image-wrapper {\n        padding: 20px;\n    }<\/p>\n<p>    .landercoll-technical-info {\n        padding: 20px;\n    }\n}\n<\/style>\n<div class=\"accurate-section\">\n<div class=\"accurate-container\">\n<div class=\"accurate-content-grid\">\n            <!-- Product Content --><\/p>\n<div class=\"accurate-content\">\n<div class=\"product-header\">\n<div class=\"innovation-badge\">\n<div class=\"badge-pulse\"><\/div>\n<p>                        <span class=\"badge-text\">Breakthrough Innovation<\/span>\n                    <\/div>\n<h2 class=\"product-title\">\n                        <span class=\"title-highlight\">Accurate\u2122<\/span><br \/>\n                    <\/h2>\n<div class=\"product-category\">Re-dispersible polymer powder<\/div>\n<\/p><\/div>\n<div class=\"product-description\">\n<p class=\"description-main\">As breakthrough innovation, Accurate\u2122 enhances our established Landercoll\u00ae cellulose range. LANDU Accurate\u2122 re-dispersible polymer powder represents a dynamic and advanced chemical solution that serves crucial functions across multiple sectors, especially construction and material sciences.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"performance-grid\">\n<h3 class=\"features-title\">Advanced Performance Benefits<\/h3>\n<div class=\"features-list\">\n<div class=\"feature-item\">\n<div class=\"feature-indicator\">\n<div class=\"indicator-core\"><\/div>\n<div class=\"indicator-ring\"><\/div>\n<\/p><\/div>\n<div class=\"feature-content\">\n<h4 class=\"feature-name\">Enhanced flexibility and bonding<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-indicator\">\n<div class=\"indicator-core\"><\/div>\n<div class=\"indicator-ring\"><\/div>\n<\/p><\/div>\n<div class=\"feature-content\">\n<h4 class=\"feature-name\">Superior application performance<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-indicator\">\n<div class=\"indicator-core\"><\/div>\n<div class=\"indicator-ring\"><\/div>\n<\/p><\/div>\n<div class=\"feature-content\">\n<h4 class=\"feature-name\">Minimized contraction effects<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-indicator\">\n<div class=\"indicator-core\"><\/div>\n<div class=\"indicator-ring\"><\/div>\n<\/p><\/div>\n<div class=\"feature-content\">\n<h4 class=\"feature-name\">Extended service life<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-indicator\">\n<div class=\"indicator-core\"><\/div>\n<div class=\"indicator-ring\"><\/div>\n<\/p><\/div>\n<div class=\"feature-content\">\n<h4 class=\"feature-name\">Thermal stability range<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Product Visual --><\/p>\n<div class=\"accurate-visual\">\n<div class=\"product-showcase\">\n<div class=\"showcase-background\">\n<div class=\"bg-pattern\"><\/div>\n<div class=\"bg-gradient\"><\/div>\n<\/p><\/div>\n<p>                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Redispersible-Polymer-Powder-rdp-sample-products.jpg\" alt=\"LANDU Accurate Product\" class=\"product-image\"><\/p>\n<div class=\"image-enhancements\">\n<div class=\"enhancement-glow\"><\/div>\n<div class=\"enhancement-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<p>                    <!-- Innovation Badge --><\/p>\n<div class=\"innovation-indicator\">\n<div class=\"indicator-text\">Innovation<\/div>\n<div class=\"indicator-symbol\">\u2122<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Technical Visualization --><\/p>\n<div class=\"tech-visualization\">\n<div class=\"tech-element tech-1\">\n<div class=\"tech-line\"><\/div>\n<div class=\"tech-node\"><\/div>\n<\/p><\/div>\n<div class=\"tech-element tech-2\">\n<div class=\"tech-line\"><\/div>\n<div class=\"tech-node\"><\/div>\n<\/p><\/div>\n<div class=\"tech-element tech-3\">\n<div class=\"tech-line\"><\/div>\n<div class=\"tech-node\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Action Button --><\/p>\n<div class=\"product-action\">\n                    <a href=\"https:\/\/hpmc.ae\/da\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explore-btn\"><br \/>\n                        <span>Explore Detail<\/span><\/p>\n<div class=\"btn-effect\">\n<div class=\"effect-particle\"><\/div>\n<div class=\"effect-particle\"><\/div>\n<div class=\"effect-particle\"><\/div>\n<\/p><\/div>\n<div class=\"btn-arrow\">\u2192<\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Bottom Innovation Banner --><\/p>\n<div class=\"innovation-banner\">\n            <!-- Decorative Background Elements --><\/p>\n<div class=\"banner-bg-effects\">\n<div class=\"bg-circle circle-1\"><\/div>\n<div class=\"bg-circle circle-2\"><\/div>\n<div class=\"bg-circle circle-3\"><\/div>\n<div class=\"bg-wave wave-1\"><\/div>\n<div class=\"bg-wave wave-2\"><\/div>\n<\/p><\/div>\n<div class=\"banner-content\">\n                <!-- Left Content Section --><\/p>\n<div class=\"banner-left\">\n<div class=\"banner-header\">\n<div class=\"banner-icon\">\n<div class=\"icon-core\"><\/div>\n<div class=\"icon-ring ring-1\"><\/div>\n<div class=\"icon-ring ring-2\"><\/div>\n<div class=\"icon-ring ring-3\"><\/div>\n<\/p><\/div>\n<div class=\"banner-badge\">\n                            <span class=\"badge-dot\"><\/span><br \/>\n                            <span>Avanceret teknologi<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-text\">\n<h3>Dynamic Advanced Chemical Solution<\/h3>\n<p>Serving crucial functions across construction and material sciences with innovative polymer technology that transforms industry standards.<\/p>\n<\/p><\/div>\n<div class=\"banner-features\">\n<div class=\"mini-feature\">\n<div class=\"mini-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<p>                            <span>Certificeret Kvalitet<\/span>\n                        <\/div>\n<div class=\"mini-feature\">\n<div class=\"mini-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M13 10V3L4 14H11V21L20 10H13Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<p>                            <span>Fast Performance<\/span>\n                        <\/div>\n<div class=\"mini-feature\">\n<div class=\"mini-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 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<p>                            <span>Premium Grade<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-action\">\n                        <a href=\"https:\/\/hpmc.ae\/da\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-us-btn\"><br \/>\n                            <span class=\"btn-text\">Kontakt os<\/span><\/p>\n<div class=\"btn-icon-wrapper\">\n                                <svg class=\"btn-icon\" 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>\n                            <\/div>\n<div class=\"btn-glow\"><\/div>\n<p>                        <\/a>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Right Image Section --><\/p>\n<div class=\"banner-right\">\n<div class=\"image-container\">\n                        <!-- Decorative Frame --><\/p>\n<div class=\"image-frame\">\n<div class=\"frame-corner corner-tl\"><\/div>\n<div class=\"frame-corner corner-tr\"><\/div>\n<div class=\"frame-corner corner-bl\"><\/div>\n<div class=\"frame-corner corner-br\"><\/div>\n<\/p><\/div>\n<p>                        <!-- Main Image --><\/p>\n<div class=\"banner-image-wrapper\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-test-innovative-laboratories.jpg\" alt=\"LANDU Innovation\" class=\"banner-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-gradient\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Floating Stats --><\/p>\n<div class=\"floating-stat stat-1\">\n<div class=\"stat-icon\">\n<div class=\"stat-pulse\"><\/div>\n<p>                                <span>\u2122<\/span>\n                            <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-label\">Innovation<\/div>\n<div class=\"stat-value\">Leader<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"floating-stat stat-2\">\n<div class=\"stat-icon\">\n<div class=\"stat-pulse\"><\/div>\n<p>                                <span>\u2713<\/span>\n                            <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-label\">Kvalitet<\/div>\n<div class=\"stat-value\">100%<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Animated Particles --><\/p>\n<div class=\"banner-particles\">\n<div class=\"banner-particle bp-1\"><\/div>\n<div class=\"banner-particle bp-2\"><\/div>\n<div class=\"banner-particle bp-3\"><\/div>\n<div class=\"banner-particle bp-4\"><\/div>\n<div class=\"banner-particle bp-5\"><\/div>\n<div class=\"banner-particle bp-6\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.accurate-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #ffffff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.accurate-section::before {\n    content: '';\n    position: absolute;\n    top: -100px;\n    right: -100px;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(64, 163, 163, 0.08) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 1;\n}<\/p>\n<p>.accurate-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.accurate-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>\/* Content Section *\/\n.accurate-content {\n    padding: 20px 0;\n}<\/p>\n<p>.product-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.innovation-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(59, 130, 246, 0.2);\n    padding: 12px 24px;\n    border-radius: 25px;\n    margin-bottom: 24px;\n    animation: innovation-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes innovation-pulse {\n    0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.2); }\n    50% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.4); }\n}<\/p>\n<p>.badge-pulse {\n    width: 8px;\n    height: 8px;\n    background: #3b82f6;\n    border-radius: 50%;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pulse-dot {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.3); opacity: 0.7; }\n}<\/p>\n<p>.badge-text {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e40af;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.product-title {\n    font-size: 3.5rem;\n    font-weight: 900;\n    margin-bottom: 16px;\n    line-height: 1.1;\n}<\/p>\n<p>.title-highlight {\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 50%, #10b981 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    position: relative;\n}<\/p>\n<p>.title-highlight::after {\n    content: '\u2122';\n    position: absolute;\n    top: -10px;\n    right: -30px;\n    font-size: 1.5rem;\n    color: #3b82f6;\n    font-weight: 700;\n}<\/p>\n<p>.product-category {\n    font-size: 1.1rem;\n    color: #64748b;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.product-description {\n    margin-bottom: 40px;\n}<\/p>\n<p>.description-main {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.7;\n}<\/p>\n<p>\/* Performance Features *\/\n.performance-grid {\n    margin-bottom: 40px;\n}<\/p>\n<p>.features-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 24px;\n}<\/p>\n<p>.features-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n}<\/p>\n<p>.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 16px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.05), transparent);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.feature-item:hover::before {\n    left: 100%;\n}<\/p>\n<p>.feature-item:hover {\n    background: rgba(59, 130, 246, 0.05);\n    border-color: rgba(59, 130, 246, 0.3);\n    transform: translateX(12px);\n}<\/p>\n<p>.feature-indicator {\n    position: relative;\n    width: 32px;\n    height: 32px;\n    flex-shrink: 0;\n}<\/p>\n<p>.indicator-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    z-index: 2;\n}<\/p>\n<p>.indicator-ring {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 2px solid rgba(59, 130, 246, 0.3);\n    border-radius: 50%;\n    animation: indicator-rotate 4s linear infinite;\n}<\/p>\n<p>@keyframes indicator-rotate {\n    0% { transform: rotate(0deg); border-color: rgba(59, 130, 246, 0.3); }\n    50% { border-color: rgba(16, 185, 129, 0.3); }\n    100% { transform: rotate(360deg); border-color: rgba(59, 130, 246, 0.3); }\n}<\/p>\n<p>.feature-name {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>\/* Visual Section *\/\n.accurate-visual {\n    position: relative;\n    height: 600px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.product-showcase {\n    position: relative;\n    width: 100%;\n    height: 520px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.showcase-background {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n}<\/p>\n<p>.bg-pattern {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background-image: \n        radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\n    animation: pattern-shift 8s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pattern-shift {\n    0%, 100% { transform: rotate(0deg) scale(1); }\n    50% { transform: rotate(5deg) scale(1.05); }\n}<\/p>\n<p>.bg-gradient {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 249, 255, 0.8) 100%);\n    backdrop-filter: blur(20px);\n}<\/p>\n<p>.product-image {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    max-width: 450px;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n    filter: drop-shadow(0 10px 30px rgba(59, 130, 246, 0.2));\n    transition: all 0.4s ease;\n    z-index: 3;\n}<\/p>\n<p>.product-image:hover {\n    transform: translate(-50%, -50%) scale(1.05) rotate(2deg);\n    filter: drop-shadow(0 15px 40px rgba(59, 130, 246, 0.3));\n    border-radius: 28px;\n}<\/p>\n<p>.image-enhancements {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 450px;\n    height: 450px;\n    pointer-events: none;\n    z-index: 2;\n}<\/p>\n<p>.enhancement-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 350px;\n    height: 350px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);\n    border-radius: 50%;\n    animation: glow-pulse 4s ease-in-out infinite;\n}<\/p>\n<p>@keyframes glow-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; }\n}<\/p>\n<p>.enhancement-particles {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(45deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    animation: particle-orbit 6s linear infinite;\n}<\/p>\n<p>.p-1 { top: 20%; left: 20%; animation-delay: 0s; }\n.p-2 { top: 80%; left: 80%; animation-delay: 1.2s; }\n.p-3 { top: 60%; right: 20%; animation-delay: 2.4s; }\n.p-4 { bottom: 80%; left: 30%; animation-delay: 3.6s; }\n.p-5 { top: 40%; left: 70%; animation-delay: 4.8s; }<\/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>.innovation-indicator {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, #1e40af, #3b82f6);\n    color: white;\n    padding: 12px 20px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 700;\n    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);\n    z-index: 10;\n}<\/p>\n<p>.indicator-symbol {\n    font-size: 1.2rem;\n    color: #fbbf24;\n}<\/p>\n<p>\/* Technical Visualization *\/\n.tech-visualization {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}<\/p>\n<p>.tech-element {\n    position: absolute;\n}<\/p>\n<p>.tech-1 { top: 15%; left: 10%; }\n.tech-2 { bottom: 30%; right: 15%; }\n.tech-3 { top: 60%; left: 5%; }<\/p>\n<p>.tech-line {\n    width: 80px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.4), transparent);\n    animation: tech-scan 3s ease-in-out infinite;\n}<\/p>\n<p>.tech-node {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #3b82f6;\n    border-radius: 50%;\n    animation: node-blink 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes tech-scan {\n    0%, 100% { opacity: 0.3; }\n    50% { opacity: 1; }\n}<\/p>\n<p>@keyframes node-blink {\n    0%, 100% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.3); }\n    50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.8); }\n}<\/p>\n<p>\/* Action Button *\/\n.product-action {\n    margin-top: 0;\n    text-align: center;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.explore-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 16px;\n    background: linear-gradient(135deg, #1e40af, #3b82f6, #10b981);\n    color: white;\n    padding: 18px 36px;\n    border-radius: 16px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    transition: all 0.4s ease;\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n}<\/p>\n<p>.explore-btn:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.4);\n    gap: 20px;\n}<\/p>\n<p>.btn-effect {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.effect-particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    animation: particle-move 2s ease-in-out infinite;\n}<\/p>\n<p>.effect-particle:nth-child(1) { top: 20%; left: 20%; animation-delay: 0s; }\n.effect-particle:nth-child(2) { top: 60%; left: 70%; animation-delay: 0.7s; }\n.effect-particle:nth-child(3) { top: 80%; left: 40%; animation-delay: 1.4s; }<\/p>\n<p>@keyframes particle-move {\n    0%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }\n    50% { transform: scale(1) rotate(180deg); opacity: 1; }\n}<\/p>\n<p>.btn-arrow {\n    transition: transform 0.3s ease;\n    font-size: 1.3rem;\n}<\/p>\n<p>.explore-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Innovation Banner *\/\n.innovation-banner {\n    position: relative;\n    background: linear-gradient(135deg, \n        rgba(30, 64, 175, 0.03) 0%, \n        rgba(59, 130, 246, 0.05) 25%,\n        rgba(16, 185, 129, 0.03) 50%,\n        rgba(139, 92, 246, 0.03) 75%,\n        rgba(30, 64, 175, 0.03) 100%\n    );\n    border: 2px solid rgba(59, 130, 246, 0.1);\n    border-radius: 32px;\n    padding: 60px;\n    margin-top: 80px;\n    overflow: hidden;\n}<\/p>\n<p>\/* Background Effects *\/\n.banner-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-circle {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.4;\n}<\/p>\n<p>.circle-1 {\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);\n    top: -100px;\n    left: -100px;\n    animation: float-circle 20s ease-in-out infinite;\n}<\/p>\n<p>.circle-2 {\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, transparent 70%);\n    bottom: -50px;\n    right: 10%;\n    animation: float-circle 15s ease-in-out infinite reverse;\n}<\/p>\n<p>.circle-3 {\n    width: 150px;\n    height: 150px;\n    background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);\n    top: 50%;\n    right: -50px;\n    animation: float-circle 18s ease-in-out infinite;\n}<\/p>\n<p>@keyframes float-circle {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    50% { transform: translate(30px, -30px) scale(1.1); }\n}<\/p>\n<p>.bg-wave {\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(59, 130, 246, 0.3) 50%, \n        transparent 100%\n    );\n}<\/p>\n<p>.wave-1 {\n    top: 30%;\n    animation: wave-flow 8s ease-in-out infinite;\n}<\/p>\n<p>.wave-2 {\n    bottom: 30%;\n    animation: wave-flow 10s ease-in-out infinite reverse;\n}<\/p>\n<p>@keyframes wave-flow {\n    0%, 100% { transform: translateX(-100%); opacity: 0; }\n    50% { opacity: 1; }\n    100% { transform: translateX(100%); opacity: 0; }\n}<\/p>\n<p>\/* Banner Content Layout *\/\n.banner-content {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    z-index: 2;\n}<\/p>\n<p>\/* Left Section *\/\n.banner-left {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.banner-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 8px;\n}<\/p>\n<p>.banner-icon {\n    position: relative;\n    width: 60px;\n    height: 60px;\n}<\/p>\n<p>.icon-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);\n}<\/p>\n<p>.icon-ring {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border: 2px solid;\n    border-radius: 50%;\n    opacity: 0.6;\n}<\/p>\n<p>.ring-1 {\n    width: 100%;\n    height: 100%;\n    border-color: rgba(59, 130, 246, 0.4);\n    animation: ring-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>.ring-2 {\n    width: 80%;\n    height: 80%;\n    border-color: rgba(16, 185, 129, 0.4);\n    animation: ring-pulse 3s ease-in-out infinite 1s;\n}<\/p>\n<p>.ring-3 {\n    width: 60%;\n    height: 60%;\n    border-color: rgba(139, 92, 246, 0.4);\n    animation: ring-pulse 3s ease-in-out infinite 2s;\n}<\/p>\n<p>@keyframes ring-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; }\n}<\/p>\n<p>.banner-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));\n    border: 1px solid rgba(59, 130, 246, 0.3);\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e40af;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.badge-dot {\n    width: 6px;\n    height: 6px;\n    background: #10b981;\n    border-radius: 50%;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>.banner-text h3 {\n    font-size: 2rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #10b981 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.3;\n    margin-bottom: 16px;\n}<\/p>\n<p>.banner-text p {\n    font-size: 1.05rem;\n    color: #64748b;\n    line-height: 1.7;\n}<\/p>\n<p>\/* Mini Features *\/\n.banner-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}<\/p>\n<p>.mini-feature {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.mini-feature:hover {\n    background: rgba(59, 130, 246, 0.05);\n    border-color: rgba(59, 130, 246, 0.3);\n    transform: translateY(-2px);\n}<\/p>\n<p>.mini-icon {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 8px;\n    color: white;\n    flex-shrink: 0;\n}<\/p>\n<p>.mini-icon svg {\n    width: 16px;\n    height: 16px;\n}<\/p>\n<p>.mini-feature span {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Contact Button *\/\n.banner-action {\n    margin-top: 8px;\n}<\/p>\n<p>.contact-us-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #10b981 100%);\n    color: white;\n    padding: 16px 32px;\n    border-radius: 16px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.05rem;\n    transition: all 0.4s ease;\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n}<\/p>\n<p>.contact-us-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.contact-us-btn:hover::before {\n    left: 100%;\n}<\/p>\n<p>.contact-us-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.4);\n    gap: 16px;\n}<\/p>\n<p>.btn-icon-wrapper {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.contact-us-btn:hover .btn-icon-wrapper {\n    background: rgba(255, 255, 255, 0.3);\n    transform: rotate(45deg);\n}<\/p>\n<p>.btn-icon {\n    width: 14px;\n    height: 14px;\n}<\/p>\n<p>.btn-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.contact-us-btn:hover .btn-glow {\n    opacity: 1;\n}<\/p>\n<p>\/* Right Section - Image Container *\/\n.banner-right {\n    position: relative;\n    height: 450px;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>\/* Decorative Frame *\/\n.image-frame {\n    position: absolute;\n    top: -12px;\n    left: -12px;\n    right: -12px;\n    bottom: -12px;\n    pointer-events: none;\n    z-index: 3;\n}<\/p>\n<p>.frame-corner {\n    position: absolute;\n    width: 40px;\n    height: 40px;\n    border: 3px solid;\n    border-color: rgba(59, 130, 246, 0.4);\n}<\/p>\n<p>.corner-tl {\n    top: 0;\n    left: 0;\n    border-right: none;\n    border-bottom: none;\n    border-top-left-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite;\n}<\/p>\n<p>.corner-tr {\n    top: 0;\n    right: 0;\n    border-left: none;\n    border-bottom: none;\n    border-top-right-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite 0.75s;\n}<\/p>\n<p>.corner-bl {\n    bottom: 0;\n    left: 0;\n    border-right: none;\n    border-top: none;\n    border-bottom-left-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite 1.5s;\n}<\/p>\n<p>.corner-br {\n    bottom: 0;\n    right: 0;\n    border-left: none;\n    border-top: none;\n    border-bottom-right-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite 2.25s;\n}<\/p>\n<p>@keyframes corner-glow {\n    0%, 100% { border-color: rgba(59, 130, 246, 0.4); }\n    50% { border-color: rgba(16, 185, 129, 0.6); }\n}<\/p>\n<p>\/* Main Image *\/\n.banner-image-wrapper {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.banner-image-wrapper:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 80px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.banner-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.banner-image-wrapper:hover .banner-image {\n    transform: scale(1.08);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.overlay-gradient {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, \n        rgba(30, 64, 175, 0.1) 0%, \n        transparent 50%, \n        rgba(16, 185, 129, 0.1) 100%\n    );\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.banner-image-wrapper:hover .overlay-gradient {\n    opacity: 1;\n}<\/p>\n<p>\/* Floating Stats *\/\n.floating-stat {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(59, 130, 246, 0.2);\n    border-radius: 16px;\n    padding: 12px 20px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n    z-index: 4;\n    animation: float-stat 3s ease-in-out infinite;\n}<\/p>\n<p>.stat-1 {\n    top: 30px;\n    left: -30px;\n    animation-delay: 0s;\n}<\/p>\n<p>.stat-2 {\n    bottom: 40px;\n    right: -30px;\n    animation-delay: 1.5s;\n}<\/p>\n<p>@keyframes float-stat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}<\/p>\n<p>.stat-icon {\n    position: relative;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 12px;\n    color: white;\n    font-weight: 700;\n    font-size: 1.2rem;\n}<\/p>\n<p>.stat-pulse {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    background: inherit;\n    border-radius: 12px;\n    animation: stat-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes stat-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0; }\n}<\/p>\n<p>.stat-content {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #64748b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.stat-value {\n    font-size: 1.1rem;\n    font-weight: 800;\n    color: #1e40af;\n}<\/p>\n<p>\/* Banner Particles *\/\n.banner-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 2;\n}<\/p>\n<p>.banner-particle {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    opacity: 0.6;\n    animation: banner-particle-float 8s ease-in-out infinite;\n}<\/p>\n<p>.bp-1 { top: 10%; left: 15%; animation-delay: 0s; }\n.bp-2 { top: 30%; right: 20%; animation-delay: 1.3s; }\n.bp-3 { top: 60%; left: 10%; animation-delay: 2.6s; }\n.bp-4 { bottom: 25%; right: 15%; animation-delay: 3.9s; }\n.bp-5 { top: 80%; left: 25%; animation-delay: 5.2s; }\n.bp-6 { top: 45%; right: 10%; animation-delay: 6.5s; }<\/p>\n<p>@keyframes banner-particle-float {\n    0%, 100% { \n        transform: translate(0, 0) scale(1); \n        opacity: 0.6; \n    }\n    25% { \n        transform: translate(20px, -20px) scale(1.2); \n        opacity: 0.8; \n    }\n    50% { \n        transform: translate(10px, -40px) scale(0.8); \n        opacity: 0.4; \n    }\n    75% { \n        transform: translate(-10px, -20px) scale(1.1); \n        opacity: 0.7; \n    }\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .accurate-content-grid {\n        gap: 60px;\n    }<\/p>\n<p>    .accurate-visual {\n        height: 550px;\n    }<\/p>\n<p>    .product-showcase {\n        height: 470px;\n    }<\/p>\n<p>    .innovation-banner {\n        padding: 50px;\n    }<\/p>\n<p>    .banner-content {\n        gap: 60px;\n    }<\/p>\n<p>    .banner-text h3 {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .banner-right {\n        height: 400px;\n    }<\/p>\n<p>    .banner-features {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .accurate-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .accurate-content-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }<\/p>\n<p>    .product-title {\n        font-size: 2.8rem;\n        text-align: center;\n    }<\/p>\n<p>    .accurate-visual {\n        height: 500px;\n    }<\/p>\n<p>    .product-showcase {\n        height: 420px;\n    }<\/p>\n<p>    .innovation-banner {\n        padding: 40px 30px;\n        margin-top: 60px;\n    }<\/p>\n<p>    .banner-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }<\/p>\n<p>    .banner-header {\n        justify-content: center;\n    }<\/p>\n<p>    .banner-text {\n        text-align: center;\n    }<\/p>\n<p>    .banner-text h3 {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .banner-features {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .banner-action {\n        display: flex;\n        justify-content: center;\n    }<\/p>\n<p>    .banner-right {\n        height: 350px;\n    }<\/p>\n<p>    .stat-1 {\n        left: 10px;\n        top: 20px;\n    }<\/p>\n<p>    .stat-2 {\n        right: 10px;\n        bottom: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .accurate-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .product-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .innovation-banner {\n        padding: 30px 20px;\n        border-radius: 24px;\n    }<\/p>\n<p>    .banner-text h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .banner-text p {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .contact-us-btn {\n        padding: 14px 28px;\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .banner-right {\n        height: 300px;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Cellulose Technology Cellulose Ether Services LANDU is a globally recognized leader in the field of cellulose technology services, specializing in global technical solutions. 20+ Years 50+ Countries 1K+ Solutions C\u2086H\u2081\u2080O\u2085 Cellulose Ether Efficiency Quality Innovation ABOUT LANDU LANDU stands as a premier technology-driven company based in Shandong Province, spearheading innovative research, development, and production within [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5317,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5327","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/pages\/5327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/comments?post=5327"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/pages\/5327\/revisions"}],"predecessor-version":[{"id":5328,"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/pages\/5327\/revisions\/5328"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/pages\/5317"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/da\/wp-json\/wp\/v2\/media?parent=5327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}