{"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\/lt\/service\/cellulose-ether-services\/","title":{"rendered":"Celluloz\u0117s eterio paslaugos"},"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>Celiulioz\u0117s technologija<\/span>\n                <\/div>\n<h1 class=\"cellulose-hero-main-title\" style=\"font-size: 2.8em;\">\n                    Celluloz\u0117s eterio paslaugos<br \/>\n                <\/h1>\n<p class=\"cellulose-hero-description\">\n                    LANDU yra pasaulinio lygio lyderis celiulioz\u0117s technologij\u0173 paslaug\u0173 srityje, specializuojantis pasauliniuose techniniuose sprendimuose.\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\">Metai<\/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\">\u0160alys<\/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\">Sprendimai<\/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\">Celiulioz\u0117s eteris<\/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\">Veiksmingumas<\/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\">Kokyb\u0117<\/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\">Inovacijos<\/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\">APIE LANDU<\/h2>\n<div class=\"about-title-underline\"><\/div>\n<\/p><\/div>\n<div class=\"about-description\">\n<p class=\"about-intro\">LANDU yra pirmaujanti technologij\u0173 \u012fmon\u0117, \u012fsik\u016brusi \u0160andongo provincijoje, vadovaujanti inovatyviam tyrimui, pl\u0117trai ir gamybai statybini\u0173 med\u017eiag\u0173 sektoriuje.<\/p>\n<p class=\"about-details\">LANDU turi dvide\u0161imt met\u0173 specializuotos patirties celiulioz\u0117s gamyboje, inovacij\u0173 tyrimuose, chemin\u0117je in\u017einerijoje ir analitin\u0117se mokslin\u0117se srityse. Mes kuriame strateginius partneryst\u0117s ry\u0161ius su klientais, \u012fgyvendindami vert\u0119 kurian\u010dias iniciatyvas, \u012fskaitant veiklos optimizavim\u0105, mokomuosius seminarus, prover\u017eio produkt\u0173 k\u016brim\u0105 ir dvigubos sertifikavimo programas. Be to, mes remiame LANDU gamybos meistri\u0161kumu, kokyb\u0117s u\u017etikrinimu, tiekimo grandin\u0117s valdymu ir tyrim\u0173 pa\u017eanga, siekdami nuolat pasiekti ir vir\u0161yti klient\u0173 l\u016bkes\u010dius.<\/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\">Met\u0173 patirtis<\/div>\n<\/p><\/div>\n<div class=\"stat-highlight\">\n<div class=\"stat-number\">100%<\/div>\n<div class=\"stat-text\">Kokyb\u0117s \u012fsipareigojimas<\/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 Produkt\u0173 k\u016brimas\" 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 Verslo operacijos\" 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 produktas\" 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\">Biopolimero inovacijos<\/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\/lt\/cellulose-ether-hpmc\/hydroxpropyl-methylcellulose-hpmc\/\" class=\"landercoll-explore-btn\"><br \/>\n                        <span>Tyrin\u0117kite Detal\u0119<\/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\">Atnaujinamas biopolimeras<\/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\">Atnaujinamas biopolimeras, gaunamas i\u0161 medienos ar medviln\u0117s pluo\u0161t\u0173<\/p>\n<\/p><\/div>\n<div class=\"landercoll-product-description\">\n<p class=\"landercoll-description-text\">LANDU Landercoll\u00ae celiulioz\u0117s sprendimai buvo tiksliai sukurti siekiant suteikti \u012fvairi\u0173 veikimo savybi\u0173.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"landercoll-performance-features\">\n<h3 class=\"landercoll-features-title\">Pagrindin\u0117s veikimo naudos<\/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\">Auk\u0161tas dr\u0117gm\u0117s i\u0161laikymas<\/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\">Pagerinta taikymo paprastumas<\/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\">Suma\u017eintas tek\u0117jimo pasiprie\u0161inimas<\/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\">Ilgesnis darbo laikas<\/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\">Sustiprintas tempimo na\u0161umas<\/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\">\u017daliav\u0173 \u0161altiniai<\/div>\n<div class=\"landercoll-tech-value\">Mediena ir medviln\u0117s pluo\u0161tai<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Polimer\u0173 tipas<\/div>\n<div class=\"landercoll-tech-value\">Atnaujinamas biopolimeras<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Paskirtis<\/div>\n<div class=\"landercoll-tech-value\">Statybos med\u017eiagos<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Veiksmingumas<\/div>\n<div class=\"landercoll-tech-value\">Pagerintos savyb\u0117s<\/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\">Per\u017eengiantis inovacij\u0173 laukas<\/span>\n                    <\/div>\n<h2 class=\"product-title\">\n                        <span class=\"title-highlight\">Accurate\u2122<\/span><br \/>\n                    <\/h2>\n<div class=\"product-category\">Perdispersuojamas polimer\u0173 milteliai<\/div>\n<\/p><\/div>\n<div class=\"product-description\">\n<p class=\"description-main\">Kaip per\u017eengiantis inovacij\u0173 laukas, Accurate\u2122 pagerina m\u016bs\u0173 \u012fsitvirtinusi\u0105 Landercoll\u00ae celiulioz\u0117s asortiment\u0105. LANDU Accurate\u2122 perdispersuojami polimer\u0173 milteliai yra dinami\u0161kas ir pa\u017eangus cheminis sprendimas, kuris atlieka svarbias funkcijas keliuose sektoriuose, ypa\u010d statyboje ir med\u017eiag\u0173 moksle.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"performance-grid\">\n<h3 class=\"features-title\">Pa\u017eangios veikimo naudos<\/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\">Pagerinta lankstumas ir sukibimas<\/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\">Auk\u0161tesnis taikymo na\u0161umas<\/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\">Minimalizuotos susitraukimo efektai<\/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\">I\u0161pl\u0117sta tarnavimo trukm\u0117<\/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\">Termo stabilumo diapazonas<\/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 Tikslus produktas\" 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\">Inovacijos<\/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\/lt\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explore-btn\"><br \/>\n                        <span>Tyrin\u0117kite Detal\u0119<\/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>Pa\u017eangi Technologija<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-text\">\n<h3>Dinaminis pa\u017eangus cheminis sprendimas<\/h3>\n<p>Atlieka svarbias funkcijas statybos ir med\u017eiag\u0173 mokslo srityse su inovatyvia polimer\u0173 technologija, kuri kei\u010dia pramon\u0117s standartus.<\/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>Sertifikuota kokyb\u0117<\/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>Greitas veikimas<\/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>Auk\u0161\u010diausios kokyb\u0117s<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-action\">\n                        <a href=\"https:\/\/hpmc.ae\/lt\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-us-btn\"><br \/>\n                            <span class=\"btn-text\">Susisiekite su mumis<\/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 Inovacijos\" 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\">Inovacijos<\/div>\n<div class=\"stat-value\">Lyderis<\/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\">Kokyb\u0117<\/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>Celuloz\u0117s technologijos celuloz\u0117s eterio paslaugos LANDU yra pasaulin\u0117s pripa\u017einimo lyderis celuloz\u0117s technologij\u0173 srityje, specializuojantis pasaulini\u0173 technini\u0173 sprendim\u0173 teikime. Daugiau nei 20 met\u0173 50+ \u0161ali\u0173 1000+ sprendim\u0173 C\u2086H\u2081\u2080O\u2085 celuloz\u0117s eterio efektyvumas kokyb\u0117 inovacijos APIE LANDU LANDU yra pirmaujanti technologij\u0173 \u012fmon\u0117, \u012fsik\u016brusi \u0160iaur\u0117s Lietuvoje, vadovaujanti inovatyviam moksliniam tyrimui, pl\u0117trai ir gamybai [\u2026]<\/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\/lt\/wp-json\/wp\/v2\/pages\/5327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/comments?post=5327"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/pages\/5327\/revisions"}],"predecessor-version":[{"id":5328,"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/pages\/5327\/revisions\/5328"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/pages\/5317"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/lt\/wp-json\/wp\/v2\/media?parent=5327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}