.home-page{width:100%;overflow-x:hidden}.hero-section{background-image:linear-gradient(to var(--direction-to,right), #000000e6 0%, #000000b3 30%, #0000 100%), url(/images/site/image-1773913000000-141245287.jpg);color:#fff;background-position:50%;background-size:cover;background-attachment:scroll;align-items:center;min-height:80vh;padding:80px 0;display:flex;position:relative}.hero-section:before{content:"";background:radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--primary-color), transparent 90%) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.min-vh-75{min-height:75vh}.hero-content{z-index:2;position:relative}.hero-badge{background:var(--primary-variation-color,#f0f9ff);border:1.5px solid var(--primary-color);color:var(--primary-color);letter-spacing:1px;border-radius:50px;margin-bottom:24px;padding:8px 20px;font-size:.75rem;font-weight:700;display:inline-block}.hero-title{text-shadow:0 2px 10px #0000004d;margin-bottom:24px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero-title .text-primary{display:inline-block;color:var(--primary-color)!important}.hero-subtitle{text-shadow:0 2px 4px #0000004d;max-width:650px;margin-bottom:32px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:500;line-height:1.6;color:#fff!important}.hero-buttons{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.btn-hero-primary{justify-content:center;align-items:center;gap:8px;min-width:200px;height:56px;display:inline-flex;background:var(--primary-color)!important;border:2px solid var(--primary-color)!important;color:#fff!important;border-radius:8px!important;padding:14px 32px!important;font-weight:600!important;transition:all .3s!important}.btn-hero-primary:hover{filter:brightness(.9);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.btn-hero-secondary{justify-content:center;align-items:center;min-width:200px;height:56px;display:inline-flex;color:#fff!important;background:0 0!important;border:2px solid #ffffff4d!important;border-radius:8px!important;padding:14px 32px!important;font-weight:600!important;transition:all .3s!important}.btn-hero-secondary:hover{background:#ffffff1a!important;border-color:#ffffff80!important}.hero-stats{flex-wrap:wrap;gap:48px;display:flex}.stat-item{align-items:center;gap:16px;display:flex}.stat-icon{color:var(--primary-color);font-size:2rem}.stat-number{font-size:1.5rem;font-weight:700;color:#fff!important}.stat-label{font-size:.875rem;color:#fffc!important}.hero-image-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 90%) 0%, color-mix(in srgb, var(--primary-color), transparent 95%) 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;height:400px}.features-section{background:#f8f9fa;padding:100px 0}.section-header{margin-bottom:60px}.section-title{color:#1a2332;margin-bottom:16px;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.section-subtitle{color:#6c757d;font-size:1.125rem}.feature-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:16px;height:100%;padding:40px 30px;transition:all .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.feature-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:2rem;display:flex}.feature-icon.bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.feature-icon.bg-success{background:linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color), black 10%) 100%)}.feature-icon.bg-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.feature-icon.bg-info{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.feature-title{color:#1a2332;margin-bottom:12px;font-size:1.25rem;font-weight:700}.feature-description{color:#6c757d;margin:0;font-size:.95rem;line-height:1.6}.cta-section{color:#fff;background:linear-gradient(135deg,#1a2332 0%,#2d3e50 100%);padding:100px 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#00e07c26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.cta-content{z-index:2;position:relative}.cta-title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.cta-subtitle{color:#fffc;margin-bottom:32px;font-size:1.25rem}.btn-cta{color:#fff!important;background:#00e07c!important;border:none!important;border-radius:8px!important;padding:16px 48px!important;font-weight:600!important;transition:all .3s!important}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e07c4d;background:#00c76d!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.animate-slide-up{animation:.8s ease-out forwards slideUp}.animate-slide-up.delay-1{opacity:0;animation-delay:.2s}.animate-slide-up.delay-2{opacity:0;animation-delay:.4s}.animate-fade-in.delay-3{opacity:0;animation-delay:.6s}.animate-float{animation:6s ease-in-out infinite float}.animate-on-scroll{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.animate-on-scroll.delay-1{transition-delay:.1s}.animate-on-scroll.delay-2{transition-delay:.2s}.animate-on-scroll.delay-3{transition-delay:.3s}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:991px){.hero-section{padding:60px 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-stats{gap:32px}.features-section{padding:40px 0}.categories-section{padding-top:30px!important;padding-bottom:20px!important}.listings-section{min-height:auto!important;padding-top:20px!important;padding-bottom:40px!important}.cta-section{padding:40px 0}}@media (max-width:767px){.hero-section{padding:40px 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:row;gap:8px}.hero-buttons a{flex:1;width:50%}.hero-buttons .btn{width:100%;height:auto!important;min-width:unset!important;padding:10px 15px!important;font-size:.85rem!important}.hero-stats{flex-flow:row;gap:12px}.stat-item{flex:1;gap:8px;width:50%}.stat-icon{font-size:1.5rem}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}.section-title{margin-bottom:8px;font-size:1.25rem}.view-all-link{font-size:.85rem}.feature-card{padding:30px 20px}.cta-title{font-size:1.75rem}.cta-buttons{flex-direction:column;gap:12px;width:100%;display:flex}.cta-buttons .btn{width:100%}}.categories-section{z-index:1;background-color:#f8f9fa;position:relative}.categories-section .section-title{color:var(--primary-color)!important}.view-all-link{color:#000;border-bottom:none;font-weight:700;transition:all .3s;text-decoration:none!important}.view-all-link:hover{color:var(--primary-color);border-color:#0000;text-decoration:none!important}.categories-marquee-container{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:auto;width:100%;padding:20px 0 40px;position:relative;overflow-x:auto}.categories-marquee-container::-webkit-scrollbar{display:none}.categories-marquee-track{will-change:scroll-position;flex-direction:row;width:max-content;display:flex}.categories-marquee-container.dragging{cursor:grabbing}.category-card-marquee{flex:0 0 180px;height:220px;margin:0 12px;text-decoration:none!important}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}.category-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000d;text-decoration:none!important}.category-card:after{content:"";height:10px;position:absolute;bottom:-10px;left:0;right:0}.category-card:hover,.category-card.active{background:var(--primary-variation-color,#f0f9ff);border-color:var(--primary-color);box-shadow:0 12px 24px #0000001a}.category-icon-wrapper{background:#f0f0f0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;transition:all .3s;display:flex}.category-card:hover .category-icon-wrapper,.category-card.active .category-icon-wrapper{background:var(--primary-color)}.category-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.2rem;transition:all .3s;display:flex}.cat-img{object-fit:contain;width:60%;height:60%;transition:all .3s}.category-card:hover .cat-img{filter:drop-shadow(0 0 5px #ffffff4d);transform:scale(1.15)}.category-card:hover .category-icon,.category-card.active .category-icon{color:#fff;transform:scale(1)}.category-label{color:#1a2332;font-size:.95rem;font-weight:600;transition:color .3s}.category-card:hover .category-label,.category-card.active .category-label{color:var(--primary-color)}.section-tabs{border-bottom:2px solid #f0f0f0;gap:30px;margin-bottom:30px;display:flex}.tab-item{color:#999;cursor:pointer;padding-bottom:12px;font-size:.9rem;font-weight:700;transition:color .3s;position:relative}.tab-item.active{color:#333}.tab-item.active:after{content:"";background:#00e07c;width:100%;height:3px;position:absolute;bottom:-2px;left:0}.btn-load-more{border:2px solid var(--primary-color,#0ea5e9)!important;color:var(--primary-color,#0ea5e9)!important;background:0 0!important;border-radius:8px!important;padding:10px 32px!important;font-weight:600!important;transition:all .3s!important}.btn-load-more:hover{background:var(--primary-color,#0ea5e9)!important;color:#fff!important}.sustainability-section{padding:60px 0}.sustainability-banner{background:color-mix(in srgb, var(--primary-color,#0ea5e9) 15%, white);text-align:inherit;border-radius:24px;padding:60px;display:block;position:relative}.banner-title{color:#1a2332;font-size:2rem;font-weight:800}.banner-text{color:#495057;max-width:600px;font-size:1rem;line-height:1.6;margin:0 0 40px!important}.btn-black{color:#fff!important;background:#1a2332!important;border:none!important;border-radius:8px!important;padding:12px 32px!important;font-weight:600!important}.btn-black:hover{transform:translateY(-2px);background:#000!important}.banner-images{justify-content:flex-end;gap:20px;padding-top:40px;display:flex}.banner-img-v1,.banner-img-v2{background-position:50%;background-size:cover;border-radius:24px;width:260px;height:300px;transition:all .5s;box-shadow:0 15px 35px #0000001f}.banner-img-v1{margin-top:-20px;animation:6s ease-in-out infinite floatSyncV1}.banner-img-v2{margin-top:5px;animation:6s ease-in-out infinite floatSyncV2}@keyframes floatSyncV1{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSyncV2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.banner-images:hover .banner-img-v1,.banner-images:hover .banner-img-v2{animation-play-state:paused;transform:translateY(-10px)}@media (max-width:991px){.sustainability-banner{text-align:left;padding:40px!important}.banner-text{max-width:100%;text-align:left!important;margin:0 0 24px!important}.banner-images{display:none}}@media (max-width:768px){.sustainability-section{padding:30px 0}.sustainability-banner{border-radius:16px;padding:30px!important}.banner-title{margin-bottom:12px!important;font-size:1.8rem!important}.banner-text{margin-bottom:1rem!important;font-size:1rem!important}.hero-section{min-height:60vh;padding:40px 0}.hero-title{font-size:1.8rem}.listings-section{padding:30px 0}}.btn-hero-primary{position:relative}.btn-hero-primary:after{content:"";z-index:-1;height:10px;position:absolute;bottom:-10px;left:-5px;right:-5px}.feature-card{position:relative}.feature-card:after{content:"";z-index:-1;height:10px;position:absolute;bottom:-10px;left:-5px;right:-5px}.btn-cta{position:relative}.btn-cta:after{content:"";z-index:-1;height:10px;position:absolute;bottom:-10px;left:-5px;right:-5px}.btn-black{position:relative}.btn-black:after{content:"";z-index:-1;height:10px;position:absolute;bottom:-10px;left:-5px;right:-5px}