/* Restore the original glass and isolate each brand within its own cell. */
.hero-base .marquee-group li{box-sizing:border-box;flex:0 0 208px;width:208px;min-width:208px;height:70px;padding:12px 26px;overflow:hidden}
.hero-base .marquee-group a{display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%;height:100%;min-width:0;gap:0}
.hero-base .marquee-group img[class]{display:block;flex:0 0 auto;width:148px;height:36px;max-width:100%;object-fit:contain;filter:none;opacity:1}
.hero-base .marquee-group img.logo-odoo{width:126px;height:36px;transform:translateY(-3px)}
.hero-base .marquee-group img.logo-intelisis{width:148px;height:39px}
.hero-base .marquee-group img.logo-meta{width:148px;height:36px}
.hero-base .marquee-group img.logo-microsoft{filter:brightness(1.75)}
.hero-base .marquee-group img.logo-contpaqi{filter:brightness(1.4)}
@media(max-width:680px){
 .hero-base .marquee-group li{flex-basis:180px;width:180px;min-width:180px;height:63px;padding:12px 20px}
 .hero-base .marquee-group img[class]{width:138px;height:33px}
 .hero-base .marquee-group img.logo-odoo{width:117px;height:33px;transform:translateY(-2px)}
 .hero-base .marquee-group img.logo-intelisis{height:36px}
}
@media(prefers-reduced-motion:reduce){
 .hero-base .marquee-group li{flex:0 0 33.333%;width:33.333%;min-width:0}
}
@media(prefers-reduced-motion:reduce) and (max-width:680px){
 .hero-base .marquee-group li{flex-basis:50%;width:50%;padding-inline:12px}
}

/* Compact, monochrome strip; both identical groups are loaded before moving. */
.hero-base .marquee-group li{flex-basis:180px;width:180px;min-width:180px;padding-inline:16px}
.hero-base .marquee-group img[class]{filter:brightness(0) invert(1);opacity:.96}
.hero-base .marquee-track{animation-play-state:paused}
.hero-base .brand-strip.brands-ready .marquee-track{animation-play-state:running}
.hero-base .brand-strip:hover .marquee-track,.hero-base .brand-strip.is-paused .marquee-track,.hero-base .brand-strip.is-focused .marquee-track{animation-play-state:paused}
.hero-base .marquee-window{scrollbar-width:none}
.hero-base .marquee-window::-webkit-scrollbar{display:none}
@media(max-width:680px){
 .hero-base .marquee-group li{flex-basis:158px;width:158px;min-width:158px;padding-inline:12px}
 .hero-base .marquee-group img[class]{width:130px;height:32px}
 .hero-base .marquee-group img.logo-odoo{width:112px;height:32px}
 .hero-base .marquee-group img.logo-intelisis{width:134px;height:35px}
}
@media(prefers-reduced-motion:reduce){
 .hero-base .marquee-track{animation:none}
 .hero-base .marquee-group li{flex-basis:33.333%;width:33.333%;min-width:0}
}
@media(prefers-reduced-motion:reduce) and (max-width:680px){
 .hero-base .marquee-group li{flex-basis:50%;width:50%}
}

/* Match Odoo's optical whitespace to its neighboring wordmarks. */
.hero-base .marquee-group li.brand-odoo{flex-basis:148px;width:148px;min-width:148px;padding-inline:10px}
@media(max-width:680px){.hero-base .marquee-group li.brand-odoo{flex-basis:130px;width:130px;min-width:130px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.hero-base .marquee-group li.brand-odoo{flex-basis:33.333%;width:33.333%;min-width:0}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){.hero-base .marquee-group li.brand-odoo{flex-basis:50%;width:50%}}

/* Balance the heavier Kommo wordmark optically; retain surrounding whitespace. */
.hero-base .marquee-group li.brand-kommo{flex-basis:162px;width:162px;min-width:162px;padding-inline:16px}
.hero-base .marquee-group img.logo-kommo{width:130px;height:32px}
@media(max-width:680px){
 .hero-base .marquee-group li.brand-kommo{flex-basis:144px;width:144px;min-width:144px;padding-inline:12px}
 .hero-base .marquee-group img.logo-kommo{width:116px;height:29px}
}
@media(prefers-reduced-motion:reduce){.hero-base .marquee-group li.brand-kommo{flex-basis:33.333%;width:33.333%;min-width:0}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){.hero-base .marquee-group li.brand-kommo{flex-basis:50%;width:50%}}

.hero-base .marquee-group li.brand-google{flex-basis:148px;width:148px;min-width:148px;padding-inline:10px}
.hero-base .marquee-group img.logo-google{width:126px;height:36px}
@media(max-width:680px){.hero-base .marquee-group li.brand-google{flex-basis:130px;width:130px;min-width:130px;padding-inline:8px}.hero-base .marquee-group img.logo-google{width:112px;height:32px}}
@media(prefers-reduced-motion:reduce){.hero-base .marquee-group li.brand-google{flex-basis:33.333%;width:33.333%;min-width:0}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){.hero-base .marquee-group li.brand-google{flex-basis:50%;width:50%}}