.motion-story{max-width:1500px;margin:0 auto;padding:110px 5%;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);gap:72px;align-items:center;background:#fff}
.motion-copy h2{font-size:clamp(2.35rem,4vw,4.8rem);line-height:1.02;letter-spacing:-.045em;margin:18px 0 24px;color:#0d254a}
.motion-copy h2 em{color:#596cff;font-style:normal}.motion-lead{max-width:650px;font-size:1.16rem;line-height:1.65;color:#61718b}
.motion-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}
.motion-steps article{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid #dce4f0;border-radius:15px;background:#fff;transition:.3s ease;animation:motionPulse 8s infinite}
.motion-steps article:nth-child(2){animation-delay:2s}.motion-steps article:nth-child(3){animation-delay:4s}.motion-steps article:nth-child(4){animation-delay:6s}
.motion-steps b{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:#eef1ff;color:#3457ed;font-size:.78rem}
.motion-steps h3{margin:1px 0 4px;color:#10284d;font-size:.98rem}.motion-steps p{margin:0;color:#6a7890;font-size:.85rem;line-height:1.35}
.motion-cta{border:0;cursor:pointer}.motion-player{margin:0;border-radius:25px;overflow:hidden;background:#0c2548;box-shadow:0 30px 80px rgba(16,39,80,.22);transform:rotate(.25deg);transition:transform .45s ease,box-shadow .45s ease}
.motion-player:hover{transform:translateY(-6px) rotate(0);box-shadow:0 38px 95px rgba(16,39,80,.3)}
.motion-player-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.09em}.motion-player-top span{display:flex;align-items:center;gap:9px}.motion-player-top i{width:9px;height:9px;background:#5fe0ba;border-radius:50%;box-shadow:0 0 0 6px rgba(95,224,186,.12);animation:liveDot 1.7s ease infinite}.motion-player-top small{color:#9dafc8;font-size:.68rem}
.motion-player img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#081d3a}.motion-player figcaption{padding:14px 20px 17px;color:#aec0d8;font-size:.84rem;text-align:center;border-top:1px solid rgba(255,255,255,.09)}
@keyframes motionPulse{0%,18%,100%{border-color:#dce4f0;transform:translateY(0);box-shadow:none}5%,13%{border-color:#6376ff;transform:translateY(-3px);box-shadow:0 10px 28px rgba(71,91,230,.13)}}
@keyframes liveDot{50%{box-shadow:0 0 0 9px rgba(95,224,186,0)}}
@media(max-width:1050px){.motion-story{grid-template-columns:1fr;padding:85px 6%;gap:42px}.motion-copy{max-width:780px}.motion-player{max-width:900px;width:100%;margin:auto}}
@media(max-width:600px){.motion-story{padding:68px 22px}.motion-steps{grid-template-columns:1fr}.motion-player-top small{display:none}.motion-copy h2{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){.motion-steps article,.motion-player-top i{animation:none}.motion-player{transition:none}}