.tools-roster{position:relative;background:#080808;color:#fff;overflow:hidden;padding:58px 0;margin:0 0 clamp(70px,8vw,140px);isolation:isolate}
.roster-track{display:flex;width:max-content;animation:toolsTravel var(--roster-duration,48s) linear infinite;animation-play-state:paused;will-change:auto}
.tools-roster.is-visible .roster-track{animation-play-state:running;will-change:transform}
.roster-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;min-width:100vw;gap:clamp(64px,7vw,180px);padding-right:clamp(64px,7vw,180px)}
.tool-logo{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;width:clamp(130px,12vw,190px);height:60px;opacity:.64;color:#fff;white-space:nowrap}
.tool-logo img{display:block;width:100%;height:52px;object-fit:contain}
.tool-logo span{font-family:"PP Sans",Arial,sans-serif;font-size:clamp(23px,2vw,31px);font-weight:450;letter-spacing:-.035em}
.tool-logo-figma img{width:34px;height:50px}.tool-logo-adobe img{width:43px;height:43px}
.tool-logo-wordpress{gap:8px}.tool-logo-wordpress img{width:42px;height:42px}.tool-logo-wordpress span{font-family:Georgia,serif;font-size:24px;letter-spacing:-1px}
.tool-logo-canva img{width:135px;height:49px}.tool-logo-wix img{width:106px;height:46px}.tool-logo-whm img{width:132px;height:45px}.tool-logo-cpanel img{width:145px;height:46px}.tool-logo-dns img{width:150px;height:45px}

@keyframes toolsTravel{to{transform:translate3d(-50%,0,0)}}
@media(min-width:2200px){.tools-roster{padding:80px 0}.tool-logo{scale:1.15}}
@media(max-width:760px){.tools-roster{padding:38px 0;margin-bottom:70px}.roster-group{gap:54px;padding-right:54px}.tool-logo{width:135px;height:52px}.tool-logo span{font-size:25px}.tool-logo-wordpress span{font-size:21px}.tool-logo-wordpress img{width:35px;height:35px}.tool-logo-canva img{width:120px;height:44px}.tool-logo-figma img{width:28px;height:42px}}
@media(prefers-reduced-motion:reduce){.roster-track{animation:none!important;transform:none!important;will-change:auto;width:auto}.roster-group{flex-wrap:wrap;min-width:0;justify-content:center;gap:25px 35px;padding:0 25px;width:100%}.roster-group+ .roster-group{display:none}}