.hero-v18-line-a {
    width: 200%;
    transform: rotate(12deg);
    transform-origin: left;
}

.hero-v18-line-b {
    width: 200%;
    transform: rotate(-12deg);
    transform-origin: right;
}

.hero-v18-col-left {
    transform-origin: top left;
}

.hero-v18-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.hero-v18-icon-box {
    width: 2rem;
    height: 2rem;
}

.hero-v18-col-right {
    transform-origin: top right;
}

.hero-v18-decor-tr {
    top: -1rem;
    right: -1rem;
    width: 6rem;
    height: 6rem;
}

.hero-v18-decor-bl {
    bottom: -1rem;
    left: -1rem;
    width: 5rem;
    height: 5rem;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
@keyframes driftLeftRight {
    0% { transform: translateX(-15%); }
    50% { transform: translateX(15%); }
    100% { transform: translateX(-15%); }
}

@keyframes driftRightLeft {
    0% { transform: translateX(15%); }
    50% { transform: translateX(-15%); }
    100% { transform: translateX(15%); }
}

.intro-drift-strip-a {
    width: 33%;
    height: 6rem;
    animation: driftLeftRight 14s ease-in-out infinite;
}

.intro-drift-strip-b {
    width: 50%;
    height: 4rem;
    animation: driftRightLeft 18s ease-in-out infinite;
}

.intro-drift-strip-c {
    width: 25%;
    height: 5rem;
    animation: driftLeftRight 12s ease-in-out infinite;
    animation-delay: 3s;
}

.intro-drift-container {
    max-width: 80rem;
}

.intro-drift-textbox {
    max-width: 48rem;
}

.perks-minimal-line__thumb {
    width: 3rem;
    height: 3rem;
}

.perks-minimal-line__badge {
    width: 2rem;
    height: 2rem;
}

@media (min-width: 640px) {
    .perks-minimal-line__group:hover .perks-minimal-line__card {
        transform: scale(1.02);
    }
}

.perks-minimal-line__card {
    transition: transform 0.3s ease;
}

.perks-minimal-line__rule {
    height: 2px;
    transition: opacity 0.3s ease;
}

.perks-minimal-line__group:hover .perks-minimal-line__rule {
    opacity: 1;
}

.spotlight-carousel-quote__portrait {
    width: 5rem;
    height: 5rem;
}

/* Лише layout / рух; кольори теми — у Blade */
.socialproof-card-hover {
    transition:
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.socialproof__stat-value,
.socialproof__stat-label {
    transition: transform 0.3s ease, color 0.2s ease;
}

@media (hover: hover) {
    .socialproof-card-hover:hover {
        box-shadow: 0 22px 44px -18px rgba(15, 23, 42, 0.2);
    }

    .dark .socialproof-card-hover:hover {
        box-shadow: 0 22px 44px -14px rgba(0, 0, 0, 0.5);
    }

    .socialproof-card-hover:hover .socialproof__stat-value {
        transform: scale(1.08);
    }
}

@media (hover: hover) and (min-width: 640px) {
    .socialproof-card-hover--lift:hover {
        transform: translateY(-4px) scale(1.02);
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialproof-card-hover,
    .socialproof__stat-value,
    .socialproof__stat-label {
        transition: none;
    }

    .socialproof-card-hover:hover,
    .socialproof-card-hover:hover .socialproof__stat-value,
    .socialproof-card-hover--lift:hover {
        transform: none;
    }
}

.socialproof__hero {
    border: 3px solid;
    box-shadow: 8px 8px 0px;
    min-height: 16rem;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.socialproof__hero:hover {
    box-shadow: 4px 4px 0px;
    transform: translate(4px, 4px);
}

.socialproof__mini {
    border: 2px solid;
    box-shadow: 4px 4px 0px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.socialproof__mini:hover {
    box-shadow: 2px 2px 0px;
    transform: translate(2px, 2px);
}

.socialproof__value {
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.03em;
}

.socialproof__hero-border {
    border-color: currentColor;
}

@media (min-width: 992px) {
    .socialproof__mini-list {
        width: 16rem;
    }
}

.stats__icon-dim {
  width: 4rem;
  height: 4rem;
}

.stats__decor-corner-ring {
  bottom: 1rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}

.stats__decor-corner-dot {
  bottom: 1rem;
  left: 1rem;
  width: 0.75rem;
  height: 0.75rem;
}

.stats-card-hover {
  transition:
    box-shadow 0.5s ease,
    transform 0.5s ease;
}

.stats-card-hover:hover {
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  transform: scale(1.05);
}

.stats-gradient-overlay-hover {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.stats-card-hover:hover .stats-gradient-overlay-hover {
  opacity: 1;
}

.stats-icon-box-hover {
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.stats-card-hover:hover .stats-icon-box-hover {
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  transform: scale(1.1) rotate(3deg);
}

.stats-icon-inner-hover {
  transition: transform 0.3s ease;
}

.stats-card-hover:hover .stats-icon-inner-hover {
  transform: scale(1.1);
}

.stats-decor-ring-hover {
  opacity: 0.2;
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}

.stats-card-hover:hover .stats-decor-ring-hover {
  opacity: 0.4;
  transform: scale(1.5);
}

.stats-decor-dot-hover {
  opacity: 0.3;
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}

.stats-card-hover:hover .stats-decor-dot-hover {
  opacity: 0.6;
  transform: scale(1.25);
}

.whyus-scattered__subtitle-max {
    max-width: 48rem;
}

.whyus-scattered__grid {
    max-width: 64rem;
    margin-top: 60px;
}

/* Bootstrap: вертикальные промежутки как gap-16 / md:gap-20 в Tailwind */
.whyus-scattered__bs-stack {
    gap: 4rem;
}

@media (min-width: 768px) {
    .whyus-scattered__bs-stack {
        gap: 5rem;
    }
}

.whyus-scattered__thumb {
    width: 6rem;
    height: 6rem;
    flex-shrink: 0;
}


.action-boost__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
    min-height: 500px;
}

.action-boost__prompt--glow:hover { transform: scale(1.05); transition: transform .2s ease; }