:root{--primary-color:#334155;--primary-hover-color:#1e293b;--accent-color:#d97706;--light-accent-bg:#fef3c7;--light-accent-text:#b45309}*{box-sizing:border-box}body{font-family:'Inter',sans-serif;background-color:#f8fafc;color:#1e293b;margin:0;padding:0;line-height:1.6}html.no-scroll{overflow:hidden}img{height:auto;max-width:100%;loading:lazy}img[loading="eager"]{loading:eager}.hero-gradient{background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.1) 100%)}.section-title{font-weight:800}.section-subtitle{color:#475569}.cta-button-primary{background-color:var(--primary-color);color:white;transition:background-color 0.3s,transform 0.2s}.cta-button-primary:hover{background-color:var(--primary-hover-color);transform:scale(1.05)}.card{background-color:white;border-radius:1.5rem;border:1px solid #f1f5f9;transition:transform 0.3s,box-shadow 0.3s;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.05),0 2px 4px -2px rgb(0 0 0 / 0.05)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1)}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background-color:#fefefe;margin:auto;padding:2.5rem;border-radius:1rem;width:90%;max-width:600px;position:relative;animation:fadeIn 0.3s}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.modal-close{color:#aaa;position:absolute;top:1rem;right:1rem;font-size:28px;font-weight:bold;cursor:pointer}.steps-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.steps-sticky{position:sticky;top:120px;height:80vh;background-color:#f1f5f9;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);display:flex;align-items:center;justify-content:center}.steps-content .step{padding:2rem 0;min-height:60vh;display:flex;flex-direction:column;justify-content:center;opacity:0.3;transition:opacity 0.4s}.steps-content .step.is-active{opacity:1}.steps-sticky img{width:100%;height:100%;object-fit:cover;border-radius:1.5rem}.testimonial-slider-container{position:relative}.testimonial-slider-wrapper{overflow:hidden;padding:1rem;margin:-1rem}.testimonial-slider{display:flex}.testimonial-slide{flex-shrink:0;width:100%}.slider-arrow{position:absolute;top:40%;transform:translateY(-50%);background-color:rgba(255,255,255,0.8);backdrop-filter:blur(4px);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.08);cursor:pointer;z-index:10;transition:all 0.2s ease-in-out}.slider-arrow:hover{background-color:white;transform:translateY(-50%) scale(1.1)}.slider-arrow.prev{left:-22px}.slider-arrow.next{right:-22px}.scroll-target{scroll-margin-top:80px}img[data-src]{opacity:0.7;transition:opacity 0.3s ease-out;will-change:opacity}img.lazy-loaded{opacity:1;will-change:auto}#how-it-works{padding-top:2rem}.logo-link:hover .logo-paths{fill:#d97706}.footer-logo-link:hover .footer-logo-paths{fill:#e2e8f0}.logo-svg,.footer-logo-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.logo-link:hover .logo-svg,.footer-logo-link:hover .footer-logo-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,0.15))}.filter-button{transition:all 0.3s ease;border:1px solid #e2e8f0}.filter-button.active{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}.filter-button:hover{background-color:var(--primary-hover-color);color:white;border-color:var(--primary-hover-color);transform:scale(1.05)}.catalog-item{display:flex;transition:opacity 0.4s ease,transform 0.4s ease}.catalog-item.hidden{display:none}@media (min-width:768px){.testimonial-slide{width:50%}.steps-wrapper{grid-template-columns:1fr 1fr}.slider-arrow.prev{left:-22px}.slider-arrow.next{right:-22px}}@media (min-width:1024px){.testimonial-slide{width:33.3333%}}@media (max-width:768px){.steps-wrapper{grid-template-columns:1fr}.steps-sticky{display:none}.steps-content .step{min-height:auto;padding:1.5rem;margin-bottom:1rem;background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);opacity:1}#how-it-works{padding-top:5rem}}@media(max-width:767px){.slider-arrow.prev{left:16px}.slider-arrow.next{right:16px}}