/* Unified site motion; no hidden content or scroll interception. */
@view-transition{navigation:auto}
html:not(.theme-changing)::view-transition-old(root){animation:page-out .16s ease both}
html:not(.theme-changing)::view-transition-new(root){animation:page-in .38s cubic-bezier(.2,.75,.2,1) both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
:is(.v3-button,.subscription-card>a,.download-help>a,.privacy-notice button){transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .25s ease,translate .24s cubic-bezier(.2,.75,.2,1),scale .16s ease}
:is(.v3-feature-card,.subscription-card,.download-details article,.v3-posted-review){transition:border-color .25s ease,box-shadow .3s ease,translate .28s cubic-bezier(.2,.75,.2,1)}
@media(hover:hover) and (pointer:fine){
 :is(.v3-button,.subscription-card>a,.download-help>a):hover{translate:0 -2px}
 :is(.v3-feature-card,.subscription-card,.download-details article):hover{translate:0 -3px;box-shadow:0 12px 28px #0000000b}
 html[data-theme=dark] :is(.v3-feature-card,.subscription-card,.download-details article):hover{box-shadow:0 12px 28px #00000030}
 .nav-account:hover img{scale:1.045}
}
:is(.v3-button,.subscription-card>a,.download-help>a):active{translate:0 0;scale:.98}
.nav-account img{transition:scale .28s cubic-bezier(.2,.75,.2,1)}
.language-options{opacity:0;translate:0 -8px;transition:opacity .2s ease,translate .24s cubic-bezier(.2,.75,.2,1),display .24s allow-discrete,overlay .24s allow-discrete}
.language-options:popover-open{opacity:1;translate:0 0}
@starting-style{.language-options:popover-open{opacity:0;translate:0 -8px}}
.cspro-notification-panel{animation:none}
.v3-faq-list summary::after,.subscription-comparison summary::after{transition:rotate .25s cubic-bezier(.2,.75,.2,1)}
.v3-faq-list details[open] summary::after,.subscription-comparison[open] summary::after{rotate:45deg}
.v3-faq-list details:focus-within,.subscription-comparison:focus-within{scroll-margin-top:100px}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 :is(.v3-button,.subscription-card>a,.download-help>a,.v3-feature-card,.subscription-card,.download-details article,.v3-posted-review,.nav-account img,.language-options,.v3-faq-list summary::after,.subscription-comparison summary::after){transition:none!important;translate:none!important;scale:none!important}
}

@media(min-width:1101px){
 html .v3-header>nav a{position:relative}
 html .v3-header>nav a::after{content:'';display:block!important;position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor!important;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.75,.2,1)}
 html .v3-header>nav a[aria-current=page]::after,html .v3-header>nav a:hover::after,html .v3-header>nav a:focus-visible::after{transform:scaleX(1)}
}
.cspro-notification-heading>strong{flex:1;min-width:0}.cspro-notification-heading .notification-clear{width:auto;height:32px;padding:0 9px;border-radius:10px;background:transparent;color:inherit;font:650 11px/1.4 Manrope,sans-serif;white-space:nowrap}.notification-clear:disabled{opacity:.4;cursor:default}.cspro-notification-panel article{position:relative;padding-right:24px}.cspro-notification-panel .notification-dismiss{position:absolute;top:12px;right:0;width:24px;height:24px;border:0;border-radius:8px;background:transparent;color:inherit;font:20px/1 Manrope,sans-serif;cursor:pointer}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .steps-viewport{perspective:1000px;contain:paint}
 .steps-story .v3-steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;transform:none!important;transform-style:preserve-3d;will-change:auto}
 .steps-story .v3-steps>article{grid-area:1/1;width:100%;box-sizing:border-box;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}
 .steps-story .v3-steps>article :is(b,h3,p){will-change:transform}
}

/* The complete mobile section stays framed: title + card + progress. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .steps-story{margin-top:0}
 .steps-pin{justify-content:flex-start;gap:0;padding-block:20px 24px;box-sizing:border-box}
 .steps-intro{flex:0 0 auto;width:100%;margin-bottom:18px}
 .steps-intro .v3-kicker{font-size:9px;margin:0 0 12px}
 .steps-intro .v3-heading{font-size:clamp(25px,7vw,34px);line-height:1.25;margin:0;max-width:360px}
 .steps-viewport{height:var(--steps-card-height,51svh);flex:0 0 auto;margin-top:auto;margin-bottom:20px}
 .steps-story .v3-steps{height:100%}
 .steps-story .v3-steps>article{height:100%;min-height:0}
 .steps-counter{flex:0 0 auto;width:100%}
}
@media(max-width:760px) and (max-height:600px) and (prefers-reduced-motion:no-preference){
 .steps-pin{padding-block:10px;gap:0}.steps-intro{margin-bottom:8px}.steps-intro .v3-kicker{font-size:8px;margin-bottom:6px}.steps-intro .v3-heading{font-size:23px}.steps-viewport{margin-bottom:12px}.steps-story .v3-steps>article{padding:15px 22px}.steps-story .v3-steps b{font-size:42px}.steps-story .v3-steps h3{font-size:19px;margin-top:8px}.steps-story .v3-steps p{font-size:12px;line-height:1.5}
}