/* Tactile states complement Motion's entrance/exit choreography. */
button,.card,.search,.field input,.field textarea,.field select,.mail-row,.badge{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
button.primary:hover{box-shadow:0 5px 22px #7569da35}
.metric:hover,.template:hover{border-color:#575164;box-shadow:0 8px 28px #0002}
.search:focus-within,.field input:focus,.field textarea:focus,.field select:focus{border-color:#8074cf;box-shadow:0 0 0 3px #8074cf15}
.funnel-track>div{transform-origin:bottom}.switch:after{transition:left .2s cubic-bezier(.22,1,.36,1)}
.nav::after{transition:opacity .15s ease,translate .15s ease;translate:-4px 0}.nav:hover::after,.nav:focus-visible::after{translate:0 0}
#toast{transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.motion-exit{z-index:99!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}