/* Motion and interaction details, not a second Hosting design system. */
.hosting-interactive .motion-word { display:inline-block; }
.hosting-interactive [data-hover-card].motion-card { transition:border-color .22s ease, box-shadow .22s ease, background-color .22s ease; }
.hosting-interactive [data-hover-card].motion-card:hover { transform:none; }
.hosting-interactive [data-hover-card]:focus-within { border-color:var(--primary); }
.hosting-interactive .btn { transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease; }
.hosting-interactive .btn:active { transform:scale(.98); }
/* Mirrors the landing page's scrolled navigation (gsap-animations.css). */
.hosting-interactive .nav-sticky { transition:box-shadow .35s ease, background-color .35s ease; }
.hosting-interactive .nav-content { transition:height .35s ease; }
.hosting-interactive .nav-sticky.is-scrolled { background-color:color-mix(in srgb, var(--background) 78%, transparent); box-shadow:0 10px 30px rgba(0,0,0,.14); }
.hosting-interactive .nav-sticky.is-scrolled .nav-content { height:3.25rem; }
.hosting-interactive .nav-link { position:relative; }
.hosting-interactive .nav-link::after { content:""; position:absolute; bottom:-5px; left:0; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.hosting-interactive .nav-link:hover::after,.hosting-interactive .nav-link[aria-current="page"]::after { transform:scaleX(1); }
html body progress.motion-progress-native { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; border:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
.motion-progress-track { display:block; width:100%; height:8px; border-radius:99px; overflow:hidden; background:var(--border); }
.motion-progress-fill { display:block; width:100%; height:100%; border-radius:inherit; background:var(--primary); transform-origin:left center; }
@media(prefers-reduced-motion:reduce) {
  html:has(.hosting-interactive) { scroll-behavior:auto!important; }
  .hosting-interactive *,.hosting-interactive *::before,.hosting-interactive *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}