.marquee-container{width:100%;overflow:hidden;position:relative;margin:3rem 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;padding:2rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.1);height:200px}.marquee-container:after,.marquee-container:before{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:2}.marquee-container:before{left:0;background:linear-gradient(90deg,rgba(248,250,252,1),rgba(248,250,252,.8) 50%,rgba(248,250,252,0))}.marquee-container:after{right:0;background:linear-gradient(270deg,rgba(248,250,252,1),rgba(248,250,252,.8) 50%,rgba(248,250,252,0))}.marquee-content{display:flex;width:fit-content;animation:smoothScroll 30s linear infinite;will-change:transform}.logo-set{gap:3rem;padding:0 1.5rem;flex-shrink:0}.logo-item,.logo-set{display:flex;align-items:center}.logo-item{justify-content:center;min-width:120px;height:120px;padding:1rem;background:rgba(255,255,255,.8);border-radius:.75rem;transition:all .3s ease;border:1px solid rgba(229,231,235,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.logo-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);transition:left .5s ease}.logo-item.touched:before,.logo-item:hover:before{left:100%}.logo-item.touched,.logo-item:hover{transform:translateY(-4px) scale(1.05);background:rgba(255,255,255,.95);border-color:rgba(249,115,22,.3);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1),0 0 0 1px rgba(249,115,22,.1)}.logo-item.touched{animation:none}.marquee-content.paused{animation-play-state:paused}.logo-item img{width:80px;height:60px;object-fit:contain;filter:grayscale(0) brightness(1) contrast(1.1);transition:all .3s ease}.logo-item.touched img,.logo-item:hover img{filter:grayscale(0) brightness(1.1) contrast(1.2)}@keyframes smoothScroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-top:1rem;opacity:0;transform:translateY(20px);transition:all .6s ease}.brands-grid.animate-in{opacity:1;transform:translateY(0)}.brand-card{position:relative;padding:.75rem .5rem;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:.5rem;text-align:center;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px) scale(.95);animation:slideInUp .6s ease forwards}.brand-card.touched,.brand-card:hover{transform:translateY(-4px) scale(1.02);border-color:#f97316;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1),0 0 0 1px rgba(249,115,22,.1)}.brand-name{font-weight:600;color:#374151;font-size:.8rem;position:relative;z-index:1;transition:color .3s ease}.brand-card.touched .brand-name,.brand-card:hover .brand-name{color:#f97316}.brand-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.1) 50%,transparent);transition:left .5s ease;pointer-events:none}.brand-card.touched .brand-shine,.brand-card:hover .brand-shine{left:100%}@keyframes slideInUp{to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.marquee-container{margin:2rem 0;padding:1.5rem 0;height:180px}.logo-set{gap:2rem;padding:0 1rem}.logo-item{min-width:100px;height:100px;padding:.75rem}.logo-item img{width:70px;height:52px}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.brand-card{padding:.5rem}.brand-name{font-size:.75rem}}@media (max-width:480px){.marquee-container{height:160px}.logo-set{gap:1.5rem}.logo-item{min-width:80px;height:80px;padding:.5rem}.logo-item img{width:60px;height:45px}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.25rem}.brand-card{padding:.375rem .25rem;border-radius:.375rem}.brand-name{font-size:.7rem;line-height:1.2}}@media (max-width:510px){.brands-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.125rem;padding:0 .5rem}.brand-card{padding:.25rem .125rem;border-radius:.25rem;min-height:auto}.brand-name{font-size:.6rem;line-height:1.1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}@media (max-width:380px){.brands-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.0625rem;padding:0 .25rem}.brand-card{padding:.1875rem .0625rem;border-radius:.1875rem}.brand-name{font-size:.55rem;line-height:1}}@media (max-width:320px){.brands-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.0625rem;padding:0 .125rem}.brand-card{display:inline-flex;align-items:center;justify-content:center;padding:.1875rem .25rem;border-radius:.1875rem;height:1.75rem;min-width:auto;width:auto;flex-shrink:0}.brand-name{font-size:.45rem;line-height:1;white-space:nowrap;text-align:center}}@media (prefers-reduced-motion:reduce){.marquee-content{animation-duration:60s}.brand-card,.logo-item{transition-duration:.1s}.brand-card{animation:none;opacity:1;transform:none}}@media (prefers-contrast:high){.brand-card,.logo-item{border:2px solid}}