/* One-time entrances, without hiding content when JavaScript is unavailable. */
/* Stats band: each number rolls into place once, like an odometer. These rules only apply
   after motion-polish.js adds .mb-ready, so without JavaScript or with reduced motion the band stays static.
   The starting state has no transitions, so setting it up never animates; only the entrance (.mb-in) does. */
.mb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.metrics-band__item strong .mb-face{display:inline-flex;align-items:flex-start;margin:0;vertical-align:top}
.metrics-band__item strong .mb-col,.metrics-band__item strong .mb-sym{display:inline-block;height:1em;margin:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:1;vertical-align:top}
/* Each digit window is 1.5em tall but takes up 1em, so the soft top and bottom fades never touch a resting digit. */
.metrics-band__item strong .mb-col{height:1.5em;margin:-.25em 0;line-height:1.5;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.metrics-band__item strong .mb-reel{display:block;margin:0;font:inherit;color:inherit}
.metrics-band__item strong .mb-reel::before{content:"0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9";display:block;white-space:pre}
.metrics-band__item strong .mb-sym::before{content:attr(data-ch)}
/* Starting state */
.metrics-band.mb-ready .mb-face{opacity:0}
.metrics-band.mb-ready .mb-plus{opacity:0;transform:translateY(.12em)}
.metrics-band.mb-ready .metrics-band__item>span{opacity:0;transform:translateY(8px)}
/* Entrance */
.metrics-band.mb-ready .metrics-band__item.mb-in .mb-face{opacity:1;transition:opacity .45s ease var(--stagger,0ms)}
.metrics-band.mb-ready .metrics-band__item.mb-in .mb-reel{transform:translateY(calc(var(--roll,0) * -1.5em));transition:transform 1.9s cubic-bezier(.16,1,.3,1) calc(var(--stagger,0ms) + var(--col,0) * 90ms)}
.metrics-band.mb-ready .metrics-band__item.mb-in .mb-plus{opacity:1;transform:none;transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--stagger,0ms) + .8s)}
.metrics-band.mb-ready .metrics-band__item.mb-in>span{opacity:1;transform:none;transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--stagger,0ms) + .35s)}
/* Once a digit lands, it becomes plain text in place, so it renders crisply at rest. */
.metrics-band.mb-ready .metrics-band__item .mb-col.mb-done .mb-reel{transform:none;transition:none}
.metrics-band.mb-ready .metrics-band__item .mb-col.mb-done .mb-reel::before{content:attr(data-d)}
@media(min-width:651px){
  .metrics-band.mb-ready .metrics-band__item{position:relative}
  .metrics-band.mb-ready .metrics-band__item+.metrics-band__item{border-left-color:transparent}
  .metrics-band.mb-ready .metrics-band__item+.metrics-band__item::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:1px;background:#e1e6f0;transform:scaleY(0)}
  .metrics-band.mb-ready .metrics-band__item+.metrics-band__item.mb-in::before{transform:scaleY(1);transition:transform 1.2s cubic-bezier(.16,1,.3,1) var(--stagger,0ms)}
}
@media(prefers-reduced-motion:reduce){.metrics-band.mb-ready *,.metrics-band.mb-ready *::before{transition:none!important}}
.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}
}