/* A bounded comparison: the selected laboratory picture and copy stay intact. */
.hero-review-preview .hero.hero-restarting .hero-content>*,
.hero-review-preview .hero.hero-restarting .hero-lab img{animation:none!important}

.hero-review-preview[data-hero-version=refined] .hero-content{translate:0 calc(var(--hero-progress,0)*-18px)}
.hero-review-preview[data-hero-version=refined] .hero-lab{scale:calc(1 + var(--hero-progress,0)*.035);translate:0 calc(var(--hero-progress,0)*18px);transform-origin:67% 62%}
.hero-review-preview[data-hero-version=refined] .hero-lab img{transform-origin:67% 62%}
.hero-review-preview[data-hero-version=refined] .lab-light{scale:1;opacity:.42}
.hero-review-preview[data-hero-version=refined] .scroll-cue span{animation:none}
html[data-motion=playing] .hero-review-preview[data-hero-version=refined] .hero-lab img{animation:lab-settle 1400ms cubic-bezier(.22,1,.36,1) both}
html[data-motion=playing] .hero-review-preview[data-hero-version=refined] .hero-kicker{animation:quiet-copy 600ms 80ms cubic-bezier(.22,1,.36,1) both}
html[data-motion=playing] .hero-review-preview[data-hero-version=refined] .hero h1{animation:quiet-copy 800ms 160ms cubic-bezier(.22,1,.36,1) both}
html[data-motion=playing] .hero-review-preview[data-hero-version=refined] .hero-description{animation:quiet-copy 650ms 280ms cubic-bezier(.22,1,.36,1) both}
html[data-motion=playing] .hero-review-preview[data-hero-version=refined] .hero-link{animation:quiet-copy 650ms 380ms cubic-bezier(.22,1,.36,1) both}
@keyframes lab-settle{from{opacity:.88;scale:1.035}to{opacity:1;scale:1}}
@keyframes quiet-copy{from{opacity:0;translate:0 12px;transform:none;filter:none}to{opacity:1;translate:0 0;transform:none;filter:none}}

/* The following controls belong only to this review page. */
.hero-review-preview .hero-review{display:block;position:fixed;inset:auto auto 18px 18px;z-index:120;width:430px;max-width:calc(100vw - 36px);padding:12px 14px;background:#fff;color:#132d91;border:1px solid #132d9128;box-shadow:0 4px 24px #09255d12;border-radius:5px;font-family:inherit}
.hero-review-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.hero-review-top>span{font-size:10px;font-weight:800;white-space:nowrap}
.hero-review-preview .hero-review a{font-size:10px;font-weight:600;padding:4px 0;border:0;background:none;color:inherit}
.hero-options{display:flex;gap:4px}
.hero-review-preview .hero-review .hero-options button{min-height:40px;padding:7px 11px;border:1px solid #132d912b;border-radius:3px;background:white;color:#132d91;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.hero-review-preview .hero-review .hero-options button[aria-pressed=true]{background:#132d91;color:white;border-color:#132d91}
.hero-review-preview .hero-review .hero-options .hero-replay{margin-left:auto;border-color:transparent}
.hero-review-notes{margin-top:6px}
.hero-review-notes summary{cursor:pointer;font-size:10px;font-weight:600;min-height:25px;display:flex;align-items:center;gap:8px}
.hero-review-notes summary:before{content:'+';font-size:14px;font-weight:400}
.hero-review-notes[open] summary:before{content:'−'}
.hero-review-notes p{font-size:11px;font-weight:400;line-height:1.85;max-width:37em;margin:4px 0 9px;letter-spacing:0}
.hero-review-preview .hero-review>.motion-toggle{position:absolute;right:14px;bottom:12px;font-size:10px;min-height:25px;padding:3px 0 3px 10px;border:0;border-radius:0;background:white;color:#132d91}
.hero-review-notes[open]~.motion-toggle{position:static;margin-left:auto}
.hero-review-preview .hero-review [hidden]{display:none}
.hero-review-preview .floating-contact{display:none}
html[data-motion=paused] .hero-review-preview .hero-content,
html[data-motion=paused] .hero-review-preview .hero-lab{translate:0 0;scale:1}
html[data-motion=paused] .hero-review-preview .hero-content>*,
html[data-motion=paused] .hero-review-preview .hero-lab img{animation:none!important;opacity:1;scale:1;translate:0 0;transform:none}
@media(prefers-reduced-motion:reduce){
 .hero-review-preview:not(.hero-demo-approved) .hero-content>*,.hero-review-preview:not(.hero-demo-approved) .hero-lab img{animation:none!important;opacity:1;scale:1;translate:0 0;transform:none}
 .hero-review-preview .hero-lab,.hero-review-preview .hero-content{translate:0 0!important;scale:1!important}
}
@media(max-width:700px){
 .hero-review-preview .hero-review{inset:auto 8px 8px;max-width:none;width:auto;padding:8px 10px;margin:0}
 .hero-review-top{gap:10px;margin-bottom:5px}
 .hero-review-preview .hero-review .hero-options button{min-height:40px;font-size:10px;padding:6px 8px}
 .hero-review-top>span,.hero-review-preview .hero-review a{font-size:9px}
 .hero-review-preview .hero-review>.motion-toggle{bottom:8px;right:10px;font-size:9px}
 .hero-review-notes summary{font-size:9px}
 .hero-review-preview[data-hero-version=refined] .hero-lab{scale:calc(1 + var(--hero-progress,0)*.02);translate:0 calc(var(--hero-progress,0)*10px)}
 .hero-review-preview[data-hero-version=refined] .hero-content{translate:0 calc(var(--hero-progress,0)*-10px)}
}
/* On wider phones the illustration rises behind the description. Keep that reading area calm. */
@media(min-width:431px) and (max-width:700px){
 [data-theme=C] .hero-review-preview[data-hero-version=refined] .hero:after{background:linear-gradient(180deg,#132d91 0%,#132d91 30%,#132d91e8 43%,#132d917a 54%,transparent 63%)}
}