/* Shared motion uses CSS and native browser animation; no extra media downloads. */
:root{--sm-depth-shadow:0 24px 44px -22px #2e221f45;--sm-ease:cubic-bezier(.2,.7,.2,1)}
.site-motion-hero{position:relative;isolation:isolate}
.site-motion-hero>.site-motion-halo{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip;border-radius:inherit;background:radial-gradient(ellipse at var(--sm-halo-x,72%) var(--sm-halo-y,42%),#da242512,transparent 54%)}
.site-motion-halo:before,.site-motion-halo:after{content:"";position:absolute;inset-inline-end:8%;inset-block-start:15%;width:clamp(210px,30vw,460px);aspect-ratio:1;border:1px solid #caa87548;border-radius:50%;transform:perspective(1100px) rotateX(52deg) rotateZ(-24deg)}
.site-motion-halo:after{width:clamp(150px,24vw,340px);inset-block-start:24%;inset-inline-end:12%;border-color:#df373c45;transform:perspective(1100px) rotateY(48deg) rotateZ(18deg)}
.site-motion-on .site-motion-halo:before{animation:site-orbit 32s linear infinite}
.site-motion-on .site-motion-halo:after{animation:site-orbit-cross 26s linear infinite reverse}
.site-motion-on .site-motion-float{animation:site-soft-float 8s var(--sm-ease) infinite}
.site-motion-calm>.site-motion-halo{background:none}
.site-motion-calm>.site-motion-halo:before,.site-motion-calm>.site-motion-halo:after{animation:none;opacity:.28;width:180px}
.site-depth-card{box-shadow:0 16px 28px -22px #33242855}
.site-motion-on .site-depth-card{transform:perspective(1100px) rotateX(var(--sm-rx,0deg)) rotateY(var(--sm-ry,0deg)) translateY(0);transform-style:flat;transition:transform .32s var(--sm-ease),box-shadow .32s ease,border-color .25s ease;position:relative}
.site-motion-on .site-depth-card.site-depth-active{transform:perspective(1100px) rotateX(var(--sm-rx,0deg)) rotateY(var(--sm-ry,0deg)) translateY(-5px);box-shadow:var(--sm-depth-shadow);z-index:1;border-color:#caa87588}
.site-depth-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle at var(--sm-light-x,50%) var(--sm-light-y,30%),#ffffff32,transparent 55%);transition:opacity .3s ease}
.site-motion-on .site-depth-card.site-depth-active>.site-depth-sheen{opacity:1}
.site-cta-depth{box-shadow:0 9px 19px -12px #a9141a90,inset 0 1px #ffffff24}
.site-motion-on .site-cta-depth{transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}
.site-motion-on .site-cta-depth:is(:hover,:focus-visible){box-shadow:0 13px 25px -12px #a9141aaa,inset 0 1px #ffffff35}
.site-motion-on :is(.nav,.member-header,.payment-header,.trial-header) .brand-logo{transition:filter .35s ease}
.site-motion-on :is(.nav,.member-header,.payment-header,.trial-header) .brand-logo:hover{filter:drop-shadow(0 3px 10px #e7232840)}
.site-motion-settings{box-sizing:border-box;grid-column:1/-1;display:flex;justify-content:center;width:100%;max-width:100%;padding:18px 0 4px;clear:both}
body>.site-motion-settings{color:#66615a;padding:24px 16px;margin:0 auto 12px}
.site-motion-settings .site-motion-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-height:40px;max-width:100%;padding:8px 14px;border:1px solid #8d817b65;border-radius:999px;background:transparent;color:inherit;font:700 12px/1.4 var(--font-body,Arial,sans-serif);cursor:pointer;box-shadow:none}
.site-motion-control i{font-style:normal;font-size:19px;line-height:1;color:#c91f27;transition:rotate .4s ease}
.site-motion-control:hover i{rotate:45deg}
.site-motion-control[aria-pressed=true] i{color:inherit;opacity:.6}
.site-motion-control:disabled{cursor:default;opacity:.7}
.site-motion-control:focus-visible{outline:2px solid #c91f27;outline-offset:4px}
.site-motion-paused :is(.site-motion-float,.site-motion-halo:before,.site-motion-halo:after){animation-play-state:paused!important}
@keyframes site-orbit{from{transform:perspective(1100px) rotateX(52deg) rotateZ(-24deg)}to{transform:perspective(1100px) rotateX(52deg) rotateZ(336deg)}}
@keyframes site-orbit-cross{from{transform:perspective(1100px) rotateY(48deg) rotateZ(18deg)}to{transform:perspective(1100px) rotateY(48deg) rotateZ(378deg)}}
@keyframes site-soft-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:850px),(hover:none),(pointer:coarse){.site-motion-halo:before,.site-motion-halo:after{animation:none!important;opacity:.65}.site-motion-on .site-motion-float{animation-duration:11s}.site-motion-on .site-depth-card{transform:none!important}.site-depth-sheen{display:none}}
html[data-site-motion=reduced] *,html[data-site-motion=reduced] *:before,html[data-site-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html[data-site-motion=reduced] :is(.site-motion-float,.site-motion-halo:before,.site-motion-halo:after){animation:none!important;translate:none!important}
html[data-site-motion=reduced] :is(.site-depth-card,.tilt-card,.tilt-row,.depth-layer,.sc-board){transform:none!important}
html[data-site-motion=reduced] .reveal{opacity:1!important;visibility:visible!important;transform:none!important}
html[data-site-motion=reduced] .cursor-glow{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.site-motion-float,.site-motion-halo:before,.site-motion-halo:after{animation:none!important;translate:none!important}.site-depth-card,.tilt-card,.tilt-row,.depth-layer,.sc-board{transform:none!important}.reveal{opacity:1!important;visibility:visible!important;transform:none!important}.cursor-glow{display:none!important}}
@media print{.site-motion-halo,.site-motion-settings{display:none!important}.site-depth-card{transform:none!important;box-shadow:none!important}.site-depth-sheen{display:none!important}.site-motion-float{animation:none!important;translate:none!important}}