.usecase-styles__page{color:#000;background:#fff;font-family:Inter,Arial,sans-serif;overflow:hidden}.usecase-styles__page h1,.usecase-styles__page h2,.usecase-styles__page h3,.usecase-styles__page h4,.usecase-styles__page p{margin:0}.usecase-styles__page h1,.usecase-styles__page h2,.usecase-styles__page h3,.usecase-styles__page h4{font-family:Space Grotesk,Inter,Arial,sans-serif}.usecase-styles__intro{isolation:isolate;background-image:linear-gradient(180.241deg,#ecedec 9.6718%,#fff 99.81%);position:relative}.usecase-styles__intro:before{z-index:0;content:"";pointer-events:none;background-color:#fff;background-image:-webkit-image-set(url(/vs-typeless/vs-bg.avif) 1x type("image/avif"),url(/vs-typeless/vs-bg.webp) 1x type("image/webp"));background-image:image-set("/vs-typeless/vs-bg.avif" 1x type("image/avif"),"/vs-typeless/vs-bg.webp" 1x type("image/webp"));background-position:50% -64px;background-repeat:no-repeat;background-size:1440px 941px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 32%,#000000d1 41%,#0000 58%);mask-image:linear-gradient(#000 0% 32%,#000000d1 41%,#0000 58%)}.usecase-styles__hero{z-index:1;isolation:isolate;background:0 0;height:684px;position:relative;overflow:hidden}.usecase-styles__heroCopy{z-index:1;text-align:center;width:min(939px,100% - 48px);margin:0 auto;padding-top:168px;position:relative}.usecase-styles__heroCopy h1{letter-spacing:-1px;font-size:56px;font-weight:700;line-height:1.2}.usecase-styles__heroCopy p{color:#4b5563;width:min(600px,100%);margin:30px auto 0;font-size:20px;line-height:28px}.usecase-styles__heroMarquee{z-index:1;margin-top:68px;position:relative}.usecase-styles__howTo,.usecase-styles__scenes{content-visibility:auto;contain-intrinsic-size:auto 900px}.usecase-styles__marqueeShell{gap:22px;display:grid;position:relative}.usecase-styles__logoViewport{width:100%;overflow:hidden}.usecase-styles__logoTrack{gap:24px;width:max-content;animation:52s linear infinite paused usecase-logo-scroll;display:flex}.usecase-styles__marqueeShell[data-marquee-active] .usecase-styles__logoTrack{animation-play-state:running}.usecase-styles__logoTrack[data-reverse=true]{animation-direction:reverse}.usecase-styles__logoTrack ul{flex:none;gap:24px;margin:0;padding:0;list-style:none;display:flex}.usecase-styles__logoTrack li{background:#fff;border:1px solid #eaecef;border-radius:20px;flex:none;justify-content:center;align-items:center;gap:16px;height:78px;padding-inline:36px;display:flex}.usecase-styles__logoTrack img{object-fit:cover;border-radius:7px;flex:0 0 44px;width:44px;height:44px}.usecase-styles__logoTrack span{color:#000;white-space:nowrap;font-size:20px;font-weight:600;line-height:28px}.usecase-styles__heroMarquee [data-marquee-active]{gap:18px;margin-top:0}.usecase-styles__heroMarquee [data-logo-row] ul,.usecase-styles__heroMarquee [data-logo-row]>div{gap:22px}.usecase-styles__heroMarquee [data-logo-row] li{border-radius:16.2px;gap:12.6px;height:63px;padding-inline:28.8px}.usecase-styles__heroMarquee [data-logo-row] li>picture,.usecase-styles__heroMarquee [data-logo-row] li img{flex-basis:36px;width:36px;height:36px}.usecase-styles__heroMarquee [data-logo-row] li span{font-size:16.2px;line-height:23.4px}@media (max-width:1023px){.usecase-styles__hero{height:604px}.usecase-styles__heroCopy{padding-top:132px}.usecase-styles__heroCopy h1{letter-spacing:-.6px;font-size:clamp(38px,8vw,48px);line-height:1.08}.usecase-styles__heroCopy p{margin-top:22px;font-size:16px;line-height:24px}.usecase-styles__heroMarquee{margin-top:42px}.usecase-styles__heroMarquee [data-logo-row] li{border-radius:13.5px;gap:9px;height:52.2px;padding-inline:19.8px}.usecase-styles__heroMarquee [data-logo-row] li>picture,.usecase-styles__heroMarquee [data-logo-row] li img{flex-basis:28.8px;width:28.8px;height:28.8px}.usecase-styles__heroMarquee [data-logo-row] li span{font-size:13.5px;line-height:19.8px}}@media (min-width:1441px){.usecase-styles__intro:before{background-position:50% -4.444vw;background-size:100%}}@media (max-width:520px){.usecase-styles__hero{height:574px}.usecase-styles__heroCopy{width:calc(100% - 36px);padding-top:118px}.usecase-styles__heroCopy h1{font-size:39px}.usecase-styles__heroMarquee{margin-top:34px}}@keyframes usecase-logo-scroll{to{transform:translate(calc(-50% - 12px))}}@media (prefers-reduced-motion:reduce){.usecase-styles__logoTrack{animation:none}.usecase-styles__logoViewport{overflow-x:auto}}