.bs-how-intro .hero__title{font-size:clamp(40px,4.7vw,64px);text-wrap:balance}
.bs-how-intro .hero__sub{font-size:18px;line-height:1.65}
.bs-how-intro .hero__actions{gap:24px}
.bs-how-intro .hero__visual{display:grid;align-items:center}
.bs-how-intro .hero__visual .bs-process-diagram{height:auto;max-height:780px;aspect-ratio:5/4;transform:none;will-change:auto}
.bs-process-mobile{display:none}
.bs-process-word{display:inline-block}
.bs-how-intro--ready .bs-process-word{opacity:0;transform:translateY(20px);transition:opacity 600ms ease var(--word-delay,0ms),transform 700ms cubic-bezier(.2,.7,.2,1) var(--word-delay,0ms)}
.bs-how-intro--ready.is-visible .bs-process-word{opacity:1;transform:none}
.bs-how-intro--ready .hero__sub,.bs-how-intro--ready .hero__actions{opacity:0;transform:translateY(20px);transition:opacity 650ms ease 180ms,transform 750ms cubic-bezier(.2,.7,.2,1) 180ms}
.bs-how-intro--ready.is-visible .hero__sub,.bs-how-intro--ready.is-visible .hero__actions{opacity:1;transform:none}
@media(max-width:900px){
 .bs-how-intro .hero__panel-left{padding:48px var(--gutter)}
 .bs-how-intro .hero__panel-right{min-height:0}
 .bs-how-intro .hero__visual .bs-process-diagram{display:none}
 .bs-process-mobile{display:block;padding:36px var(--gutter);color:var(--vk-bone)}
 .bs-process-mobile__label{font:700 10px var(--font-mono);letter-spacing:.13em;color:#B8BABF;margin-bottom:30px}
 .bs-process-mobile ol{position:relative;list-style:none;margin:0;padding:0;isolation:isolate}
 .bs-process-mobile ol::before,.bs-process-mobile ol::after{content:'';position:absolute;left:15px;top:16px;bottom:24px;width:1px;background:#55575B;z-index:-1}
 .bs-process-mobile ol::after{background:var(--vk-green);transform:scaleY(var(--journey-progress,1));transform-origin:top}
 .bs-process-mobile li{display:grid;grid-template-columns:32px 1fr;gap:20px;align-items:start;padding-bottom:28px}
 .bs-process-mobile li:last-child{padding-bottom:0}
 .bs-process-mobile__number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--vk-green);border-radius:50%;background:var(--vk-ink);color:var(--vk-green);font:700 11px var(--font-mono);transition:background 200ms,color 200ms}
 .bs-process-mobile li.is-current .bs-process-mobile__number{color:var(--vk-ink);background:var(--vk-green)}
 .bs-process-mobile strong{font-size:17px;font-weight:700}
 .bs-process-mobile li p{font-size:13px;color:#c6c7ca;line-height:1.65;margin-top:3px}
 .bs-process-mobile__note{font-size:12px;color:#B8BABF;line-height:1.7;border-top:1px solid var(--vk-rule-dk);margin-top:26px;padding-top:20px}
}
@media(max-width:480px){.bs-how-intro .hero__title{font-size:40px}.bs-how-intro .hero__sub{font-size:17px}.bs-how-intro .hero__actions{gap:20px}.bs-how-intro .hero__meta{font-size:10px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.bs-how-intro--ready .bs-process-word,.bs-how-intro--ready .hero__sub,.bs-how-intro--ready .hero__actions{opacity:1;transform:none;transition:none}.bs-process-mobile__number{transition:none}}