/* intro v30 — sticky sidebar + single wide photo with overlay */

.intro-lane__fluid {
    font-size: clamp(2.25rem, 5vw, 3.75rem);
}

.intro-lane__main { min-width: 0; }

.intro-lane__banner {
    min-height: 16rem;
}

.intro-lane__banner-img {
    object-fit: cover;
}

@media (min-width: 992px) {
    .intro-lane__banner { min-height: 22rem; }
}

/* Hover — поза @sem */
.services__tile--lift {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.services__tile--lift:hover {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

@media (min-width: 640px) {
  .services__tile--lift:hover {
    transform: scale(1.05);
  }
}

.services__cta--lift {
  transition: filter 0.2s ease, transform 0.2s ease;
}

@media (min-width: 640px) {
  .services__cta--lift:hover {
    transform: scale(1.05);
  }
}

.services__cta--lift:hover {
  filter: brightness(0.92);
}

/* v24 - ascending staircase offsets (per-index transform has no TW/BS utility) */
.climb-tier__badge {
    width: 2.75rem;
    height: 2.75rem;
}

@media (min-width: 640px) {
    [data-stair-step] {
        transition: transform 200ms ease;
    }

    [data-stair-step="0"] {
        transform: translateX(0);
    }

    [data-stair-step="1"] {
        transform: translateX(1.5rem);
    }

    [data-stair-step="2"] {
        transform: translateX(3rem);
    }

    [data-stair-step="3"] {
        transform: translateX(4.5rem);
    }

    [data-stair-step="4"] {
        transform: translateX(6rem);
    }
}

/* features institution — hairline dividers between trust items (width/style only, color comes from Tailwind/BS classes) */

/* BS flex child needs min-width:0 to shrink instead of overflowing on long titles (no BS utility) */
.features-inst__body {
    min-width: 0;
}

.features-inst__item:not(:first-child) {
    border-top-width: 1px;
    border-top-style: solid;
}

@media (min-width: 768px) {
    /* equal-width columns regardless of text length (basis 0 + min-width:0 lets a text-heavy item shrink) */
    .features-inst__item {
        flex: 1 1 0%;
        min-width: 0;
    }

    .features-inst__item:not(:first-child) {
        border-top-width: 0;
        border-left-width: 1px;
        border-left-style: solid;
    }
}


.boost-rally__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.boost-rally__inner {
    max-width: 64rem;
}

@keyframes boost-rally-highlight-throb-loop {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.boost-rally__highlight--throb {
    animation: boost-rally-highlight-throb-loop 2s cubic-bezier(.4,0,.6,1) infinite;
}

.boost-rally__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.boost-rally__panel--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

/* Всегда на контейнере двух карточек: явный gap для grid (Tailwind) и дублирует зазор для flex (BS) */
.boost-rally__card-stack-gap {
    gap: 2rem;
}

/* Bootstrap only: класс задаётся в bs:, в Tailwind-режиме не выводится — не конфликтует с grid */
.boost-rally__card-row-bs {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    align-items: stretch;
}

@media (min-width: 768px) {
    .boost-rally__card-row-bs {
        flex-direction: row;
    }

    .boost-rally__card-row-bs > .boost-rally__panel--shift {
        flex: 1 1 0;
        min-width: 0;
    }
}

.boost-rally__card-row-bs > .boost-rally__panel--shift {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.boost-rally__card-row-bs > .boost-rally__panel--shift > a:last-of-type {
    margin-top: auto;
}