.intro-split-icon {
    width: 3rem;
    height: 3rem;
}

/* Як TW: w-64 → sm:w-80 → lg:w-96 (одна шкала для обох фреймворків) */
.intro-split-thumb {
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .intro-split-thumb {
        width: 20rem;
        height: 20rem;
    }
}

@media (min-width: 1024px) {
    .intro-split-thumb {
        width: 24rem;
        height: 24rem;
    }
}

/* Bootstrap: flex + gap (no .row negative margins; works with section overflow). Tailwind grid ignores flex on items. */
@media (min-width: 576px) {
    .intro-split-benefits__row > * {
        flex: 1 1 0%;
        min-width: 0;
    }
}

.services__panel--lift {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.services__panel--lift:hover {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  transform: translateY(-0.5rem);
}

.services__link--lift {
  transition: filter 0.2s ease;
}

.services__link--lift:hover {
  filter: brightness(1.1);
}

/* process tron — grid bg pattern, card glow line, hover + active state */
.process-tron__grid-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.35;
    background-image:
        linear-gradient(currentColor 1px, transparent 1px),
        linear-gradient(90deg, currentColor 1px, transparent 1px);
    background-size: 3rem 3rem;
}

.process-tron__card {
    cursor: pointer;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.process-tron__card-hov:hover,
.process-tron__card-hov:focus-within,
.process-tron__card.is-active {
    transform: translateY(-0.35rem);
    box-shadow: var(--bs-box-shadow-lg);
    border-color: var(--bs-primary);
}

.process-tron__glow-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--bs-primary);
    opacity: 0;
    transition: opacity 220ms ease;
}

.process-tron__card-hov:hover .process-tron__glow-line,
.process-tron__card-hov:focus-within .process-tron__glow-line,
.process-tron__card.is-active .process-tron__glow-line {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .process-tron__card {
        transition: none;
    }

    .process-tron__card-hov:hover,
    .process-tron__card-hov:focus-within,
    .process-tron__card.is-active {
        transform: none;
    }
}

.compare-toggle-cards__is-hidden {
    display: none !important;
}

.compare-toggle-cards__mode--active {
    filter: brightness(1.06);
}

.compare-toggle-cards__mode--idle {
    filter: brightness(0.94);
}

.compare-toggle-cards__meter-bar {
    width: 90%;
}

/* BS: індикатори як TW w-3 h-3 (padding на колі конфліктував з розміром) */
.compare-toggle-cards__status-dot {
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}


.halo-signup__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.halo-signup__inner {
    max-width: 64rem;
}

@keyframes halo-signup-spark-beat-track {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.halo-signup__spark--beat {
    animation: halo-signup-spark-beat-track 2s cubic-bezier(.4,0,.6,1) infinite;
}

.halo-signup__jump--rise:hover { transform: scale(1.05); transition: transform .2s ease; }