.hero-visual.ea-live-studio{--ea-loop:12s}
.ea-live-studio .studio-window{animation:ea-window 7s ease-in-out infinite}
.ea-live-studio .floating-card{animation:ea-badge 5s ease-in-out infinite}.ea-live-studio .card-responsive{animation-delay:-1.7s}.ea-live-studio .card-assessment{animation-delay:-3.4s}
.ea-live-studio .mock-image{position:relative;overflow:hidden;background:linear-gradient(120deg,#e7efff,#bcefe9,#e7efff);background-size:220% 100%;animation:ea-gradient 7s ease-in-out infinite}
.ea-live-studio .mock-play{position:relative;z-index:1;animation:ea-play 2.5s ease-in-out infinite}.ea-live-studio .mock-play:after{content:'';position:absolute;inset:-12px;border:2px solid #1765e840;border-radius:50%;animation:ea-ring 2.5s ease-out infinite}
.ea-live-studio .mock-image:after{content:'';position:absolute;left:18px;right:18px;bottom:12px;height:4px;border-radius:4px;background:linear-gradient(90deg,#1765e8,#08b8b7);transform-origin:left;animation:ea-progress var(--ea-loop) linear infinite}
.ea-live-studio .lesson{animation:ea-lesson var(--ea-loop) steps(1,end) infinite;background:transparent;color:#7f8a9b}.ea-live-studio .lesson:nth-of-type(2){animation-delay:0s}.ea-live-studio .lesson:nth-of-type(3){animation-delay:-9s}.ea-live-studio .lesson:nth-of-type(4){animation-delay:-6s}.ea-live-studio .lesson:nth-of-type(5){animation-delay:-3s}
.ea-live-studio .mock-text-line{animation:ea-lines 3s ease-in-out infinite}.ea-live-studio .mock-text-line:not(.wide){animation-delay:-1.5s}
.ea-live-studio .interaction-row>div{animation:ea-tile 6s ease-in-out infinite}.ea-live-studio .interaction-row>div:nth-child(2){animation-delay:-4s}.ea-live-studio .interaction-row>div:nth-child(3){animation-delay:-2s}
.ea-motion-toggle{display:block;margin:20px auto 0;border:1px solid #ccdaed;border-radius:30px;background:#fff;color:#284465;padding:9px 15px;font:600 11px/1.4 Arial,sans-serif;cursor:pointer}.ea-motion-toggle:focus-visible{outline:3px solid #08b8b7;outline-offset:4px}
.ea-live-studio.ea-motion-paused *,.ea-live-studio.ea-motion-paused *:after{animation-play-state:paused!important}
@keyframes ea-window{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ea-badge{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes ea-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ea-play{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes ea-ring{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.5);opacity:0}}
@keyframes ea-progress{0%{transform:scaleX(.02)}95%,100%{transform:scaleX(1)}}
@keyframes ea-lesson{0%,24.99%{background:#e8f1ff;color:#1765e8}25%,100%{background:transparent;color:#7f8a9b}}
@keyframes ea-lines{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes ea-tile{0%,26%{background:#e8f7f5;border-color:#72d3c7}34%,100%{background:#fff;border-color:#e5ebf4}}
@media(prefers-reduced-motion:reduce){.hero-visual.ea-live-studio *,.hero-visual.ea-live-studio *:after{animation:none!important}.ea-motion-toggle{display:none}}