{"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\/sl\/service\/cellulose-ether-services\/","title":{"rendered":"Storitve celuloznega etera"},"content":{"rendered":"<div class=\"cellulose-hero-banner-wrapper\">\n    <!-- Animated Background --><\/p>\n<div class=\"cellulose-hero-animated-bg\">\n<div class=\"cellulose-hero-wave-layer cellulose-hero-wave-1\"><\/div>\n<div class=\"cellulose-hero-wave-layer cellulose-hero-wave-2\"><\/div>\n<div class=\"cellulose-hero-wave-layer cellulose-hero-wave-3\"><\/div>\n<\/p><\/div>\n<p>    <!-- Geometric Patterns --><\/p>\n<div class=\"cellulose-hero-geometric-overlay\">\n<div class=\"cellulose-hero-hex-pattern\">\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-1\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-2\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-3\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-4\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-5\"><\/div>\n<div class=\"cellulose-hero-hexagon cellulose-hero-hex-6\"><\/div>\n<\/p><\/div>\n<div class=\"cellulose-hero-circuit-lines\">\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-1\"><\/div>\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-2\"><\/div>\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-3\"><\/div>\n<div class=\"cellulose-hero-circuit-line cellulose-hero-circuit-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Main Content --><\/p>\n<div class=\"cellulose-hero-content\">\n<div class=\"cellulose-hero-content-wrapper\">\n<div class=\"cellulose-hero-left-section\">\n<div class=\"cellulose-hero-tech-badge\">\n<div class=\"cellulose-hero-badge-dot\"><\/div>\n<p>                    <span>Cellulose Technology<\/span>\n                <\/div>\n<h1 class=\"cellulose-hero-main-title\" style=\"font-size: 2.8em;\">\n                    Storitve celuloznega etera<br \/>\n                <\/h1>\n<p class=\"cellulose-hero-description\">\n                    LANDU je globalno priznano vodilno podjetje na podro\u010dju storitev celulozne tehnologije, specializirano za svetovne tehni\u010dne re\u0161itve.\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\">Years<\/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\">Dr\u017eave<\/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\">Re\u0161itve<\/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\">Celulozni 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\">U\u010dinkovitost<\/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\">Quality<\/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\">Inovacije<\/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\">O LANDU<\/h2>\n<div class=\"about-title-underline\"><\/div>\n<\/p><\/div>\n<div class=\"about-description\">\n<p class=\"about-intro\">LANDU je vodilno tehnolo\u0161ko usmerjeno podjetje s sede\u017eem v Sloveniji, ki vodi inovativne raziskave, razvoj in proizvodnjo v sektorju gradbenih materialov.<\/p>\n<p class=\"about-details\">LANDU prina\u0161a dve desetletji specializiranega znanja na podro\u010dju proizvodnje celuloze, raziskav inovacij, kemijskega in\u017eeniringa ter analitskih znanosti. Sodelujemo s strankami pri izvajanju iniciativ, ki ustvarjajo vrednost, vklju\u010dno z optimizacijo zmogljivosti, izobra\u017eevalnimi delavnicami, razvojem prelomnih izdelkov in programi dvojne certifikacije. Poleg tega podpiramo LANDU z odli\u010dnostjo v proizvodnji, zagotavljanjem kakovosti, upravljanjem oskrbovalnih verig in napredkom v raziskavah, da dosledno dose\u017eemo in prese\u017eemo pri\u010dakovanja strank.<\/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\">Leta strokovnega znanja<\/div>\n<\/p><\/div>\n<div class=\"stat-highlight\">\n<div class=\"stat-number\">100%<\/div>\n<div class=\"stat-text\">Zavezanost kakovosti<\/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=\"Razvoj izdelkov LANDU\" 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=\"Poslovne operacije LANDU\" 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=\"Izdelek LANDU Landercoll\" 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\">Inovacije v biopolimerih<\/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\/sl\/cellulose-ether-hpmc\/hydroxpropyl-methylcellulose-hpmc\/\" class=\"landercoll-explore-btn\"><br \/>\n                        <span>Oglejte podrobnosti<\/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\">Obnovljiv biopolimer<\/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\">Obnovljiv biopolimer, pridobljen iz lesa ali bomba\u017enih vlaken<\/p>\n<\/p><\/div>\n<div class=\"landercoll-product-description\">\n<p class=\"landercoll-description-text\">Re\u0161itve celuloze LANDU Landercoll\u00ae so natan\u010dno zasnovane za zagotavljanje razli\u010dnih lastnosti zmogljivosti.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"landercoll-performance-features\">\n<h3 class=\"landercoll-features-title\">Klju\u010dne prednosti zmogljivosti<\/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\">Vrhunska zadr\u017eevanje vlage<\/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\">Izbolj\u0161ana enostavnost uporabe<\/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\">Zmanj\u0161an upor pri pretoku<\/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\">Podalj\u0161an \u010das dela<\/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\">Okrepljena natezna zmogljivost<\/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\">Viri surovin<\/div>\n<div class=\"landercoll-tech-value\">Les in bomba\u017ena vlakna<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Polymer Type<\/div>\n<div class=\"landercoll-tech-value\">Obnovljiv biopolimer<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Uporaba<\/div>\n<div class=\"landercoll-tech-value\">Gradbeni materiali<\/div>\n<\/p><\/div>\n<div class=\"landercoll-tech-item\">\n<div class=\"landercoll-tech-label\">Performanca<\/div>\n<div class=\"landercoll-tech-value\">Izbolj\u0161ane zna\u010dilnosti<\/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\">Prebojna inovacija<\/span>\n                    <\/div>\n<h2 class=\"product-title\">\n                        <span class=\"title-highlight\">Accurate\u2122<\/span><br \/>\n                    <\/h2>\n<div class=\"product-category\">Re-dispersibilna polimerna pra\u0161ek<\/div>\n<\/p><\/div>\n<div class=\"product-description\">\n<p class=\"description-main\">Kot prebojna inovacija, Accurate\u2122 izbolj\u0161uje na\u0161 obstoje\u010di razred celuloze Landercoll\u00ae. LANDU Accurate\u2122 re-dispersibilni polimerni pra\u0161ek predstavlja dinami\u010dno in napredno kemi\u010dno re\u0161itev, ki opravlja klju\u010dne funkcije v ve\u010d sektorjih, zlasti v gradbeni\u0161tvu in materialnih znanostih.<\/p>\n<\/p><\/div>\n<p>                <!-- Performance Features --><\/p>\n<div class=\"performance-grid\">\n<h3 class=\"features-title\">Napredne koristi zmogljivosti<\/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\">Izbolj\u0161ana prilagodljivost in lepljenje<\/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\">Vrhunska zmogljivost pri nanosu<\/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\">Zmanj\u0161ani u\u010dinki kr\u010denja<\/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\">Podalj\u0161ana \u017eivljenjska doba<\/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\">Obseg termi\u010dne stabilnosti<\/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=\"Izdelek LANDU Accurate\" 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\">Inovacije<\/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\/sl\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"explore-btn\"><br \/>\n                        <span>Oglejte podrobnosti<\/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>Napredna tehnologija<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-text\">\n<h3>Dinami\u010dna napredna kemi\u010dna re\u0161itev<\/h3>\n<p>Opravljanje klju\u010dnih funkcij v gradbeni\u0161tvu in materialnih znanostih z inovativno polimerno tehnologijo, ki spreminja industrijske standarde.<\/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>Certificirana kakovost<\/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>Hitra zmogljivost<\/span>\n                        <\/div>\n<div class=\"mini-feature\">\n<div class=\"mini-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<p>                            <span>Premium razred<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"banner-action\">\n                        <a href=\"https:\/\/hpmc.ae\/sl\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-us-btn\"><br \/>\n                            <span class=\"btn-text\">Kontaktirajte nas<\/span><\/p>\n<div class=\"btn-icon-wrapper\">\n                                <svg class=\"btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"btn-glow\"><\/div>\n<p>                        <\/a>\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Right Image Section --><\/p>\n<div class=\"banner-right\">\n<div class=\"image-container\">\n                        <!-- Decorative Frame --><\/p>\n<div class=\"image-frame\">\n<div class=\"frame-corner corner-tl\"><\/div>\n<div class=\"frame-corner corner-tr\"><\/div>\n<div class=\"frame-corner corner-bl\"><\/div>\n<div class=\"frame-corner corner-br\"><\/div>\n<\/p><\/div>\n<p>                        <!-- Main Image --><\/p>\n<div class=\"banner-image-wrapper\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-test-innovative-laboratories.jpg\" alt=\"LANDU Innovation\" class=\"banner-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-gradient\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Floating Stats --><\/p>\n<div class=\"floating-stat stat-1\">\n<div class=\"stat-icon\">\n<div class=\"stat-pulse\"><\/div>\n<p>                                <span>\u2122<\/span>\n                            <\/div>\n<div class=\"stat-content\">\n<div class=\"stat-label\">Inovacije<\/div>\n<div class=\"stat-value\">Vodja<\/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\">Quality<\/div>\n<div class=\"stat-value\">100%<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Animated Particles --><\/p>\n<div class=\"banner-particles\">\n<div class=\"banner-particle bp-1\"><\/div>\n<div class=\"banner-particle bp-2\"><\/div>\n<div class=\"banner-particle bp-3\"><\/div>\n<div class=\"banner-particle bp-4\"><\/div>\n<div class=\"banner-particle bp-5\"><\/div>\n<div class=\"banner-particle bp-6\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.accurate-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #ffffff 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.accurate-section::before {\n    content: '';\n    position: absolute;\n    top: -100px;\n    right: -100px;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(64, 163, 163, 0.08) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 1;\n}<\/p>\n<p>.accurate-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n    z-index: 2;\n}<\/p>\n<p>.accurate-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    margin-bottom: 60px;\n}<\/p>\n<p>\/* Content Section *\/\n.accurate-content {\n    padding: 20px 0;\n}<\/p>\n<p>.product-header {\n    margin-bottom: 40px;\n}<\/p>\n<p>.innovation-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(59, 130, 246, 0.2);\n    padding: 12px 24px;\n    border-radius: 25px;\n    margin-bottom: 24px;\n    animation: innovation-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>@keyframes innovation-pulse {\n    0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.2); }\n    50% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.4); }\n}<\/p>\n<p>.badge-pulse {\n    width: 8px;\n    height: 8px;\n    background: #3b82f6;\n    border-radius: 50%;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pulse-dot {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.3); opacity: 0.7; }\n}<\/p>\n<p>.badge-text {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #1e40af;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.product-title {\n    font-size: 3.5rem;\n    font-weight: 900;\n    margin-bottom: 16px;\n    line-height: 1.1;\n}<\/p>\n<p>.title-highlight {\n    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 50%, #10b981 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    position: relative;\n}<\/p>\n<p>.title-highlight::after {\n    content: '\u2122';\n    position: absolute;\n    top: -10px;\n    right: -30px;\n    font-size: 1.5rem;\n    color: #3b82f6;\n    font-weight: 700;\n}<\/p>\n<p>.product-category {\n    font-size: 1.1rem;\n    color: #64748b;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.product-description {\n    margin-bottom: 40px;\n}<\/p>\n<p>.description-main {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.7;\n}<\/p>\n<p>\/* Performance Features *\/\n.performance-grid {\n    margin-bottom: 40px;\n}<\/p>\n<p>.features-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #1e40af;\n    margin-bottom: 24px;\n}<\/p>\n<p>.features-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n}<\/p>\n<p>.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.7);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 16px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.05), transparent);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.feature-item:hover::before {\n    left: 100%;\n}<\/p>\n<p>.feature-item:hover {\n    background: rgba(59, 130, 246, 0.05);\n    border-color: rgba(59, 130, 246, 0.3);\n    transform: translateX(12px);\n}<\/p>\n<p>.feature-indicator {\n    position: relative;\n    width: 32px;\n    height: 32px;\n    flex-shrink: 0;\n}<\/p>\n<p>.indicator-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 12px;\n    height: 12px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    z-index: 2;\n}<\/p>\n<p>.indicator-ring {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 2px solid rgba(59, 130, 246, 0.3);\n    border-radius: 50%;\n    animation: indicator-rotate 4s linear infinite;\n}<\/p>\n<p>@keyframes indicator-rotate {\n    0% { transform: rotate(0deg); border-color: rgba(59, 130, 246, 0.3); }\n    50% { border-color: rgba(16, 185, 129, 0.3); }\n    100% { transform: rotate(360deg); border-color: rgba(59, 130, 246, 0.3); }\n}<\/p>\n<p>.feature-name {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0;\n}<\/p>\n<p>\/* Visual Section *\/\n.accurate-visual {\n    position: relative;\n    height: 600px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.product-showcase {\n    position: relative;\n    width: 100%;\n    height: 520px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.showcase-background {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n}<\/p>\n<p>.bg-pattern {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background-image: \n        radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\n    animation: pattern-shift 8s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pattern-shift {\n    0%, 100% { transform: rotate(0deg) scale(1); }\n    50% { transform: rotate(5deg) scale(1.05); }\n}<\/p>\n<p>.bg-gradient {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 249, 255, 0.8) 100%);\n    backdrop-filter: blur(20px);\n}<\/p>\n<p>.product-image {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    max-width: 450px;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n    filter: drop-shadow(0 10px 30px rgba(59, 130, 246, 0.2));\n    transition: all 0.4s ease;\n    z-index: 3;\n}<\/p>\n<p>.product-image:hover {\n    transform: translate(-50%, -50%) scale(1.05) rotate(2deg);\n    filter: drop-shadow(0 15px 40px rgba(59, 130, 246, 0.3));\n    border-radius: 28px;\n}<\/p>\n<p>.image-enhancements {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 450px;\n    height: 450px;\n    pointer-events: none;\n    z-index: 2;\n}<\/p>\n<p>.enhancement-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 350px;\n    height: 350px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);\n    border-radius: 50%;\n    animation: glow-pulse 4s ease-in-out infinite;\n}<\/p>\n<p>@keyframes glow-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; }\n}<\/p>\n<p>.enhancement-particles {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    background: linear-gradient(45deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    animation: particle-orbit 6s linear infinite;\n}<\/p>\n<p>.p-1 { top: 20%; left: 20%; animation-delay: 0s; }\n.p-2 { top: 80%; left: 80%; animation-delay: 1.2s; }\n.p-3 { top: 60%; right: 20%; animation-delay: 2.4s; }\n.p-4 { bottom: 80%; left: 30%; animation-delay: 3.6s; }\n.p-5 { top: 40%; left: 70%; animation-delay: 4.8s; }<\/p>\n<p>@keyframes particle-orbit {\n    0% { transform: rotate(0deg) translateX(80px) rotate(0deg); }\n    100% { transform: rotate(360deg) translateX(80px) rotate(-360deg); }\n}<\/p>\n<p>.innovation-indicator {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, #1e40af, #3b82f6);\n    color: white;\n    padding: 12px 20px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 700;\n    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);\n    z-index: 10;\n}<\/p>\n<p>.indicator-symbol {\n    font-size: 1.2rem;\n    color: #fbbf24;\n}<\/p>\n<p>\/* Technical Visualization *\/\n.tech-visualization {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}<\/p>\n<p>.tech-element {\n    position: absolute;\n}<\/p>\n<p>.tech-1 { top: 15%; left: 10%; }\n.tech-2 { bottom: 30%; right: 15%; }\n.tech-3 { top: 60%; left: 5%; }<\/p>\n<p>.tech-line {\n    width: 80px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.4), transparent);\n    animation: tech-scan 3s ease-in-out infinite;\n}<\/p>\n<p>.tech-node {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    background: #3b82f6;\n    border-radius: 50%;\n    animation: node-blink 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes tech-scan {\n    0%, 100% { opacity: 0.3; }\n    50% { opacity: 1; }\n}<\/p>\n<p>@keyframes node-blink {\n    0%, 100% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.3); }\n    50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.8); }\n}<\/p>\n<p>\/* Action Button *\/\n.product-action {\n    margin-top: 0;\n    text-align: center;\n    position: relative;\n    z-index: 10;\n}<\/p>\n<p>.explore-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 16px;\n    background: linear-gradient(135deg, #1e40af, #3b82f6, #10b981);\n    color: white;\n    padding: 18px 36px;\n    border-radius: 16px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.1rem;\n    transition: all 0.4s ease;\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n}<\/p>\n<p>.explore-btn:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.4);\n    gap: 20px;\n}<\/p>\n<p>.btn-effect {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.effect-particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    animation: particle-move 2s ease-in-out infinite;\n}<\/p>\n<p>.effect-particle:nth-child(1) { top: 20%; left: 20%; animation-delay: 0s; }\n.effect-particle:nth-child(2) { top: 60%; left: 70%; animation-delay: 0.7s; }\n.effect-particle:nth-child(3) { top: 80%; left: 40%; animation-delay: 1.4s; }<\/p>\n<p>@keyframes particle-move {\n    0%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }\n    50% { transform: scale(1) rotate(180deg); opacity: 1; }\n}<\/p>\n<p>.btn-arrow {\n    transition: transform 0.3s ease;\n    font-size: 1.3rem;\n}<\/p>\n<p>.explore-btn:hover .btn-arrow {\n    transform: translateX(4px);\n}<\/p>\n<p>\/* Innovation Banner *\/\n.innovation-banner {\n    position: relative;\n    background: linear-gradient(135deg, \n        rgba(30, 64, 175, 0.03) 0%, \n        rgba(59, 130, 246, 0.05) 25%,\n        rgba(16, 185, 129, 0.03) 50%,\n        rgba(139, 92, 246, 0.03) 75%,\n        rgba(30, 64, 175, 0.03) 100%\n    );\n    border: 2px solid rgba(59, 130, 246, 0.1);\n    border-radius: 32px;\n    padding: 60px;\n    margin-top: 80px;\n    overflow: hidden;\n}<\/p>\n<p>\/* Background Effects *\/\n.banner-bg-effects {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}<\/p>\n<p>.bg-circle {\n    position: absolute;\n    border-radius: 50%;\n    opacity: 0.4;\n}<\/p>\n<p>.circle-1 {\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);\n    top: -100px;\n    left: -100px;\n    animation: float-circle 20s ease-in-out infinite;\n}<\/p>\n<p>.circle-2 {\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, transparent 70%);\n    bottom: -50px;\n    right: 10%;\n    animation: float-circle 15s ease-in-out infinite reverse;\n}<\/p>\n<p>.circle-3 {\n    width: 150px;\n    height: 150px;\n    background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);\n    top: 50%;\n    right: -50px;\n    animation: float-circle 18s ease-in-out infinite;\n}<\/p>\n<p>@keyframes float-circle {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    50% { transform: translate(30px, -30px) scale(1.1); }\n}<\/p>\n<p>.bg-wave {\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(59, 130, 246, 0.3) 50%, \n        transparent 100%\n    );\n}<\/p>\n<p>.wave-1 {\n    top: 30%;\n    animation: wave-flow 8s ease-in-out infinite;\n}<\/p>\n<p>.wave-2 {\n    bottom: 30%;\n    animation: wave-flow 10s ease-in-out infinite reverse;\n}<\/p>\n<p>@keyframes wave-flow {\n    0%, 100% { transform: translateX(-100%); opacity: 0; }\n    50% { opacity: 1; }\n    100% { transform: translateX(100%); opacity: 0; }\n}<\/p>\n<p>\/* Banner Content Layout *\/\n.banner-content {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    z-index: 2;\n}<\/p>\n<p>\/* Left Section *\/\n.banner-left {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}<\/p>\n<p>.banner-header {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 8px;\n}<\/p>\n<p>.banner-icon {\n    position: relative;\n    width: 60px;\n    height: 60px;\n}<\/p>\n<p>.icon-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);\n}<\/p>\n<p>.icon-ring {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border: 2px solid;\n    border-radius: 50%;\n    opacity: 0.6;\n}<\/p>\n<p>.ring-1 {\n    width: 100%;\n    height: 100%;\n    border-color: rgba(59, 130, 246, 0.4);\n    animation: ring-pulse 3s ease-in-out infinite;\n}<\/p>\n<p>.ring-2 {\n    width: 80%;\n    height: 80%;\n    border-color: rgba(16, 185, 129, 0.4);\n    animation: ring-pulse 3s ease-in-out infinite 1s;\n}<\/p>\n<p>.ring-3 {\n    width: 60%;\n    height: 60%;\n    border-color: rgba(139, 92, 246, 0.4);\n    animation: ring-pulse 3s ease-in-out infinite 2s;\n}<\/p>\n<p>@keyframes ring-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; }\n}<\/p>\n<p>.banner-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));\n    border: 1px solid rgba(59, 130, 246, 0.3);\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e40af;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.badge-dot {\n    width: 6px;\n    height: 6px;\n    background: #10b981;\n    border-radius: 50%;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>.banner-text h3 {\n    font-size: 2rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #10b981 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.3;\n    margin-bottom: 16px;\n}<\/p>\n<p>.banner-text p {\n    font-size: 1.05rem;\n    color: #64748b;\n    line-height: 1.7;\n}<\/p>\n<p>\/* Mini Features *\/\n.banner-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}<\/p>\n<p>.mini-feature {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(59, 130, 246, 0.1);\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.mini-feature:hover {\n    background: rgba(59, 130, 246, 0.05);\n    border-color: rgba(59, 130, 246, 0.3);\n    transform: translateY(-2px);\n}<\/p>\n<p>.mini-icon {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 8px;\n    color: white;\n    flex-shrink: 0;\n}<\/p>\n<p>.mini-icon svg {\n    width: 16px;\n    height: 16px;\n}<\/p>\n<p>.mini-feature span {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #1e293b;\n}<\/p>\n<p>\/* Contact Button *\/\n.banner-action {\n    margin-top: 8px;\n}<\/p>\n<p>.contact-us-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #10b981 100%);\n    color: white;\n    padding: 16px 32px;\n    border-radius: 16px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.05rem;\n    transition: all 0.4s ease;\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n}<\/p>\n<p>.contact-us-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.contact-us-btn:hover::before {\n    left: 100%;\n}<\/p>\n<p>.contact-us-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.4);\n    gap: 16px;\n}<\/p>\n<p>.btn-icon-wrapper {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.contact-us-btn:hover .btn-icon-wrapper {\n    background: rgba(255, 255, 255, 0.3);\n    transform: rotate(45deg);\n}<\/p>\n<p>.btn-icon {\n    width: 14px;\n    height: 14px;\n}<\/p>\n<p>.btn-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}<\/p>\n<p>.contact-us-btn:hover .btn-glow {\n    opacity: 1;\n}<\/p>\n<p>\/* Right Section - Image Container *\/\n.banner-right {\n    position: relative;\n    height: 450px;\n}<\/p>\n<p>.image-container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}<\/p>\n<p>\/* Decorative Frame *\/\n.image-frame {\n    position: absolute;\n    top: -12px;\n    left: -12px;\n    right: -12px;\n    bottom: -12px;\n    pointer-events: none;\n    z-index: 3;\n}<\/p>\n<p>.frame-corner {\n    position: absolute;\n    width: 40px;\n    height: 40px;\n    border: 3px solid;\n    border-color: rgba(59, 130, 246, 0.4);\n}<\/p>\n<p>.corner-tl {\n    top: 0;\n    left: 0;\n    border-right: none;\n    border-bottom: none;\n    border-top-left-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite;\n}<\/p>\n<p>.corner-tr {\n    top: 0;\n    right: 0;\n    border-left: none;\n    border-bottom: none;\n    border-top-right-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite 0.75s;\n}<\/p>\n<p>.corner-bl {\n    bottom: 0;\n    left: 0;\n    border-right: none;\n    border-top: none;\n    border-bottom-left-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite 1.5s;\n}<\/p>\n<p>.corner-br {\n    bottom: 0;\n    right: 0;\n    border-left: none;\n    border-top: none;\n    border-bottom-right-radius: 8px;\n    animation: corner-glow 3s ease-in-out infinite 2.25s;\n}<\/p>\n<p>@keyframes corner-glow {\n    0%, 100% { border-color: rgba(59, 130, 246, 0.4); }\n    50% { border-color: rgba(16, 185, 129, 0.6); }\n}<\/p>\n<p>\/* Main Image *\/\n.banner-image-wrapper {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n    transition: all 0.4s ease;\n}<\/p>\n<p>.banner-image-wrapper:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 80px rgba(59, 130, 246, 0.3);\n}<\/p>\n<p>.banner-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.banner-image-wrapper:hover .banner-image {\n    transform: scale(1.08);\n}<\/p>\n<p>.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}<\/p>\n<p>.overlay-gradient {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, \n        rgba(30, 64, 175, 0.1) 0%, \n        transparent 50%, \n        rgba(16, 185, 129, 0.1) 100%\n    );\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}<\/p>\n<p>.banner-image-wrapper:hover .overlay-gradient {\n    opacity: 1;\n}<\/p>\n<p>\/* Floating Stats *\/\n.floating-stat {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(59, 130, 246, 0.2);\n    border-radius: 16px;\n    padding: 12px 20px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n    z-index: 4;\n    animation: float-stat 3s ease-in-out infinite;\n}<\/p>\n<p>.stat-1 {\n    top: 30px;\n    left: -30px;\n    animation-delay: 0s;\n}<\/p>\n<p>.stat-2 {\n    bottom: 40px;\n    right: -30px;\n    animation-delay: 1.5s;\n}<\/p>\n<p>@keyframes float-stat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}<\/p>\n<p>.stat-icon {\n    position: relative;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 12px;\n    color: white;\n    font-weight: 700;\n    font-size: 1.2rem;\n}<\/p>\n<p>.stat-pulse {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    background: inherit;\n    border-radius: 12px;\n    animation: stat-pulse 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes stat-pulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0; }\n}<\/p>\n<p>.stat-content {\n    display: flex;\n    flex-direction: column;\n}<\/p>\n<p>.stat-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #64748b;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.stat-value {\n    font-size: 1.1rem;\n    font-weight: 800;\n    color: #1e40af;\n}<\/p>\n<p>\/* Banner Particles *\/\n.banner-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 2;\n}<\/p>\n<p>.banner-particle {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: linear-gradient(135deg, #3b82f6, #10b981);\n    border-radius: 50%;\n    opacity: 0.6;\n    animation: banner-particle-float 8s ease-in-out infinite;\n}<\/p>\n<p>.bp-1 { top: 10%; left: 15%; animation-delay: 0s; }\n.bp-2 { top: 30%; right: 20%; animation-delay: 1.3s; }\n.bp-3 { top: 60%; left: 10%; animation-delay: 2.6s; }\n.bp-4 { bottom: 25%; right: 15%; animation-delay: 3.9s; }\n.bp-5 { top: 80%; left: 25%; animation-delay: 5.2s; }\n.bp-6 { top: 45%; right: 10%; animation-delay: 6.5s; }<\/p>\n<p>@keyframes banner-particle-float {\n    0%, 100% { \n        transform: translate(0, 0) scale(1); \n        opacity: 0.6; \n    }\n    25% { \n        transform: translate(20px, -20px) scale(1.2); \n        opacity: 0.8; \n    }\n    50% { \n        transform: translate(10px, -40px) scale(0.8); \n        opacity: 0.4; \n    }\n    75% { \n        transform: translate(-10px, -20px) scale(1.1); \n        opacity: 0.7; \n    }\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .accurate-content-grid {\n        gap: 60px;\n    }<\/p>\n<p>    .accurate-visual {\n        height: 550px;\n    }<\/p>\n<p>    .product-showcase {\n        height: 470px;\n    }<\/p>\n<p>    .innovation-banner {\n        padding: 50px;\n    }<\/p>\n<p>    .banner-content {\n        gap: 60px;\n    }<\/p>\n<p>    .banner-text h3 {\n        font-size: 1.75rem;\n    }<\/p>\n<p>    .banner-right {\n        height: 400px;\n    }<\/p>\n<p>    .banner-features {\n        grid-template-columns: 1fr;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .accurate-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .accurate-content-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }<\/p>\n<p>    .product-title {\n        font-size: 2.8rem;\n        text-align: center;\n    }<\/p>\n<p>    .accurate-visual {\n        height: 500px;\n    }<\/p>\n<p>    .product-showcase {\n        height: 420px;\n    }<\/p>\n<p>    .innovation-banner {\n        padding: 40px 30px;\n        margin-top: 60px;\n    }<\/p>\n<p>    .banner-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }<\/p>\n<p>    .banner-header {\n        justify-content: center;\n    }<\/p>\n<p>    .banner-text {\n        text-align: center;\n    }<\/p>\n<p>    .banner-text h3 {\n        font-size: 1.6rem;\n    }<\/p>\n<p>    .banner-features {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .banner-action {\n        display: flex;\n        justify-content: center;\n    }<\/p>\n<p>    .banner-right {\n        height: 350px;\n    }<\/p>\n<p>    .stat-1 {\n        left: 10px;\n        top: 20px;\n    }<\/p>\n<p>    .stat-2 {\n        right: 10px;\n        bottom: 30px;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .accurate-container {\n        padding: 0 16px;\n    }<\/p>\n<p>    .product-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .innovation-banner {\n        padding: 30px 20px;\n        border-radius: 24px;\n    }<\/p>\n<p>    .banner-text h3 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .banner-text p {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .contact-us-btn {\n        padding: 14px 28px;\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .banner-right {\n        height: 300px;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Cellulose Technology Cellulose Ether Services LANDU is a globally recognized leader in the field of cellulose technology services, specializing in global technical solutions. 20+ Years 50+ Countries 1K+ Solutions C\u2086H\u2081\u2080O\u2085 Cellulose Ether Efficiency Quality Innovation ABOUT LANDU LANDU stands as a premier technology-driven company based in Shandong Province, spearheading innovative research, development, and production within [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5317,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5327","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/comments?post=5327"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5327\/revisions"}],"predecessor-version":[{"id":5328,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5327\/revisions\/5328"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5317"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/media?parent=5327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}