/* TOAI motion: brief feedback, soft entrances, no scroll interception. */
html.toai-motion .reveal{transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--toai-delay,0ms)}
html.toai-motion .brand-hero>.eyebrow,html.toai-motion .brand-hero>h1,html.toai-motion .brand-hero>.brand-hero-copy,html.toai-motion .brand-hero>.hero-actions{animation:toai-enter .65s cubic-bezier(.2,.7,.2,1) both}
html.toai-motion .brand-hero>h1{animation-delay:70ms}html.toai-motion .brand-hero>.brand-hero-copy{animation-delay:140ms}html.toai-motion .brand-hero>.hero-actions{animation-delay:210ms}
@keyframes toai-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.button{transition:background-color .22s,color .22s,box-shadow .22s,transform .22s}
.button:active{transform:translateY(0) scale(.98)}
.arrow{display:inline-block;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.header-nav a{position:relative}.header-nav a:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s}
.product-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.faq-list details[open]>p{animation:toai-enter .28s ease-out both}
@media(hover:hover) and (pointer:fine){
.button:hover{transform:translateY(-2px)}.button:hover:active{transform:translateY(0) scale(.98)}.button.dark:hover{background:#f4512b;color:white;box-shadow:0 5px 16px #f4512b20}
.text-link:hover .arrow,.button:hover .arrow{transform:translate(2px,-2px)}
.header-nav a:hover:after,.header-nav a:focus-visible:after{transform:scaleX(1)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #17171709}
.toai-motion .toai-product-visual[data-toai-active] img{animation:toai-drift 6s ease-in-out infinite;animation-delay:var(--toai-float-delay,0s)}
@keyframes toai-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
}
html.toai-paused .toai-product-visual img{animation-play-state:paused!important}
@media(max-width:780px){html.toai-motion .reveal{transition-duration:.45s;transition-delay:0ms}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.product-card:hover,.button:hover,.button:active,.text-link:hover .arrow{transform:none}}
