{"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\/tr\/service\/cellulose-ether-services\/","title":{"rendered":"Sel\u00fcloz Eter Hizmetleri"},"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>Sel\u00fcloz Teknolojisi<\/span>\n                <\/div>\n<h1 class=\"cellulose-hero-main-title\" style=\"font-size: 2.8em;\">\n                    Sel\u00fcloz Eter Hizmetleri<br \/>\n                <\/h1>\n<p class=\"cellulose-hero-description\">\n                    LANDU, k\u00fcresel teknik \u00e7\u00f6z\u00fcmler konusunda uzmanla\u015fm\u0131\u015f, sel\u00fcloz teknolojisi hizmetlerinde d\u00fcnya \u00e7ap\u0131nda tan\u0131nan liderdir.\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\">Y\u0131llar<\/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\">\u00dclkeler<\/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\">\u00c7\u00f6z\u00fcmler<\/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\">Sel\u00fcloz Eter<\/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\">Verimlilik<\/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\">Kalite<\/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\">Yenilik<\/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\">HAKKIMIZDA LANDU<\/h2>\n<div class=\"about-title-underline\"><\/div>\n<\/p><\/div>\n<div class=\"about-description\">\n<p class=\"about-intro\">LANDU, in\u015faat malzemeleri sekt\u00f6r\u00fcnde yenilik\u00e7i ara\u015ft\u0131rma, geli\u015ftirme ve \u00fcretimi y\u00f6nlendiren, Shandong Eyaleti merkezli \u00f6nc\u00fc bir teknoloji odakl\u0131 \u015firkettir.<\/p>\n<p class=\"about-details\">LANDU, sel\u00fcloz \u00fcretimi, inovasyon ara\u015ft\u0131rmalar\u0131, kimya m\u00fchendisli\u011fi ve analitik bilimler alanlar\u0131nda yirmi y\u0131ll\u0131k uzmanl\u0131\u011fa sahiptir. M\u00fc\u015fterilerle stratejik ortakl\u0131klar kurarak performans optimizasyonu, e\u011fitim at\u00f6lyeleri, \u00e7\u0131\u011f\u0131r a\u00e7an \u00fcr\u00fcn geli\u015ftirme ve \u00e7ift sertifikasyon programlar\u0131 gibi de\u011fer yaratan giri\u015fimleri ger\u00e7ekle\u015ftiriyoruz. Ayr\u0131ca, \u00fcretim m\u00fckemmeliyeti, kalite g\u00fcvencesi, tedarik zinciri y\u00f6netimi ve ara\u015ft\u0131rma ilerlemesiyle LANDU'yu destekleyerek m\u00fc\u015fteri beklentilerini s\u00fcrekli a\u015fmay\u0131 hedefliyoruz.<\/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\">Uzmanl\u0131k Y\u0131llar\u0131<\/div>\n<\/p><\/div>\n<div class=\"stat-highlight\">\n<div class=\"stat-number\">100%<\/div>\n<div class=\"stat-text\">Kalite Taahh\u00fcd\u00fc<\/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 \u00dcr\u00fcn Geli\u015ftirme\" 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 \u0130\u015fletme Operasyonlar\u0131\" 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 \u00dcr\u00fcn\u00fc\" 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\">Biyopolimer Yenili\u011fi<\/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\/tr\/cellulose-ether-hpmc\/hydroxpropyl-methylcellulose-hpmc\/\" class=\"landercoll-explore-btn\"><br \/>\n                        <span>Detaylar\u0131 Ke\u015ffet<\/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\">Yenilenebilir Biyopolimer<\/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\">Odun veya pamuk liflerinden elde edilen yenilenebilir bir biyopolimer<\/p>\n<\/p><\/div>\n<div class=\"landercoll-product-description\">\n<p class=\"landercoll-description-text\">LANDU Landercoll\u00ae sel\u00fcloz \u00e7\u00f6z\u00fcmleri, \u00e7e\u015fitli performans \u00f6zellikleri sunacak \u015fekilde hassasiyetle tasarlanm\u0131\u015ft\u0131r.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"landercoll-performance-features\">\n<h3 class=\"landercoll-features-title\">Ana Performans Avantajlar\u0131<\/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\">\u00dcst\u00fcn nem tutma<\/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\">Geli\u015ftirilmi\u015f uygulama kolayl\u0131\u011f\u0131<\/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\">Azalt\u0131lm\u0131\u015f ak\u0131\u015f direnci<\/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\">Uzun \u00e7al\u0131\u015fma s\u00fcresi<\/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\">G\u00fc\u00e7lendirilmi\u015f \u00e7ekme performans\u0131<\/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\">Kaynak Malzemeler<\/div>\n<div class=\"landercoll-tech-value\">Ah\u015fap ve Pamuk Lifleri<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Polimer T\u00fcr\u00fc<\/div>\n<div class=\"landercoll-tech-value\">Yenilenebilir Biyopolimer<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Uygulama<\/div>\n<div class=\"landercoll-tech-value\">\u0130n\u015faat Malzemeleri<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Performans<\/div>\n<div class=\"landercoll-tech-value\">Geli\u015ftirilmi\u015f \u00d6zellikler<\/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\">\u00c7\u0131\u011f\u0131r A\u00e7an Yenilik<\/span>\n                    <\/div>\n<h2 class=\"product-title\">\n                        <span class=\"title-highlight\">Accurate\u2122<\/span><br \/>\n                    <\/h2>\n<div class=\"product-category\">Yeniden da\u011f\u0131t\u0131labilir polimer tozu<\/div>\n<\/p><\/div>\n<div class=\"product-description\">\n<p class=\"description-main\">\u00c7\u0131\u011f\u0131r a\u00e7an yenilik olarak Accurate\u2122, kurulu Landercoll\u00ae sel\u00fcloz serimizi geli\u015ftirmektedir. LANDU Accurate\u2122 yeniden da\u011f\u0131t\u0131labilir polimer tozu, \u00f6zellikle in\u015faat ve malzeme bilimleri sekt\u00f6rlerinde \u00f6nemli fonksiyonlar g\u00f6ren dinamik ve geli\u015fmi\u015f bir kimyasal \u00e7\u00f6z\u00fcmd\u00fcr.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"performance-grid\">\n<h3 class=\"features-title\">Geli\u015fmi\u015f Performans Avantajlar\u0131<\/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\">Geli\u015ftirilmi\u015f esneklik ve yap\u0131\u015fma<\/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\">\u00dcst\u00fcn uygulama performans\u0131<\/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\">Azalt\u0131lm\u0131\u015f b\u00fcz\u00fclme etkileri<\/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\">Uzun hizmet \u00f6mr\u00fc<\/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\">Termal stabilite aral\u0131\u011f\u0131<\/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 Do\u011fru \u00dcr\u00fcn\" 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\">Yenilik<\/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\/tr\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explore-btn\"><br \/>\n                        <span>Detaylar\u0131 Ke\u015ffet<\/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>Geli\u015fmi\u015f Teknoloji<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-text\">\n<h3>Dinamik Geli\u015fmi\u015f Kimyasal \u00c7\u00f6z\u00fcm<\/h3>\n<p>\u0130n\u015faat ve malzeme bilimleri alan\u0131nda kritik fonksiyonlar sunan, end\u00fcstri standartlar\u0131n\u0131 d\u00f6n\u00fc\u015ft\u00fcren yenilik\u00e7i polimer teknolojisi ile.<\/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>Sertifikal\u0131 Kalite<\/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>H\u0131zl\u0131 Performans<\/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>\u00dcst\u00fcn Kalite<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-action\">\n                        <a href=\"https:\/\/hpmc.ae\/tr\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-us-btn\"><br \/>\n                            <span class=\"btn-text\">Bize Ula\u015f\u0131n<\/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 Yenilik\" 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\">Yenilik<\/div>\n<div class=\"stat-value\">Lider<\/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\">Kalite<\/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>Sel\u00fcloz Teknolojisi Sel\u00fcloz Eter Hizmetleri LANDU, k\u00fcresel teknik \u00e7\u00f6z\u00fcmler alan\u0131nda uzmanla\u015fm\u0131\u015f, d\u00fcnya \u00e7ap\u0131nda tan\u0131nan bir liderdir. 20+ Y\u0131l 50+ \u00dclke 1K+ \u00c7\u00f6z\u00fcm C\u2086H\u2081\u2080O\u2085 Sel\u00fcloz Eter Verimlilik Kalite Yenilik\u00e7ilik HAKKINDA LANDU LANDU, \u015eandong Eyaleti merkezli, yenilik\u00e7i ara\u015ft\u0131rma, geli\u015ftirme ve \u00fcretim faaliyetlerini y\u00f6neten \u00f6nc\u00fc bir teknoloji odakl\u0131 \u015firkettir.<\/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\/tr\/wp-json\/wp\/v2\/pages\/5327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/comments?post=5327"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages\/5327\/revisions"}],"predecessor-version":[{"id":5328,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages\/5327\/revisions\/5328"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/pages\/5317"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/tr\/wp-json\/wp\/v2\/media?parent=5327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}