/* Каждая сцена продолжает фон страницы; отдельной рамки вокруг анимации нет. */
.vilk-approved .vm-scene{position:relative;margin:0;min-width:0;isolation:isolate;contain:layout style;pointer-events:none}
.vilk-approved .vm-art{display:block;width:100%;height:auto;overflow:visible}
.vilk-approved .vm-mobile{display:none}
.vilk-approved .vm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vilk-approved .vm-text{font-family:inherit;fill:#e8e7e3;font-weight:400;letter-spacing:-.025em}
.vilk-approved .vm-caption{fill:#a19f9a;font-weight:400}
.vilk-approved .vm-icon{color:#c8c9c8;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.vilk-approved .vm-brand{color:#f0efea;fill:currentColor}
.vilk-approved .vm-check{color:#c9d7cd;stroke-width:1.3}
.vilk-approved .vm-live{fill:#c9d7cd}
.vilk-approved .vm-wire{fill:none;stroke:#bcbfc3;stroke-width:.7;opacity:.23}
.vilk-approved .vm-stream{fill:none;stroke:#e1d5c2;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:4 103;stroke-dashoffset:107;opacity:0}
.vilk-approved .vm-orbit{opacity:.72;transform-box:fill-box;transform-origin:center}
.vilk-approved .vm-float,.vilk-approved .vm-pulse,.vilk-approved .vm-result{transform-box:fill-box;transform-origin:center}
.vilk-approved .vm-hero-section{padding-block:8px 22px}
.vilk-approved .hero:has(+ .vm-hero-section){padding-bottom:8px}
.vilk-approved .vm-hero{max-width:1120px;margin-inline:auto}
.vilk-approved #pains-v3>.section-heading{align-items:center;gap:42px}
.vilk-approved #pains-v3>.section-heading>div{flex:1;min-width:0}
.vilk-approved .vm-pains{flex:0 1 480px;max-width:43%;margin-top:4px}
.vilk-approved .knowledge-layout:has(.vm-knowledge){gap:55px}
.vilk-approved .vm-knowledge{width:100%;align-self:center}
.vilk-approved .vm-parallel{max-width:1100px;margin:28px auto 0}
.vilk-approved .vm-connections{max-width:1020px;margin:-8px auto 26px}
.vilk-approved .vm-step-icon{width:120px;height:88px;margin:-13px 0 12px}
.vilk-approved .vm-first-steps{position:relative}
.vilk-approved .vm-first-steps>li{padding-top:10px}
.vilk-approved .vm-step-icon .vm-stream{stroke-dasharray:18 100}
.vilk-approved [data-mode="life"] .vm-scene,.vilk-approved[data-mode="life"] .vm-scene{display:none}
/* Движение включается единственным наблюдателем, только в видимой сцене. */
.vilk-approved .is-running .vm-stream{animation:vm-stream 10.8s linear infinite;animation-delay:var(--delay,0s)}
.vilk-approved .is-running .vm-float{animation:vm-float 10.8s ease-in-out infinite;animation-delay:var(--delay,0s)}
.vilk-approved .is-running .vm-pulse{animation:vm-pulse 10.8s ease-in-out infinite;animation-delay:var(--delay,0s)}
.vilk-approved .is-running .vm-result{animation:vm-result 10.8s ease-in-out infinite}
.vilk-approved .is-running .vm-orbit{animation:vm-orbit 64s linear infinite}
.vilk-approved .is-running .vm-cursor{animation:vm-cursor 2.4s steps(1,end) infinite}
.vilk-approved .is-running.vm-workspace-steps>li{animation:vm-step 9s ease-in-out infinite}
.vilk-approved .is-running.vm-workspace-steps>li:nth-child(2){animation-delay:3s}
.vilk-approved .is-running.vm-workspace-steps>li:nth-child(3){animation-delay:6s}
@keyframes vm-stream{0%,10%{stroke-dashoffset:107;opacity:0}16%{opacity:.72}62%{stroke-dashoffset:0;opacity:.72}73%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes vm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes vm-pulse{0%,100%{opacity:.83}35%,65%{opacity:1}}
@keyframes vm-result{0%,25%,100%{transform:translateY(0);opacity:.87}55%,85%{transform:translateY(-2px);opacity:1}}
@keyframes vm-orbit{to{transform:rotate(360deg)}}
@keyframes vm-cursor{0%,48%,100%{opacity:0}49%,96%{opacity:.9}}
@keyframes vm-step{0%,90%,100%{border-top-color:#ffffff26}15%,40%{border-top-color:#cfc8b9}}
@media(max-width:1000px){.vilk-approved #pains-v3>.section-heading{gap:16px}.vilk-approved .vm-pains{max-width:45%}.vilk-approved .knowledge-layout:has(.vm-knowledge){gap:24px}}
@media(max-width:719px){
 .vilk-approved .vm-desktop{display:none}.vilk-approved .vm-mobile{display:block}
 .vilk-approved .vm-hero-section{padding-block:0 14px}.vilk-approved .vm-hero{max-width:520px}
 .vilk-approved #pains-v3>.section-heading{display:block}
 .vilk-approved .vm-pains{max-width:480px;margin:12px auto 8px;width:100%}
 .vilk-approved .vm-parallel{max-width:500px;margin-top:14px}
 .vilk-approved .vm-knowledge{max-width:520px;margin-inline:auto}
 .vilk-approved .vm-connections{margin:0 auto 22px;max-width:480px}
 .vilk-approved .vm-step-icon{width:98px;height:72px;margin:0}
 .vilk-approved .vm-first-steps>li{display:grid;grid-template-columns:98px 1fr;gap:0 12px;padding-block:16px}
 .vilk-approved .vm-first-steps .vm-step-icon{grid-row:1/3;align-self:center}
 .vilk-approved .vm-first-steps h3{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.vilk-approved [data-vilk-motion] *{animation:none!important;transition:none!important}}

.vilk-approved[data-mode="business"] .vm-legacy-knowledge{display:none}

/* Платиновые акценты остаются частью общей поверхности страницы. */
.vilk-approved .vm-kicker{fill:#9d9992;font-weight:500;letter-spacing:.14em}
.vilk-approved .vm-numeral{fill:#c8c6c0;font-weight:300;letter-spacing:-.055em}
.vilk-approved .vm-file-label{fill:#d1d2d0;letter-spacing:-.02em}
.vilk-approved .vm-lane{stroke:#d0cec8;stroke-opacity:.1;stroke-width:.7}
.vilk-approved .vm-engrave{stroke:#d4d7da;stroke-opacity:.22;stroke-width:.75}
.vilk-approved .vm-node{fill:#d7d1c4}
.vilk-approved .vm-step-icon{height:76px;margin:-7px 0 20px}
.vilk-approved .vm-parallel{margin-top:40px}
@media(max-width:719px){.vilk-approved .vm-step-icon{height:70px;margin:0}.vilk-approved .vm-parallel{margin-top:24px}.vilk-approved .vm-hero-section{padding-block:12px 16px}}

/* Плоские сцены: движение только по линиям, без объёмных материалов и вращений. */
.vilk-approved .vm-flat .vm-brand{fill:#e3e4df}
.vilk-approved .vm-flat .vm-wire{stroke:#c4c7c3;opacity:.28}
.vilk-approved .vm-hero-section{padding-block:8px 10px}
