*{margin:0;padding:0;box-sizing:border-box}.hero-modern,.hero-title-modern{will-change:transform;transform:translateZ(0)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px;padding:4rem}.spinner{width:50px;height:50px;border:4px solid var(--bg-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:4rem 2rem;color:var(--text-light)}.error-message h2{color:var(--primary-color);margin-bottom:1rem}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:1rem;border-radius:5px;margin-top:1rem}.snackbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background-color:var(--primary-color);color:white;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:10000;min-width:300px;max-width:90%;display:flex;align-items:center;justify-content:space-between;gap:1rem;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.snackbar.show{opacity:1;transform:translateX(-50%) translateY(0)}.snackbar.success{background-color:var(--primary-color)}.snackbar.error{background-color:#dc3545}.snackbar.info{background-color:#3498db}.snackbar-message{flex:1;font-weight:500}.snackbar-close{background:none;border:none;color:white;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.9;transition:var(--transition);border-radius:50%}.snackbar-close:hover{opacity:1;background-color:rgba(255,255,255,.2)}.snackbar-icon{margin-right:.5rem;font-size:1.25rem}:root{--primary-color:#1db675;--secondary-color:#00725c;--text-color:#333;--text-light:#666;--bg-color:#ffffff;--bg-light:#f8f9fa;--border-color:#e0e0e0;--shadow:0 2px 8px rgba(0,0,0,.1);--shadow-hover:0 4px 16px rgba(0,0,0,.15);--transition:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .2s cubic-bezier(.4,0,.2,1);--transition-slow:all .5s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{font-family:"SF Pro Display",Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.container{max-width:1200px;margin:0 auto;padding:0 10px}.main-header{background-color:var(--bg-color);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:.75rem}.logo a{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-color)}.logo-img{height:40px;width:auto}.logo-text{font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.main-nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;transition:var(--transition-fast);padding:.5rem 0;position:relative}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover::after{width:100%}.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-item-dropdown{position:relative;display:flex;align-items:center}.nav-item-dropdown>.nav-link{display:flex;align-items:center;cursor:pointer;white-space:nowrap}.nav-item-dropdown .dropdown-arrow{transition:transform .3s ease;margin-left:4px;display:inline-block;vertical-align:middle}.nav-item-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);list-style:none;padding:.5rem 0;margin:0;min-width:180px;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:1000;display:block}.nav-item-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-dropdown li{margin:0;display:block;width:100%}.nav-dropdown .nav-link{display:block;padding:.75rem 1.5rem;color:var(--text-color);text-decoration:none;transition:var(--transition-fast);border-bottom:none;width:100%;box-sizing:border-box;white-space:nowrap}.nav-dropdown .nav-link::after{display:none!important}.nav-dropdown .nav-link:hover{background-color:var(--bg-light);color:var(--primary-color);transform:none!important;padding-left:2rem}.nav-dropdown li:last-child .nav-link{border-bottom:none}@media (max-width:768px){.nav-item-dropdown{width:100%;flex-direction:column;align-items:stretch}.nav-item-dropdown>.nav-link{width:100%;justify-content:space-between;padding:.75rem 0}.nav-dropdown{position:static!important;transform:none!important;box-shadow:none;background:transparent;padding:0;margin:.5rem 0 0 1.5rem;opacity:1!important;visibility:visible!important;display:none;min-width:auto;width:100%}.nav-item-dropdown.active .nav-dropdown{display:block!important}.nav-dropdown li{width:100%}.nav-dropdown .nav-link{padding:.5rem 1rem;font-size:.95rem;width:100%}.nav-dropdown .nav-link:hover{padding-left:1.5rem;transform:none!important}}.quote-button{display:inline-flex!important;align-items:center;gap:8px;background-color:#ffffff;color:#1a1a1a!important;padding:.5rem 1rem!important;border:1px solid #e5e5e5;border-radius:6px;font-weight:500;font-size:.95rem;line-height:1.2;transition:all .2s ease}.quote-button:hover{border-color:var(--primary-color);background-color:#f8f9fa;transform:none}.quote-text{font-size:.95rem}.quote-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background-color:var(--primary-color);color:#ffffff;font-size:.8rem;font-weight:600;border-radius:11px}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background-color:var(--text-color);transition:var(--transition)}.main-content{min-height:calc(100vh - 200px);animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);animation:staggerFadeIn .6s cubic-bezier(.4,0,.2,1) forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.stagger-children>*:nth-child(7){animation-delay:.7s}.stagger-children>*:nth-child(8){animation-delay:.8s}.stagger-children>*:nth-child(n+9){animation-delay:.9s}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);background-image:url('../assets/storage.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;color:white;padding:5rem 0;text-align:center}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(33,160,119,.6) 0%,rgba(0,124,102,.8) 100%);z-index:0}.hero .container{position:relative;z-index:1}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;margin-bottom:1.5rem;font-weight:700;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.95;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both}.btn{display:inline-block;padding:.75rem 2rem;text-decoration:none;border-radius:5px;font-weight:600;transition:var(--transition);border:none;cursor:pointer;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(33,182,119,.3)}.btn-primary:active{transform:translateY(0) scale(.98);transition:var(--transition-fast)}.btn-secondary{background-color:white;color:var(--primary-color)}.btn-secondary:hover{background-color:var(--bg-light);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:white}.features{padding:4rem 0;background-color:var(--bg-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background-color:white;padding:2rem;border-radius:10px;text-align:center;box-shadow:var(--shadow);transition:var(--transition);opacity:0;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 24px rgba(33,182,119,.2)}.feature-icon{transition:var(--transition)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.feature-icon svg{width:100%;height:100%;stroke:currentColor}.feature-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.intro{padding:4rem 0}.intro-content{max-width:800px;margin:0 auto;text-align:center}.intro-content h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:2.5rem}.intro-content p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-light)}.intro-cta{margin-top:2rem}.page-header{position:relative;background:linear-gradient(180deg,rgba(29,182,117,.03) 0%,rgba(0,114,92,.05) 30%,rgba(29,182,117,.02) 60%,rgba(248,249,250,.7) 100%);color:var(--text-color);padding:4rem 0 3rem;text-align:center;overflow:hidden;min-height:280px;display:flex;align-items:center}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(29,182,117,.2),transparent);z-index:2}.page-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(29,182,117,.15),transparent);z-index:2}.page-header-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.page-header-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(29,182,117,.05) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,114,92,.04) 0%,transparent 50%);animation:gradientShift 15s ease-in-out infinite}.page-header-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.page-shape{position:absolute;opacity:.22;color:rgba(29,182,117,.6);filter:blur(.3px);pointer-events:none;animation:pageFloat 20s ease-in-out infinite}.page-shape svg{width:100%;height:100%;display:block}.page-shape-1{width:180px;height:180px;top:5%;left:3%;animation-delay:0s;color:rgba(29,182,117,.55)}.page-shape-2{width:180px;height:180px;top:35%;right:8%;animation-delay:2s;color:rgba(29,182,117,.55)}.page-shape-3{width:160px;height:160px;bottom:5%;left:20%;animation-delay:4s;color:rgba(29,182,117,.5)}.page-header .container{position:relative;z-index:2;width:100%}.page-header h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.03em;font-family:"SF Pro Display",Inter,sans-serif;color:var(--text-color);line-height:1.15;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.page-header p{font-size:1.2rem;font-weight:400;color:#6b7280;max-width:700px;margin:0 auto;line-height:1.7;opacity:.9;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.sell-form-section,.contact-section{padding:3rem 0}.form-container,.contact-form-container{max-width:1200px;width:100%;margin:0 auto;background-color:white;padding:2rem;border-radius:10px;box-shadow:var(--shadow)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto}.contact-info{padding:2rem}.contact-info h2{color:var(--primary-color);margin-bottom:1rem}.contact-details{margin:2rem 0}.contact-detail-item{margin-bottom:1rem;padding:.5rem 0}.contact-note{background-color:var(--bg-light);padding:1.5rem;border-radius:5px;margin-top:2rem}.sell-form,.contact-form{display:flex;flex-direction:column;gap:1.5rem}.sell-form h2,.contact-form h2{color:var(--primary-color);margin-top:.5rem;margin-bottom:1rem}.sell-form h2:first-child{margin-top:0}.section-header-with-upload{margin-bottom:1.5rem}.section-header-with-upload h2{margin-bottom:.5rem}.form-instruction-text{color:var(--text-light);font-size:.95rem;margin-bottom:1rem;margin-top:0}.upload-option{color:var(--text-light);font-size:.9rem;font-weight:400}.file-upload-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background-color:var(--bg-light);border-radius:8px;border:2px dashed var(--border-color);transition:all .3s ease}.file-upload-wrapper:hover{border-color:var(--primary-color);background-color:rgba(29,182,117,.05)}.file-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:white;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:6px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease}.file-upload-label:hover{background-color:var(--primary-color);color:white}.file-upload-label svg{width:18px;height:18px}.file-name{color:var(--text-light);font-size:.9rem;flex:1;min-width:200px}.btn-remove-file{padding:.5rem 1rem;background-color:#dc3545;color:white;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn-remove-file:hover{background-color:#c82333}.form-group{display:flex;flex-direction:column;margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.7rem .85rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .2s ease;background-color:white;appearance:none;-webkit-appearance:none;-moz-appearance:none}.chemical-item .form-group input,.chemical-item .form-group textarea,.chemical-item .form-group select{background-color:var(--bg-light)}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1)}.form-group select:hover{border-color:rgba(33,182,119,.4)}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2321b677' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-group input:hover,.form-group textarea:hover{border-color:rgba(33,182,119,.5)}.form-submit{display:flex;gap:1rem;margin-top:1rem}.form-submit button[type="submit"]{min-width:180px;text-align:center}.form-message{padding:1rem;border-radius:5px;margin-top:1rem}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-help-text{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;padding:.75rem;background-color:var(--bg-light);border-radius:5px}#chemical-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.chemical-item{background-color:white;padding:1.75rem;border-radius:8px;border:1px solid var(--border-color);position:relative;transition:box-shadow .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.chemical-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.chemical-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.chemical-item-header h3{color:var(--text-color);font-size:1.1rem;margin:0;font-weight:600}.btn-remove-item{background-color:#f8f9fa;color:#6c757d;border:1px solid var(--border-color);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.btn-remove-item:hover{background-color:#dc3545;color:white;border-color:#dc3545}.btn-remove-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.add-item-container{margin-bottom:2rem;text-align:center}.add-item-container .btn{width:100%;max-width:400px}.products-section{padding:3rem 0;overflow:visible;position:relative}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.product-card{background-color:white;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;opacity:0;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:nth-child(4){animation-delay:.4s}.product-card:nth-child(5){animation-delay:.5s}.product-card:nth-child(6){animation-delay:.6s}.product-card:nth-child(n+7){animation-delay:.7s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 24px rgba(33,182,119,.2)}.product-image{width:100%;height:250px;overflow:hidden;background-color:var(--bg-light)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img{transform:scale(1.1)}.product-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.product-name{color:var(--primary-color);margin-bottom:.75rem;font-size:1.25rem}.product-description{color:var(--text-light);margin-bottom:1rem;flex-grow:1}.product-details{margin-bottom:1rem;font-size:.9rem;color:var(--text-light)}.product-footer{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.product-footer .product-price{font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.product-price{font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.add-to-cart{padding:.5rem 1.5rem}.btn-small{padding:.5rem 1rem;font-size:.9rem}.products-list-controls{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap;overflow:visible;position:relative;z-index:100}.list-search-filters{display:flex;align-items:center;gap:1rem;flex:1;overflow:visible;position:relative}.list-search{flex:1;max-width:300px}.search-input{width:100%;padding:.5rem 1rem;padding-left:2.5rem;border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;line-height:1.5;min-height:calc(.5rem * 2 + .9rem * 1.5 + 2px);box-sizing:border-box;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:16px;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1)}.list-filter-group{display:flex;gap:.75rem;align-items:center;position:relative;overflow:visible}.filter-wrapper{position:relative}.filter-select{padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;line-height:1.5;min-height:calc(.5rem * 2 + .9rem * 1.5 + 2px);box-sizing:border-box;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;color:var(--text-color);cursor:pointer;transition:var(--transition);appearance:none;-webkit-appearance:none;-moz-appearance:none;max-width:200px;width:100%;position:relative;z-index:10}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1);background-color:var(--bg-light)}.filter-select:hover{border-color:var(--primary-color);background-color:var(--bg-light)}.filter-wrapper .custom-select-wrapper{position:relative;max-width:200px;width:100%}.filter-wrapper .custom-select{position:relative;width:100%}.filter-wrapper .custom-select-trigger{width:100%;padding:.5rem 6rem .5rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;line-height:1.5;min-height:calc(.5rem * 2 + .9rem * 1.5 + 2px);font-family:inherit;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .3s;box-sizing:border-box;color:var(--text-color)}.filter-wrapper .custom-select-trigger:hover{border-color:var(--primary-color);background-color:var(--bg-light)}.filter-wrapper .custom-select.open .custom-select-trigger{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1);position:relative;border-radius:8px 8px 0 0;min-height:calc(.5rem * 2 + .9rem * 1.5 + 2px)}#filter-date-custom-select.open .custom-select-trigger{width:10.6rem}#filter-location-custom-select.open .custom-select-trigger{width:11.8rem}.filter-wrapper .custom-select-value{flex:1;color:var(--text-color);display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-wrapper .custom-select-value:empty::before{content:'All Countries';color:var(--text-light)}#filter-date-custom-select .custom-select-value:empty::before{content:'All Dates'}.filter-wrapper .custom-select-arrow{display:none}.filter-wrapper .custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;display:none;max-height:300px;overflow:hidden;flex-direction:column;margin-top:4px;box-sizing:border-box}.filter-wrapper .custom-select.open .custom-select-dropdown{display:flex}.filter-wrapper .custom-select-search{width:100%;padding:.5rem 1rem;border:none;border-bottom:1px solid var(--border-color);font-size:.9rem;font-family:inherit;box-sizing:border-box;background-color:white;color:var(--text-color);line-height:1.5;min-height:calc(.5rem * 2 + .9rem * 1.5)}.filter-wrapper .custom-select-search:focus{outline:none;background-color:var(--bg-light)}.filter-wrapper .custom-select.open .custom-select-value{display:none}.filter-wrapper .custom-select.open .custom-select-trigger .custom-select-search{position:absolute;top:0;left:0;right:0;bottom:0;border:none;border-radius:8px 8px 0 0;margin:0;z-index:1;padding:.5rem 2.5rem .5rem 1rem;height:100%;line-height:1.5;font-size:.9rem;box-sizing:border-box}.filter-wrapper .custom-select-options{max-height:250px;overflow-y:auto;padding:.25rem 0}.filter-wrapper .custom-select-option{padding:.5rem 1rem;cursor:pointer;transition:var(--transition);color:var(--text-color);font-size:.9rem}.filter-wrapper .custom-select-option:hover{background-color:var(--bg-light)}.filter-wrapper .custom-select-option.selected{background-color:rgba(33,182,119,.1);color:var(--primary-color);font-weight:500}#filter-location{max-width:180px}#filter-date{max-width:160px}.list-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1.25rem;border:none;background-color:white;color:var(--primary-color);border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color)}.filter-btn:hover{background-color:var(--bg-light)}.filter-btn.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.products-list-table{--product-grid-template:minmax(0,2fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1.5fr);background-color:white;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);margin-top:1rem}.list-table-header{display:grid;grid-template-columns:var(--product-grid-template,minmax(0,2fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.5fr));background-color:var(--bg-light);border-bottom:2px solid var(--border-color);padding:.75rem 0;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);box-sizing:border-box;align-items:center}.list-table-body{display:flex;flex-direction:column}.list-table-row{display:grid;grid-template-columns:var(--product-grid-template,minmax(0,2fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.5fr));padding:.75rem 0;border-bottom:1px solid var(--border-color);transition:var(--transition);align-items:center;box-sizing:border-box}.list-table-row.even{background-color:white}.list-table-row.odd{background-color:var(--bg-light)}.list-table-row:hover{background-color:rgba(33,182,119,.05)}.list-table-row:last-child{border-bottom:none}.list-cell{padding:.25rem 1rem;font-size:.95rem;color:var(--text-color);box-sizing:border-box}.list-header-cell{padding:.25rem 1rem;font-size:.85rem;box-sizing:border-box}.list-header-cell.list-cell-quantity{text-align:right;padding-right:3rem}.list-header-cell.list-cell-manufacturer{padding-left:calc(1rem + .5rem)}.list-header-cell.list-cell-actions{display:flex;justify-content:flex-end;padding-right:1rem}.list-cell-chemical{font-weight:500}.chemical-link{color:var(--text-color);text-decoration:none;transition:var(--transition);line-height:1.4}.chemical-link:hover{color:var(--primary-color);text-decoration:underline}.list-cell-quantity{text-align:right;font-weight:500;padding-right:calc(1rem + .5rem)}.list-cell-manufacturer{color:var(--text-light);padding-left:calc(1rem + .5rem)}.list-cell-location{color:var(--text-light);font-size:.9rem}.list-cell-date{color:var(--text-light);font-size:.9rem}.list-cell-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:stretch;padding-right:1rem}.list-cell-actions .btn{padding:.4rem .9rem;font-size:.85rem;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.add-to-quote{min-width:130px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.add-to-quote.quote-added{background-color:#3498db;border-color:#3498db;color:#ffffff}.add-to-quote.quote-added:hover,.add-to-quote.quote-added:focus-visible{background-color:#2c82c9;border-color:#2c82c9;color:#ffffff}@media (max-width:1200px){.products-list-table{--product-grid-template:minmax(0,2fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.95fr) minmax(0,1.35fr)}.list-table-header,.list-table-row{gap:.75rem}}@media (max-width:968px){.products-list-table{--product-grid-template:minmax(0,2fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.95fr) minmax(0,1.35fr)}.list-table-header,.list-table-row{gap:.5rem}.list-cell-actions{flex-direction:column;gap:.25rem}.list-cell-actions .btn{width:100%;font-size:.8rem;padding:.35rem .75rem}.list-search-filters{flex-wrap:wrap}.list-filter-group{flex-wrap:wrap}}@media (max-width:768px){.products-list-table{--product-grid-template:1fr}.products-list-controls{flex-direction:column;align-items:stretch}.list-search-filters{flex-direction:column;width:100%}.list-search{max-width:100%}.list-filter-group{width:100%}.filter-select{flex:1;min-width:0}.list-table-header,.list-table-row{grid-template-columns:1fr;gap:.5rem}.list-header-cell{display:none}.list-cell::before{content:attr(data-label);font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-light);display:block;margin-bottom:.25rem}.list-cell-quantity{text-align:left;padding-right:0}.list-cell-manufacturer{padding-left:0}.list-cell-actions{flex-direction:row;justify-content:flex-start;margin-top:.5rem}.list-table-row{padding:1rem;border-bottom:2px solid var(--border-color)}}.pagination-container{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;align-items:center}.pagination-info{color:var(--text-light);font-size:.95rem;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:.5rem .75rem;background-color:white;border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);text-decoration:none;font-size:.95rem;font-weight:500;transition:var(--transition);cursor:pointer}.pagination-link:hover:not(.pagination-link-disabled):not(.pagination-link-active){background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(33,182,119,.2)}.pagination-link-active{background-color:var(--primary-color);color:white;border-color:var(--primary-color);cursor:default;font-weight:600}.pagination-link-disabled{background-color:var(--bg-light);color:var(--text-light);border-color:var(--border-color);cursor:not-allowed;opacity:.6}.pagination-numbers{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-ellipsis{color:var(--text-light);padding:0 .5rem;font-weight:600}.pagination-first,.pagination-prev,.pagination-next,.pagination-last{font-weight:600;min-width:auto;padding:.5rem 1rem}@media (max-width:768px){.pagination-container{gap:.75rem}.pagination{gap:.25rem}.pagination-link{min-width:36px;height:36px;padding:.4rem .6rem;font-size:.85rem}.pagination-first,.pagination-prev,.pagination-next,.pagination-last{padding:.4rem .75rem;font-size:.85rem}.pagination-info{font-size:.85rem}}@media (max-width:480px){.pagination-link{min-width:32px;height:32px;padding:.35rem .5rem;font-size:.8rem}.pagination-first,.pagination-prev,.pagination-next,.pagination-last{padding:.35rem .6rem;font-size:.8rem}.pagination-numbers{gap:.25rem}}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.product-detail-section{padding:3rem 0;position:relative}.product-back-button{position:absolute;top:3rem;left:50px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:white;border:2px solid var(--border-color);border-radius:50%;text-decoration:none;color:var(--text-color);transition:var(--transition);box-shadow:var(--shadow);z-index:10}.product-back-button:hover{background-color:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateX(-4px);box-shadow:var(--shadow-hover)}.product-back-button svg{width:20px;height:20px}.product-detail-container{max-width:1200px;margin:0 auto;background-color:white;border-radius:10px;box-shadow:var(--shadow);padding:2rem}.product-name-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary-color);gap:2rem;flex-wrap:wrap}.product-name-header{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0;flex:1;min-width:0}.add-to-quote-header{flex-shrink:0;white-space:nowrap}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.product-images{display:flex;flex-direction:column;gap:1rem}.product-main-image{width:100%;height:500px;overflow:hidden;border-radius:10px;background-color:var(--bg-light);display:flex;align-items:center;justify-content:center}.product-main-image img{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}.product-main-image:hover img{transform:scale(1.05)}.product-thumbnails{display:flex;gap:1rem;flex-wrap:wrap}.thumbnail{width:100px;height:100px;border-radius:5px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition);background-color:var(--bg-light)}.thumbnail:hover{border-color:var(--primary-color)}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(33,182,119,.2)}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.thumbnail:hover img{transform:scale(1.1)}.product-info-detail{display:flex;flex-direction:column;gap:2rem}.product-price-large{font-size:2.5rem;font-weight:bold;color:var(--primary-color);margin-bottom:1rem}.product-name-detail{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;line-height:1.3}.product-price-detail{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-top:1rem;margin-bottom:1rem}.product-description-full{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:.5rem}.product-specifications-list{margin-bottom:3rem}.spec-row{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid #e0e0e0;align-items:start}.spec-label-col{font-weight:600;color:var(--text-color);font-size:1rem;letter-spacing:.3px}.spec-value-col{color:var(--text-color);font-size:1rem;line-height:1.6}.product-photos-grid{display:flex;gap:1rem;flex-wrap:wrap}.product-photo-item{width:120px;height:120px;border-radius:4px;overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-light);cursor:pointer;transition:var(--transition)}.product-photo-item:hover{border-color:var(--primary-color);transform:scale(1.05)}.product-photo-thumb{width:100%;height:100%;object-fit:cover}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.96);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.image-overlay-content{position:relative;max-width:90%;max-height:90%;animation:zoomIn .3s ease}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#overlay-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5)}.image-overlay-close{position:absolute;top:-40px;right:0;background:none;border:none;color:white;font-size:40px;font-weight:300;cursor:pointer;padding:0;width:40px;height:40px;line-height:1;transition:transform .2s ease}.image-overlay-close:hover{transform:scale(1.2)}@media (max-width:768px){.product-photo-item{width:100px;height:100px}.image-overlay-close{top:-35px;font-size:35px}#overlay-image{max-height:85vh}}@media (max-width:480px){.product-photo-item{width:80px;height:80px}.image-overlay-close{top:-30px;font-size:30px}.image-overlay-content{max-width:95%;max-height:95%}}.document-links-list{display:flex;gap:1rem;flex-wrap:wrap}.document-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-size:1rem;transition:var(--transition);padding:.25rem 0}.document-link:hover{color:var(--secondary-color);text-decoration:underline}.document-link svg{width:16px;height:16px;flex-shrink:0}.na-value{color:#999;font-style:italic}.product-description-section{margin-bottom:2rem}.product-description-section .spec-row{border-bottom:none}.description-separator{height:1px;background-color:#e0e0e0;margin:2rem 0}.product-description-content{font-size:1rem;line-height:1.6;color:var(--text-color)}.product-specifications{background-color:var(--bg-light);padding:1.5rem;border-radius:10px}.product-specifications h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.product-storage{background-color:var(--bg-light);padding:1.5rem;border-radius:10px}.product-storage h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.product-storage p{color:var(--text-light);line-height:1.8}.product-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.product-actions-row{display:flex;gap:.5rem;flex-wrap:wrap}.product-additional-info{background-color:var(--bg-light);padding:2rem;border-radius:10px;margin-top:2rem}.product-additional-info h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.product-additional-info p{color:var(--text-light);line-height:1.8;font-size:1.05rem}.product-image a{display:block;width:100%;height:100%;text-decoration:none}.product-name a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.product-name a:hover{color:var(--secondary-color);text-decoration:underline}.cart-notification{background-color:var(--primary-color);color:white;padding:1rem;border-radius:5px;text-align:center;margin-bottom:2rem;display:none;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15)}.cart-notification.show{animation:slideDown .3s ease forwards}.quote-notification{background-color:var(--primary-color);color:white;padding:1rem;border-radius:5px;text-align:center;margin-bottom:2rem;display:none;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15)}.quote-notification.show{animation:slideDown .3s ease forwards}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cart-flying-item{position:fixed;width:40px;height:40px;background-color:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;z-index:10000;pointer-events:none;box-shadow:0 4px 12px rgba(33,182,119,.4);will-change:transform,opacity}.cart-pulse{animation:cartPulse .6s ease}@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.add-to-cart{position:relative;overflow:hidden}.add-to-cart:active{transform:scale(.95)}.add-to-cart.adding{animation:buttonAdd .4s ease}@keyframes buttonAdd{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 0 4px rgba(33,182,119,.3)}100%{transform:scale(1)}}.cart-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;z-index:2000!important;animation:modalBackdropFadeIn .3s cubic-bezier(.4,0,.2,1) forwards;overflow:auto}@keyframes modalBackdropFadeIn{to{background-color:rgba(0,0,0,.5)}}.cart-modal-content{background-color:white;border-radius:10px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-hover);transform:scale(.9) translateY(20px);animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalSlideIn{to{transform:scale(1) translateY(0)}}.cart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.cart-modal-header h2{color:var(--primary-color)}.close-cart{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.cart-items{padding:1.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.cart-item-removing{opacity:0;transform:translateX(-100%);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-bottom:none}.cart-item-info{flex-grow:1}.cart-item-name{font-weight:600;margin-bottom:.25rem}.cart-item-quantity{color:var(--text-light);font-size:.9rem}.cart-item-remove{background-color:#dc3545;color:white;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;transition:var(--transition)}.cart-item-remove:hover{background-color:#c82333;transform:scale(1.05)}.cart-item-remove:active{transform:scale(.95)}.cart-footer{padding:1.5rem;border-top:1px solid var(--border-color)}.quote-request-form{width:100%;padding:1.5rem;background-color:var(--bg-light);border-radius:8px;margin-top:1rem}.quote-request-form h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.25rem}.quote-request-form .form-group{margin-bottom:1rem}.quote-request-form label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:.9rem}.quote-request-form .form-input,.quote-request-form .form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-family:inherit;transition:var(--transition);box-sizing:border-box}.quote-request-form .form-input:focus,.quote-request-form .form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1)}.quote-request-form .form-textarea{resize:vertical;min-height:100px}.quote-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.quote-form-actions .btn{min-width:120px}#checkout-btn,#request-quote-btn,#browse-chemicals-btn{width:100%}.about-content{padding:4rem 0;background:linear-gradient(to bottom,var(--bg-light) 0%,white 50%,var(--bg-light) 100%)}.about-section{margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 1rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.about-section.animate-in{opacity:1;transform:translateY(0)}.about-section:last-child{margin-bottom:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-section h2{color:var(--primary-color);margin-bottom:1.75rem;font-size:2.25rem;font-weight:700;position:relative;padding-bottom:1rem;opacity:0;transform:translateX(-30px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.about-section.animate-in h2{opacity:1;transform:translateX(0)}.about-section h2::after{content:'';position:absolute;bottom:0;left:0;width:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;transition:width .8s ease-out .5s}.about-section.animate-in h2::after{width:60px}.about-section p{margin-bottom:1.25rem;font-size:1.1rem;color:var(--text-color);line-height:1.9}.about-list{list-style:none;padding-left:0;margin-top:1.5rem;background-color:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);opacity:0;transition:opacity .6s ease-out .3s}.about-section.animate-in .about-list{opacity:1}.about-list li{padding:.85rem 0;padding-left:2.5rem;position:relative;color:var(--text-color);font-size:1.05rem;line-height:1.6;transition:opacity .5s ease-out,transform .5s ease-out;opacity:0;transform:translateX(-20px)}.about-list li:hover{transform:translateX(5px)}.about-section.animate-in .about-list li:nth-child(1){opacity:1;transform:translateX(0);transition-delay:.4s}.about-section.animate-in .about-list li:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.5s}.about-section.animate-in .about-list li:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.6s}.about-section.animate-in .about-list li:nth-child(4){opacity:1;transform:translateX(0);transition-delay:.7s}.about-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:bold;font-size:1.2rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:rgba(33,182,119,.1);border-radius:50%}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2.5rem}.value-item{background:white;padding:3rem 2.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease,opacity .6s ease-out,transform .6s ease-out;text-align:center;opacity:0;transform:scale(.95) translateY(20px)}.value-item.animate-in{opacity:1;transform:scale(1) translateY(0)}.value-item:nth-child(1){transition-delay:.1s}.value-item:nth-child(2){transition-delay:.2s}.value-item:nth-child(3){transition-delay:.3s}.value-item:hover{box-shadow:0 4px 20px rgba(33,182,119,.25),0 0 0 1px rgba(33,182,119,.1)}.value-item h3{color:var(--primary-color);margin-bottom:1.25rem;font-size:1.5rem;font-weight:600}.value-item p{color:var(--text-color);line-height:1.8;margin:0}.about-cta{display:flex;gap:1rem;margin-top:3rem;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out .3s,transform .6s ease-out .3s}.about-section.animate-in .about-cta{opacity:1;transform:translateY(0)}.career-content{padding:4rem 0 6rem 0;background:linear-gradient(to bottom,var(--bg-light) 0%,white 50%,var(--bg-light) 100%);position:relative;z-index:1;overflow:visible}.career-filters{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:1.5rem;position:relative;z-index:1}.filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-group{flex:1;min-width:200px}.filter-input,.filter-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;transition:var(--transition)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1)}.career-list{display:grid;gap:2rem;grid-template-columns:1fr;position:relative;z-index:1;width:100%;margin-bottom:2rem}.career-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid var(--border-color);transition:all .3s ease;opacity:1!important;visibility:visible!important;position:relative;z-index:1;width:100%;box-sizing:border-box}.career-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.08);border-color:var(--border-color)}.career-card-header{margin-bottom:1.5rem}.career-card-header h3{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.career-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.career-badge{background-color:rgba(33,182,119,.1);color:var(--primary-color);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.career-location{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem}.career-type{background-color:var(--bg-light);color:var(--text-color);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.career-card-body{margin-bottom:1.5rem}.career-description{color:var(--text-color);line-height:1.7;margin-bottom:1rem}.career-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.career-date{color:var(--text-light);font-size:.9rem}.career-actions{display:flex;gap:1rem;flex-wrap:wrap}.career-empty{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.career-empty h3{color:var(--primary-color);font-size:1.75rem;margin-bottom:1rem}.career-empty p{color:var(--text-light);font-size:1.1rem;margin-bottom:2rem;line-height:1.7}.career-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:10000;overflow-y:auto;padding:2rem 1rem}.career-modal.active{display:flex;align-items:center;justify-content:center}.career-modal-content{background:white;border-radius:12px;width:100%;max-width:800px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:95vh;display:flex;flex-direction:column;position:relative}.career-modal-header{padding:2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.career-modal-header h2{margin:0;color:var(--primary-color);font-size:1.75rem}.career-modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-light);padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.career-modal-close:hover{background-color:var(--bg-light);color:var(--text-color)}.career-modal-body{padding:2rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:calc(95vh - 200px)}.career-modal-body::-webkit-scrollbar{width:8px}.career-modal-body::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px;margin:.5rem 0}.career-modal-body::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:4px;transition:background .3s ease}.career-modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.career-modal-body{scrollbar-width:thin;scrollbar-color:#c0c0c0 var(--bg-light)}.career-modal-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.career-modal-description,.career-modal-requirements{margin-bottom:2rem}.career-modal-description h4,.career-modal-requirements h4{color:var(--primary-color);font-size:1.25rem;margin-bottom:1rem;font-weight:600}.career-modal-description p,.career-modal-requirements p{color:var(--text-color);line-height:1.8;white-space:pre-wrap}.career-modal-date{color:var(--text-light);font-size:.9rem;margin-bottom:.5rem}.career-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.career-application-form{display:flex;flex-direction:column;height:100%}.form-group-career-application{margin-bottom:1.5rem}.form-group-career-application label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.95rem}.form-group-career-application input[type="text"],.form-group-career-application input[type="email"],.form-group-career-application input[type="tel"],.form-group-career-application input[type="file"],.form-group-career-application textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;font-family:inherit;transition:var(--transition);box-sizing:border-box}.form-group-career-application input:focus,.form-group-career-application textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1)}.form-group-career-application textarea{resize:vertical;min-height:120px}.form-group-career-application input[type="file"]{padding:.5rem;cursor:pointer}.form-hint{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-light)}.form-message{padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:768px){.career-filters{padding:1.5rem}.filter-row{flex-direction:column}.filter-group{width:100%}.career-card{padding:1.5rem}.career-card-footer{flex-direction:column;align-items:stretch}.career-actions{width:100%}.career-actions .btn{flex:1}.career-modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.career-modal-header,.career-modal-body,.career-modal-footer{padding:1.5rem}.career-modal-body{max-height:calc(100vh - 180px)}}.main-footer{background-color:var(--secondary-color);color:white;padding:3rem 0 1rem;margin-top:4rem}body:has(.hero-modern) .main-footer,main:has(.hero-modern) ~ .main-footer{margin-top:0}.footer-main-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem;align-items:start}.footer-company h3{margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.footer-company p{opacity:.95;line-height:1.7;color:rgba(255,255,255,.9);font-size:.95rem;margin-bottom:1.25rem}.footer-company .footer-links{margin-top:0;display:flex;gap:1rem;flex-wrap:wrap}.footer-company .footer-links li{margin-bottom:0}.footer-company .footer-links a{padding:.5rem 1rem;background-color:rgba(255,255,255,.1);border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:inline-block}.footer-company .footer-links a:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);text-decoration:none;transform:translateY(-2px)}.footer-contact h4{margin-bottom:.75rem;font-size:1rem;font-weight:600}.footer-newsletter h3{font-size:1.3rem;font-weight:600;margin:0 0 .75rem 0;color:white}.footer-newsletter p{margin:0 0 1.5rem 0;color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.6}.footer-links{list-style:none;margin-bottom:1rem}.footer-links li{margin-bottom:.5rem}.footer-links a{color:rgba(255,255,255,.9);text-decoration:none;transition:opacity .2s;font-size:.95rem}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-subscribe-link{display:inline-flex;align-items:center;gap:.75rem;background:white;color:var(--primary-color);padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-top:.5rem}.footer-subscribe-link:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.footer-subscribe-link svg{transition:transform .3s ease}.footer-subscribe-link:hover svg{transform:translateX(4px)}@media (max-width:992px){.footer-main-content{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-newsletter{grid-column:1 / -1}}@media (max-width:768px){.footer-main-content{grid-template-columns:1fr;gap:2rem}.footer-newsletter h3,.footer-company h3{font-size:1.2rem}.newsletter-form{width:100%;max-width:none}.newsletter-input-wrapper{flex-direction:column;gap:.75rem;padding:.75rem}.newsletter-button{width:100%;justify-content:center}}@media (max-width:480px){.footer-newsletter h3,.footer-company h3{font-size:1.2rem}.footer-newsletter p,.footer-company p{font-size:.9rem}.newsletter-input{font-size:.9rem;padding:.65rem .85rem}.newsletter-button{font-size:.9rem;padding:.65rem 1.25rem}}.terms-content-section{padding:3rem 0}.terms-container{max-width:900px;margin:0 auto;background-color:white;padding:3rem;border-radius:10px;box-shadow:var(--shadow)}.terms-last-updated{color:var(--text-light);font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.terms-content h2{color:var(--primary-color);font-size:1.5rem;margin:2rem 0 1rem 0;font-weight:600}.terms-content h2:first-child{margin-top:0}.terms-content p{color:var(--text-color);line-height:1.8;margin-bottom:1rem}.terms-content ul{margin:1rem 0 1.5rem 2rem;line-height:1.8}.terms-content li{color:var(--text-color);margin-bottom:.5rem}.terms-content a{color:var(--primary-color);text-decoration:none;font-weight:500}.terms-content a:hover{text-decoration:underline}@media (max-width:768px){.terms-container{padding:2rem 1.5rem}.terms-content h2{font-size:1.3rem}.terms-content ul{margin-left:1.5rem}}@media (max-width:480px){.terms-container{padding:1.5rem 1rem}.terms-content h2{font-size:1.2rem}.terms-content ul{margin-left:1rem}}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.95)}.footer-social{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:rgba(255,255,255,.9);background-color:transparent;transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;line-height:0}.footer-social-link svg{width:1.1rem;height:1.1rem}.footer-social-link:hover{color:var(--primary-color);background-color:rgba(255,255,255,.18);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}.footer-social-link:focus-visible{color:var(--primary-color);background-color:rgba(255,255,255,.2);box-shadow:0 0 0 3px rgba(29,182,117,.45),0 6px 16px rgba(0,0,0,.2);transform:translateY(-1px)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-list{position:fixed;top:70px;left:0;right:0;background-color:white;flex-direction:column;padding:2rem;box-shadow:var(--shadow);display:none;gap:1rem}.nav-list.active{display:flex}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.form-row{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.about-cta{flex-direction:column}.about-cta .btn{width:100%;text-align:center}.product-detail-grid{grid-template-columns:1fr;gap:2rem}.product-name-header-container{flex-direction:column;align-items:flex-start;gap:1rem}.product-name-header{font-size:1.75rem;width:100%}.add-to-quote-header{width:100%}.spec-row{grid-template-columns:1fr;gap:.75rem;padding:1rem 0}.spec-label-col{font-size:.9rem;margin-bottom:.25rem}.spec-value-col{font-size:.95rem}.product-photos-grid{gap:.75rem}.product-photo-item{width:100px;height:100px}.document-links-list{flex-direction:column;gap:.5rem}.product-main-image{height:400px}.product-actions{flex-direction:column}.product-actions .btn{width:100%;text-align:center}.product-actions-row{flex-direction:column}.product-actions-row .btn{width:100%;text-align:center}.spec-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero{padding:3rem 0}.hero-title{font-size:1.75rem}.page-header{padding:3rem 0 2.5rem;min-height:220px}.page-header h1{font-size:2.5rem}.page-header p{font-size:1.1rem}.page-shape-1{width:120px;height:120px;top:3%;left:1%}.page-shape-2{width:120px;height:120px;top:30%;right:3%}.page-shape-3{width:110px;height:110px;bottom:3%;left:15%}.form-container,.contact-form-container{padding:1.5rem}.form-submit{flex-direction:column}.form-submit .btn{width:100%}.snackbar{min-width:auto;width:calc(100% - 2rem);left:1rem;transform:translateX(0) translateY(100px)}.snackbar.show{transform:translateX(0) translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.breadcrumb-nav{padding:1rem 0;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.breadcrumb{display:flex;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:wrap;gap:.5rem}.breadcrumb li{display:flex;align-items:center;font-size:.9rem;color:var(--text-light)}.breadcrumb li:not(:last-child)::after{content:"›";margin-left:.5rem;color:var(--text-light);font-size:1.1rem}.breadcrumb a{color:var(--text-color);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--primary-color);text-decoration:underline}.breadcrumb li:last-child{color:var(--primary-color);font-weight:500}@media (max-width:768px){.breadcrumb{font-size:.85rem}.breadcrumb-nav{padding:.75rem 0}}.hero-modern{position:relative;height:calc(100vh - 80px);min-height:600px;max-height:900px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:0}.hero-modern .container{margin-left:0;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%;max-width:1200px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-background-image{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(29,182,117,.05) 0%,rgba(0,114,92,.08) 50%,rgba(29,182,117,.05) 100%)}.hero-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.shape{position:absolute;opacity:.08;animation:float 25s infinite ease-in-out;color:var(--primary-color);filter:drop-shadow(0 0 20px rgba(29,182,117,.3))}.shape svg{width:100%;height:100%;display:block}.shape-1{width:350px;height:350px;top:-80px;left:-80px;animation-delay:0s;color:var(--primary-color)}.shape-2{width:280px;height:280px;bottom:10%;right:5%;animation-delay:-7s;color:var(--secondary-color)}.shape-3{width:200px;height:200px;top:45%;right:-30px;animation-delay:-14s;color:var(--primary-color)}.shape-4{width:300px;height:300px;top:5%;right:3%;animation-delay:-3s;color:var(--secondary-color);opacity:.06}.shape-5{width:220px;height:220px;bottom:15%;left:8%;animation-delay:-18s;color:var(--primary-color);opacity:.07}@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(30px,-30px) rotate(5deg) scale(1.08)}50%{transform:translate(-20px,20px) rotate(-3deg) scale(.92)}75%{transform:translate(20px,30px) rotate(4deg) scale(1.05)}}@keyframes pageFloat{0%,100%{transform:translate(0,0) rotate(0deg) scale(1);opacity:.22}25%{transform:translate(25px,-25px) rotate(4deg) scale(1.06);opacity:.25}50%{transform:translate(-15px,15px) rotate(-2deg) scale(.94);opacity:.2}75%{transform:translate(15px,20px) rotate(3deg) scale(1.03);opacity:.23}}@keyframes pageFloatCentered{0%,100%{transform:translate(0,-50%) rotate(0deg) scale(1);opacity:.22}25%{transform:translate(25px,calc(-50% - 25px)) rotate(4deg) scale(1.06);opacity:.25}50%{transform:translate(-15px,calc(-50% + 15px)) rotate(-2deg) scale(.94);opacity:.2}75%{transform:translate(15px,calc(-50% + 20px)) rotate(3deg) scale(1.03);opacity:.23}}@keyframes gradientShift{0%,100%{transform:translate(0,0) scale(1);opacity:1}50%{transform:translate(10%,5%) scale(1.1);opacity:.8}}.hero-content-modern{position:relative;z-index:1;text-align:left;max-width:600px;margin:0;padding:2rem 0 2rem 2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,rgba(29,182,117,.1),rgba(0,114,92,.1));border:1px solid rgba(29,182,117,.3);border-radius:50px;font-size:.9rem;font-weight:500;color:var(--secondary-color);margin-bottom:2rem;transition:var(--transition)}.hero-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(29,182,117,.2)}.hero-badge svg{color:var(--primary-color)}.hero-title-modern{font-size:4rem;font-weight:700;line-height:1.1;color:var(--text-color);margin-bottom:3rem;letter-spacing:-.03em;font-family:"SF Pro Display",Inter,sans-serif;contain:layout style paint;text-shadow:0 2px 8px rgba(255,255,255,.9),0 1px 3px rgba(255,255,255,.7)}.gradient-text{color:#1db675;display:inline-block}.hero-subtitle-modern{font-size:1.15rem;font-weight:400;line-height:1.8;color:#6b7280;margin-bottom:3rem;margin-top:1.5rem;max-width:650px;margin-left:0;margin-right:auto;opacity:.9}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(29,182,117,.1);box-shadow:0 10px 40px rgba(0,0,0,.05)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:var(--text-light);font-weight:500}.stat-divider{width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--border-color),transparent)}.hero-buttons-modern{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1.05rem;font-weight:600;border-radius:12px;text-decoration:none;transition:var(--transition);border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden}.btn-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-modern:hover::before{left:100%}.btn-primary-modern{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;box-shadow:0 4px 15px rgba(29,182,117,.3)}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(29,182,117,.4)}.btn-secondary-modern{background:white;color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 15px rgba(0,0,0,.05)}.btn-secondary-modern:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(29,182,117,.3)}.btn-white{background:white;color:var(--primary-color);box-shadow:0 4px 15px rgba(0,0,0,.1)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.btn-outline-white{background:transparent;color:white;border-color:white}.btn-outline-white:hover{background:white;color:var(--primary-color);transform:translateY(-2px)}.hero-trust-badges{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-light);font-weight:500}.trust-badge svg{color:var(--primary-color)}.scroll-indicator{position:absolute;bottom:2rem;left:2rem;z-index:1}.scroll-mouse{width:30px;height:50px;border:2px solid var(--primary-color);border-radius:15px;position:relative;opacity:.6}.scroll-wheel{width:4px;height:8px;background:var(--primary-color);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(20px)}}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,rgba(29,182,117,.1),rgba(0,114,92,.1));color:var(--primary-color);font-size:.9rem;font-weight:600;border-radius:50px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.section-title{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:0;letter-spacing:-.025em;font-family:"SF Pro Display",Inter,sans-serif}.section-description{font-size:1.1rem;font-weight:400;line-height:1.7;color:#6b7280;max-width:600px;margin:0 auto;opacity:.9}.how-it-works{padding:8rem 0;background:var(--bg-light)}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:2rem;align-items:center;max-width:1400px;margin:0 auto}.step-card{background:white;padding:2.5rem 2rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:var(--transition);position:relative;min-height:320px;display:flex;flex-direction:column}.step-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px rgba(0,0,0,.1)}.step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:45px;height:45px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px rgba(29,182,117,.3)}.step-icon{width:80px;height:80px;margin:1rem auto 1.5rem;background:linear-gradient(135deg,rgba(29,182,117,.1),rgba(0,114,92,.1));border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.step-title{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;letter-spacing:-.01em;font-family:"SF Pro Display",Inter,sans-serif}.step-description{font-size:.95rem;color:var(--text-light);line-height:1.6}.step-connector{display:flex;align-items:center;justify-content:center;color:var(--primary-color);opacity:.5}.step-connector svg{width:30px;height:30px}.features-modern{padding:6rem 0;background:white}.features-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card-modern{background:white;border-radius:20px;overflow:hidden;transition:var(--transition);border:1px solid var(--border-color)}.feature-card-modern:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.1);border-color:var(--primary-color)}.feature-card-inner{padding:2.5rem}.feature-icon-modern{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:white;transition:var(--transition)}.feature-card-modern:hover .feature-icon-modern{transform:scale(1.1) rotate(5deg)}.gradient-green{background:linear-gradient(135deg,#1db675,#00725c)}.gradient-blue{background:linear-gradient(135deg,#3498db,#2c3e50)}.gradient-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.gradient-orange{background:linear-gradient(135deg,#f39c12,#e67e22)}.gradient-red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.gradient-teal{background:linear-gradient(135deg,#1abc9c,#16a085)}.feature-icon-modern svg{width:36px;height:36px;stroke-width:2.5}.feature-title-modern{font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;letter-spacing:-.015em;font-family:"SF Pro Display",Inter,sans-serif}.feature-description-modern{font-size:1rem;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.feature-benefits{list-style:none;padding:0;margin:0}.feature-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;color:var(--text-color)}.feature-benefits svg{color:var(--primary-color);flex-shrink:0}.feature-highlight{position:relative}.feature-highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:20px 20px 0 0}.cta-section{position:relative;padding:6rem 0;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.cta-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,.05)"/></svg>');opacity:.3}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:3rem;font-weight:700;color:white;margin-bottom:2.5rem;letter-spacing:-.025em;line-height:1.15;font-family:"SF Pro Display",Inter,sans-serif}.cta-description{font-size:1.15rem;font-weight:400;color:rgba(255,255,255,.85);margin-bottom:2.5rem;margin-top:1.25rem;line-height:1.75;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.cta-trust{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.trust-item{display:flex;align-items:center;gap:.75rem;color:white;font-size:1rem;font-weight:500}.trust-item svg{flex-shrink:0}@media (max-width:1024px){.hero-title-modern{font-size:3.25rem}.section-title{font-size:2.5rem}.page-header h1{font-size:3rem}.page-header p{font-size:1.15rem}.features-grid-modern{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr;gap:1rem}.step-connector{transform:rotate(90deg);margin:1rem 0}.cta-title{font-size:2.5rem}}@media (max-width:768px){.hero-modern{height:calc(100vh - 70px);min-height:500px;max-height:800px;padding:0}.hero-content-modern{padding:1.5rem 0 1.5rem 1.5rem;max-width:100%}.hero-title-modern{font-size:2.75rem}.hero-subtitle-modern{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1.5rem;padding:1.5rem;justify-content:flex-start}.hero-buttons-modern{justify-content:flex-start}.hero-trust-badges{justify-content:flex-start}.stat-divider{display:none}.stat-number{font-size:2rem}.hero-buttons-modern{flex-direction:column;width:100%}.btn-modern{width:100%}.hero-trust-badges{flex-direction:column;gap:1rem}.section-title{font-size:2.25rem}.section-description{font-size:1rem}.how-it-works,.features-modern,.cta-section{padding:4rem 0}.features-grid-modern{grid-template-columns:1fr}.step-card{padding:2rem 1.5rem}.feature-card-inner{padding:2rem}.cta-title{font-size:2.25rem}.cta-description{font-size:1.05rem}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn-modern{width:100%}.page-header{padding:3rem 0 2.5rem;min-height:220px}.page-header h1{font-size:2.5rem}.page-header p{font-size:1.1rem}.page-shape-1{width:120px;height:120px;top:3%;left:1%}.page-shape-2{width:120px;height:120px;top:30%;right:3%}.page-shape-3{width:110px;height:110px;bottom:3%;left:15%}.cta-trust{flex-direction:column;gap:1.5rem}.scroll-indicator{display:none}}@media (max-width:480px){.hero-modern{height:calc(100vh - 70px);min-height:450px;max-height:700px}.hero-content-modern{padding:1rem 0 1rem 1rem}.hero-title-modern{font-size:2.25rem}.hero-subtitle-modern{font-size:1rem}.hero-buttons-modern{flex-direction:column;width:100%}.hero-buttons-modern .btn-modern{width:100%}.hero-trust-badges{flex-direction:column;align-items:flex-start;gap:1rem}.section-title{font-size:1.875rem}.stat-number{font-size:1.75rem}.feature-title-modern{font-size:1.2rem}.step-title{font-size:1.1rem}.cta-title{font-size:1.875rem}}.blog-section{padding:4rem 0;background-color:var(--bg-light)}.blog-controls{margin-bottom:3rem;display:flex;justify-content:center}.blog-search-box{position:relative;max-width:500px;width:100%}.blog-search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-color);border-radius:50px;font-size:1rem;transition:var(--transition);background-color:white}.blog-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,182,119,.1)}.blog-search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{background:white;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);opacity:0;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column}.blog-card:nth-child(1){animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}.blog-card:nth-child(n+7){animation-delay:.7s}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.blog-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.blog-card-image{position:relative;width:100%;height:250px;overflow:hidden;background-color:var(--bg-light)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);opacity:0;transition:var(--transition)}.blog-card:hover .blog-card-overlay{opacity:1}.blog-card-content{padding:2rem;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-light)}.blog-card-date,.blog-card-author{display:flex;align-items:center;gap:.25rem}.blog-card-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;line-height:1.3;font-family:'SF Pro Display',Inter,sans-serif}.blog-card-excerpt{font-size:1rem;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:auto}.blog-card-read-more{color:var(--primary-color);font-weight:600;font-size:.95rem;transition:var(--transition)}.blog-card:hover .blog-card-read-more{transform:translateX(5px)}.blog-card-views{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem}.blog-card-views svg{width:16px;height:16px}.blog-post-section{padding:4rem 0;background-color:white}.blog-post-container{max-width:900px;margin:0 auto}.blog-post-header{margin-bottom:3rem}.blog-post-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;color:var(--text-light)}.blog-post-breadcrumb a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.blog-post-breadcrumb a:hover{text-decoration:underline}.blog-post-breadcrumb span:last-child{color:var(--text-light)}.blog-post-title{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em;font-family:'SF Pro Display',Inter,sans-serif}.blog-post-meta{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;font-size:.95rem;color:var(--text-light);padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.blog-post-meta span{display:flex;align-items:center;gap:.5rem}.blog-post-meta svg{color:var(--primary-color)}.blog-post-featured-image{margin:3rem 0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:var(--bg-light);padding:1rem;text-align:center}.blog-post-featured-image img{max-width:100%;height:auto;max-height:520px;width:auto;display:inline-block;object-fit:contain}.blog-post-content{font-size:1.1rem;line-height:1.8;color:var(--text-color)}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:var(--text-color);font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3;font-family:'SF Pro Display',Inter,sans-serif}.blog-post-content h1{font-size:2.5rem;margin-top:3rem}.blog-post-content h2{font-size:2rem;margin-top:2.5rem}.blog-post-content h3{font-size:1.5rem}.blog-post-content h4{font-size:1.25rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.75rem}.blog-post-content a{color:var(--primary-color);text-decoration:underline;transition:var(--transition)}.blog-post-content a:hover{color:var(--secondary-color)}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;box-shadow:var(--shadow)}.blog-post-content blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-light);background-color:var(--bg-light);padding:1.5rem;border-radius:8px}.blog-post-content code{background-color:var(--bg-light);padding:.2rem .5rem;border-radius:4px;font-family:'Courier New',monospace;font-size:.95rem;color:var(--secondary-color)}.blog-post-content pre{background-color:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0}.blog-post-content pre code{background:none;color:inherit;padding:0}.blog-post-content table{width:100%;border-collapse:collapse;margin:2rem 0}.blog-post-content table th,.blog-post-content table td{padding:1rem;border:1px solid var(--border-color);text-align:left}.blog-post-content table th{background-color:var(--bg-light);font-weight:600}.blog-post-footer{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light)}.empty-state p{font-size:1.1rem;color:var(--text-light)}@media (max-width:768px){.blog-section{padding:3rem 0}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-content{padding:1.5rem}.blog-card-title{font-size:1.25rem}.blog-post-title{font-size:2rem}.blog-post-meta{flex-direction:column;gap:1rem;align-items:flex-start}.blog-post-content{font-size:1rem}.blog-post-content h1{font-size:2rem}.blog-post-content h2{font-size:1.75rem}.blog-post-content h3{font-size:1.35rem}.blog-post-footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:480px){.blog-search-input{padding:.85rem .85rem .85rem 2.75rem}.blog-card-image{height:200px}.blog-post-title{font-size:1.75rem}.blog-post-content h1{font-size:1.75rem}.blog-post-content h2{font-size:1.5rem}}