/* Uploaded product animations replace the Studio, Calendar and Brand Kit visuals. */
.home-page .workflow-block .homepage-animated-visual{height:auto;min-height:0;overflow:visible;display:flex;align-items:center}
.home-page .homepage-animation{width:100%;min-width:0}
.home-page .homepage-animation .vks{--vks-display:Inter,Arial,sans-serif;--vks-body:DM,Arial,sans-serif}
.home-page .homepage-animation .vks .pill{min-width:0;min-height:0;letter-spacing:normal}
.home-page .homepage-animation .vks button:focus-visible{outline:3px solid #2455dc;outline-offset:4px}
/* Normal scrolling on phones. Desktop sections settle gently into view;
   playback always follows elapsed time, never scroll progress. */
@media(min-width:1100px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 html:has(.home-page){scroll-snap-type:y proximity;scroll-padding-top:96px}
 .home-page #autodm,.home-page #cross-posting,.home-page .workflow-block{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:0;min-height:calc(100svh - 96px)}
 .home-page .workflow-block .homepage-animated-visual{max-width:100%;margin-block:auto}
 .home-page .homepage-animation{max-width:640px;margin-inline:auto}
}
@media(max-width:700px){
 .home-page .workflow-block .homepage-animated-visual{height:auto;margin-top:30px;margin-bottom:32px}
}

.home-page #brand-kit{background:#0f172e}
.home-page #brand-kit .brand-animation-visual{background:transparent;border:0;box-shadow:none}