/* Motion only: existing layout and resting appearance are preserved. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.home-v3 .view-enter{animation:none}
.home-v3 .everyday-option{transition:background 280ms var(--motion-ease),border-color 280ms var(--motion-ease)}
.home-v3 .header{transition:box-shadow 300ms var(--motion-ease)}
.home-v3 .header.is-stuck{box-shadow:0 10px 32px #1e266d12}
.home-v3 .btn{transition:background 280ms var(--motion-ease),box-shadow 280ms var(--motion-ease)}
.home-v3 .btn:hover{transform:none}
.home-v3 .btn>svg,.home-v3 .textlink>svg,.home-v3 .bento-arrow{transition:transform 280ms var(--motion-ease)}
.home-v3 .bento-card{transition:transform 280ms var(--motion-ease),border-color 280ms var(--motion-ease),box-shadow 280ms var(--motion-ease)}
.home-v3 .bento-card:hover{transform:none}
.home-v3 .bento-booking-image>span{transition:transform 280ms var(--motion-ease)}
.home-v3 .channel-logos>span{transition:opacity 280ms var(--motion-ease),transform 280ms var(--motion-ease);opacity:.88}
.bento-review-ui .motion-star{font:inherit;letter-spacing:inherit;display:inline-block}
.bento-channel-tags>span{position:relative}
.motion-sync{position:absolute;right:1px;top:-5px;background:white;color:var(--blue-dark);font-size:9px;line-height:12px;border-radius:50%;opacity:0;pointer-events:none}
.product-demo-host{position:relative}
.product-demo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity 700ms var(--motion-ease)}
.product-demo-video.is-ready{opacity:1}
@media(hover:hover) and (pointer:fine){
.home-v3 .btn:hover{box-shadow:0 4px 12px #1e266d0d}
.home-v3 .btn:hover>svg,.home-v3 .textlink:hover>svg{transform:translateX(3px)}
.home-v3 .bento-card:hover{transform:translateY(-2px);border-color:#b7cbef;box-shadow:0 8px 20px #1e266d09}
.home-v3 .bento-booking:hover .bento-booking-image>span{transform:translateY(-2px)}
.home-v3 .channel-logos>span:hover{opacity:1;transform:translateY(-1px)}
}
.home-v3 .btn:focus-visible>svg,.home-v3 .textlink:focus-visible>svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
.home-v3 *, .home-v3 *::before,.home-v3 *::after{animation:none!important;transition:none!important}
.home-v3 .btn:hover,.home-v3 .bento-card:hover,.home-v3 .btn>svg,.home-v3 .textlink>svg,.home-v3 .bento-arrow,.home-v3 .channel-logos>span,.home-v3 .bento-booking-image>span{transform:none!important}
}
