/* One-time entrances, without hiding content when JavaScript is unavailable. */
@keyframes metricNumberEntrance{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes metricLabelEntrance{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.metrics-band__item.metric-enter strong{animation:metricNumberEntrance .7s cubic-bezier(.16,1,.3,1) var(--metric-delay,0ms) both}
.metrics-band__item.metric-enter>span{animation:metricLabelEntrance .55s ease-out calc(var(--metric-delay,0ms) + 90ms) both}
@media(prefers-reduced-motion:reduce){.metrics-band__item.metric-enter strong,.metrics-band__item.metric-enter>span{animation:none}}
.v2-close .trial-notice{font-size:15px;line-height:1.5;margin:20px auto 0;text-align:center;color:#c6c1ed}
@keyframes statlyEnter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
.motion-enter{animation:statlyEnter .6s cubic-bezier(.2,.8,.2,1) both}
.audience-card,.collage-card,.collage-mini{transition:box-shadow .25s ease,border-color .25s ease,background .25s ease,translate .25s ease}
@media(hover:hover) and (pointer:fine){
  .audience-card:hover,.collage-card:hover,.collage-mini:hover{translate:0 -3px}
  .audience-card:hover{box-shadow:0 16px 32px -20px #0008}
  .collage-card:hover,.collage-mini:hover{box-shadow:0 18px 36px -24px #41388955}
}
.btn-grad .ar{transition:translate .2s ease}
.btn-grad:hover .ar{translate:3px 0}
.home-footer-col a{transition:color .2s ease,translate .2s ease}
.home-footer-col a:hover{color:#6550d8;translate:2px 0}
/* Progressive enhancement preserves native details keyboard behavior. */
@supports(interpolate-size:allow-keywords){
  .faq details{interpolate-size:allow-keywords}
  .faq details::details-content{height:0;overflow:clip;transition:height .28s ease,content-visibility .28s allow-discrete}
  .faq details[open]::details-content{height:auto}
}
.faq.rv.in details:nth-child(10){animation-delay:.45s}
.v2-close::after{animation-play-state:paused}
.v2-close.motion-in-view::after{animation-play-state:running}
@media(prefers-reduced-motion:reduce){
  .motion-enter{animation:none!important;opacity:1;translate:none}
  .audience-card,.collage-card,.collage-mini,.btn-grad .ar,.home-footer-col a{transition:none!important;translate:none!important}
  .faq details::details-content{transition:none!important}
  .v2-close::after{animation:none!important}
}
