/* Анимация процесса на коммерческих страницах (компонент rg-motion).
   Видео подгружается только при необходимости, без JS остаётся обложка и текст. */
.rg-motion-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;align-items:center;margin-bottom:40px}
.rg-motion-intro>.rg-motion-copy{min-width:0}
.rg-motion{--rgm-bg:#fff;--rgm-line:#e3e8f0;--rgm-text:#152039;--rgm-muted:#667182;--rgm-current:#00347f;--rgm-accent:#8083ff;--rgm-track:#e6eaf1;
  border-radius:12px;overflow:hidden;background:var(--rgm-bg);border:1px solid var(--rgm-line);box-shadow:0 16px 50px #0612260f;width:100%}
.rg-motion--dark{--rgm-bg:#0f1d36;--rgm-line:#2a3a56;--rgm-text:#fff;--rgm-muted:#8f9fbb;--rgm-current:#d2d1ff;--rgm-track:#2b3a52;box-shadow:0 22px 60px #0006}
.rg-motion-cinema{position:relative;overflow:hidden;aspect-ratio:4/3;background:#e9edf3}
.rg-motion--dark .rg-motion-cinema{background:#0a1428}
.rg-motion-cinema picture,.rg-motion-cinema img,.rg-motion-cinema video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.rg-motion-cinema video{opacity:0;transition:opacity .5s;pointer-events:none}
.rg-motion-cinema video.is-ready{opacity:1}
.rg-motion-top{position:absolute;left:20px;right:16px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#334461;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
.rg-motion--dark .rg-motion-top{color:#d2ddf0}
.rg-motion-toggle{pointer-events:auto;width:44px;height:44px;border:1px solid #06122620;border-radius:50%;background:#ffffffc9;backdrop-filter:blur(12px);color:#061226;font-size:13px;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.rg-motion-toggle:hover{background:#fff}
.rg-motion--dark .rg-motion-toggle{background:#11243ccc;border-color:#fff3;color:#fff}
.rg-motion-controls{padding:0 20px 16px;color:var(--rgm-text)}
.rg-motion-progress{height:2px;background:var(--rgm-track);margin-bottom:6px}
.rg-motion-progress>span{display:block;height:100%;width:0;background:var(--rgm-accent);transition:width .12s linear}
.rg-motion-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rg-motion-steps button{min-height:44px;padding:0;border:0;background:transparent;color:var(--rgm-muted);text-align:left;font:inherit;font-size:12px;line-height:1.35;display:flex;align-items:center;gap:7px;cursor:pointer;transition:color .3s}
.rg-motion-steps button>span{font-size:9px;letter-spacing:.13em;font-variant-numeric:tabular-nums}
.rg-motion-steps button.is-current{color:var(--rgm-current);font-weight:600}
.rg-motion-caption{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--rgm-muted);min-height:19px}
.rg-motion [hidden]{display:none!important}
.rg-motion button:focus-visible{outline:2px solid var(--rgm-accent);outline-offset:3px}
@media(max-width:991px){.rg-motion-intro{grid-template-columns:1fr;gap:28px}.rg-motion{max-width:640px}}
@media(max-width:767px){.rg-motion-controls{padding-inline:16px}.rg-motion-steps button{font-size:11px;gap:5px}.rg-motion-top{left:16px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.rg-motion-cinema video,.rg-motion-progress>span{transition:none}}
/* Шапка секции коммерческого шаблона внутри левой колонки — в одну колонку. */
.rg-motion-copy .auto-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:0;align-items:start}