.method-motion{display:grid;grid-template-columns:1fr;gap:28px}.method-motion .mm-card{margin-top:0;text-align:left;gap:0;padding:0}.method-motion img{max-width:100%}
.mm-card{margin-top:32px;display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid #dce6ee;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #06152d12}.mm-visual{position:relative;min-height:460px;overflow:hidden;background:#06152d}.mm-visual picture,.mm-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.mm-visual img{animation:mmCamera 5s ease-in-out infinite;object-position:48% 50%}.mm-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#031324e8)}.mm-sequence{position:absolute;bottom:30px;left:28px;right:28px;color:white}.mm-caption{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#c9dee6;margin-bottom:14px}.mm-steps{display:flex;align-items:center;gap:9px}.mm-step{font-size:12px;font-weight:700;white-space:nowrap}.mm-dot{display:block;width:9px;height:9px;border-radius:50%;background:#36e29b;margin-bottom:10px;animation:mmDot 5s both infinite;animation-delay:var(--delay,0s)}.mm-line{flex:1;height:2px;background:#ffffff25;position:relative;margin-top:-23px;min-width:8px}.mm-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#16b8ff,#29e079);transform-origin:left;animation:mmDraw 5s both infinite;animation-delay:var(--delay,0s)}.mm-controls{position:absolute;top:18px;right:18px;z-index:2;background:#041326d9;border:1px solid #ffffff50;border-radius:30px;color:white;padding:9px 14px;font:inherit;font-size:12px;cursor:pointer}.mm-copy{padding:52px 44px;align-self:center}.mm-copy h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.045em;line-height:1.1;margin:0 0 20px}.mm-copy p{line-height:1.7;color:#52637a;font-size:17px;margin:0 0 26px}.mm-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.mm-copy li{display:flex;align-items:center;gap:12px;font-size:15px}.mm-copy li:before{content:"✓";color:#08774c;background:#e0f8ee;border:1px solid #b9e9d6;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-weight:bold;font-size:13px;flex:none}.mm-note{font-size:12px;color:#687b8d;line-height:1.7;margin-top:20px}button:focus-visible{outline:3px solid #29e079;outline-offset:4px}.mm-paused *,.mm-paused *:after{animation-play-state:paused!important}
@keyframes mmCamera{0%,100%{transform:scale(1)}50%{transform:scale(1.045) translateY(-3px)}}@keyframes mmDot{0%,8%{opacity:.3;transform:scale(.7)}18%,85%{opacity:1;transform:scale(1)}100%{opacity:.3;transform:scale(.7)}}@keyframes mmDraw{0%,12%{transform:scaleX(0);opacity:1}40%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(max-width:720px){.mm-card{grid-template-columns:1fr;border-radius:22px}.mm-visual{min-height:0;aspect-ratio:4/3}.mm-copy{padding:30px 25px}.mm-copy p{font-size:16px}.mm-sequence{bottom:24px;left:22px;right:22px}.mm-step{font-size:11px}.mm-caption{font-size:10px}.mm-steps{gap:7px}}
@media(prefers-reduced-motion:reduce){.method-motion *,.method-motion *:after{animation:none!important}.mm-controls{display:none}.mm-line:after{transform:scaleX(1)}}
.mm-download{display:inline-block;margin-top:24px;color:#075c4e;font-weight:700;text-underline-offset:5px;font-size:14px}.mm-visual{min-height:420px}@media(max-width:720px){.mm-visual{min-height:0;aspect-ratio:3/2}}@media(min-width:721px) and (max-width:950px){.mm-copy{padding:30px 24px}.mm-step{font-size:10px}.mm-sequence{left:18px;right:18px}}