.ai-flow-layout {row-gap: 56px;}
.ai-journey.lead-vertical {width: 100%; max-width: 500px; padding: 0; margin: 0;}
.ai-journey h3 {margin-bottom: 32px; font-size: 30px; line-height: 1.2; letter-spacing: 0; text-wrap: balance;}
.ai-journey .lead-v-steps {isolation: isolate;}
.ai-journey .lead-v-steps::before {display: none;}
.ai-journey .lead-v-step:not(:last-child)::before {content: ''; position: absolute; left: 23px; top: 24px; height: 100%; width: 2px; background: #655a67; pointer-events: none;}
.ai-journey:not(.lead-v-ready) .lead-v-step:not(:last-child)::before {background: #638aff;}
.ai-journey:not(.lead-v-ready) .lead-v-steps::after {display: none;}
.ai-journey.lead-v-ready .lead-v-steps::after {width: 3px; background: linear-gradient(180deg, #f15a97, #8fcfff);}
.ai-journey .lead-v-step {min-height: 144px; padding-bottom: 22px; column-gap: 18px;}
.ai-journey .lead-v-step:last-child {min-height: 116px; padding-bottom: 0;}
.ai-journey .lead-v-step > div {padding: 13px 16px 15px; border: 1px solid #43313f; background: rgba(7, 6, 10, .88); transition: border-color .2s ease, background-color .2s ease;}
.ai-journey .lead-v-step h4 {font-size: 18px; line-height: 1.3; letter-spacing: 0; text-wrap: balance;}
.ai-journey .lead-v-step p {font-size: 14px; line-height: 1.5; color: #d3cad1;}
.ai-journey .lead-v-number {margin-bottom: 7px; color: #cbb7c5;}
.ai-journey .lead-v-icon {transition: border-color .2s ease, color .2s ease, background-color .2s ease;}
.ai-journey .ai-complete-icon {display: none;}
.ai-journey .is-complete .ai-stage-icon,
.ai-journey .lead-v-step:last-child.is-active .ai-stage-icon {display: none;}
.ai-journey .is-complete .ai-complete-icon,
.ai-journey .lead-v-step:last-child.is-active .ai-complete-icon {display: inline;}
.ai-journey .lead-v-step.is-active > div {background: rgba(32, 10, 24, .94); border-color: #c75a8d;}
.ai-journey .lead-v-step.is-active .lead-v-number {color: #ff9cc8;}
.ai-journey .lead-v-step.is-complete > div {border-left-color: #90b5ff;}
.ai-journey .lead-v-step:last-child.is-active > div {background: rgba(8, 28, 23, .94); border-color: #67d7ae;}
.ai-journey .lead-v-step:last-child.is-active .lead-v-icon {background: #10291f; box-shadow: 0 0 0 5px rgba(103, 215, 174, .12);}
.ai-journey .lead-v-step:last-child.is-active .lead-v-number {color: #8eebc7;}
@media (max-width: 991px) {
    .ai-flow-section {padding-top: 56px;}
    .ai-journey.lead-vertical {max-width: 540px; margin: 0 auto;}
    .ai-flow-layout > .col-lg-6 {max-width: 640px; margin: 0 auto;}
}
@media (max-width: 575px) {
    .ai-flow-layout {row-gap: 44px;}
    .ai-journey h3 {font-size: 26px; margin-bottom: 26px;}
    .ai-journey .lead-v-step {min-height: 150px; column-gap: 12px; padding-bottom: 20px;}
    .ai-journey .lead-v-step:last-child {min-height: 122px; padding-bottom: 0;}
    .ai-journey .lead-v-step:not(:last-child)::before {left: 21px; top: 22px;}
    .ai-journey .lead-v-step > div {padding: 12px;}
    .ai-journey .lead-v-step h4 {font-size: 17px;}
    .ai-journey .lead-v-step p {font-size: 13px; line-height: 1.5;}
    .ai-flow-section .conversion-btn {max-width: 100%; white-space: normal;}
}
@media (prefers-reduced-motion: reduce) {
    .ai-journey .lead-v-step > div,
    .ai-journey .lead-v-icon {transition: none;}
}