/* intro v29 — Rolls-Royce thread: circle-expand reveal, half-ring, chat alignment, dual-layer parallax */

.intro-thread { min-height: 88vh; }

/* Clip-path circle expand from centre on load */
.intro-thread__reveal {
    animation: intro-thread-expand 900ms ease forwards;
}
@keyframes intro-thread-expand {
    from { clip-path: circle(0% at 50% 50%); }
    to   { clip-path: circle(150% at 50% 50%); }
}

/* Half-ring at the boundary (fixed size — no BS w-N/h-N utility) */
.intro-thread__half {
    width: 16rem;
    height: 8rem;
    opacity: 0.7;
    filter: blur(2px);
}
.intro-thread__sun { width: 6rem; height: 6rem; }
.intro-thread [data-msg] { max-width: 28rem; }

/* Dual-layer parallax offset (set by JS via custom props) */
.intro-thread__island [data-layer] {
    transition: transform 200ms ease-out;
    transform: translate(var(--px, 0), var(--py, 0));
}

/* Chat thread alternate alignment + retro corner tails */
.intro-thread [data-msg] { border-bottom-left-radius: 0.25rem; }
.intro-thread [data-msg]:nth-child(even) {
    margin-left: auto;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .intro-thread__reveal { animation: none; }
    .intro-thread__island [data-layer] { transition: none; }
}

.modular-cards__cart-btn.modular-cards__cart-btn--added {
  opacity: 0.6;
  cursor: not-allowed;
  transform: scale(1);
}

.modular-cards__cta-hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.modular-cards__btn-hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.modular-cards__row-gap {
    margin-bottom: 4rem;
}

.modular-cards__group-gap {
    margin-bottom: 4rem;
}

.modular-cards__feat-gap {
    column-gap: 1.5rem;
    row-gap: 0.25rem;
}

.modular-cards__cover {
    height: 24rem;
}

.mxw-5xl { max-width: 64rem !important; }

/* integrations — unified hover (layout; shadow + lift; respect reduced motion) */
.integrations-card-hover {
    transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.integrations-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: translateY(-2px) scale(1.03);
}

.integrations-card-hover--shadow-only {
    transition: box-shadow 0.35s ease;
}

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

@media (prefers-reduced-motion: reduce) {
    .integrations-card-hover:hover {
        transform: none;
    }
}

/* Primary tile: wpg-preview --tw-primary-* | --bs-primary-scale-*; inherited --bs-primary hex */
.integrations__icon-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    color: #fff;
    --_ie-from: rgb(var(--tw-primary-500, var(--bs-primary-scale-500, 99 102 241)) / 1);
    --_ie-to: rgb(var(--tw-primary-600, var(--bs-primary-scale-600, 79 70 229)) / 1);
    background-color: var(--bs-primary, rgb(var(--tw-primary-600, var(--bs-primary-scale-600, 79 70 229)) / 1));
    background-image: linear-gradient(to bottom right, var(--_ie-from), var(--_ie-to));
}
.integrations__icon-tile i {
    color: inherit;
}
.integrations__icon-tile svg,
.integrations__icon-tile :is(path, circle, rect, polygon) {
    fill: currentColor;
}

/* Softer card hover shadow (avoids muddy stack with shadow-lg / BS cards) */
.integrations-card-hover:hover {
    box-shadow: 0 0.375rem 1rem rgba(15, 23, 42, 0.07);
}
.integrations-card-hover--shadow-only:hover {
    box-shadow: 0 0.375rem 1rem rgba(15, 23, 42, 0.07);
}

/* Directory tagline */
.integrations__dir-tagline {
    font-size: 0.78rem;
}

/* Hover effects moved out of the sem directive (custom classes, framework-independent) */
.integrations-v22__fx-item .integrations__icon-tile { transition: transform 0.15s ease; }
.integrations-v22__fx-item:hover .integrations__icon-tile { transform: scale(1.1); }
.integrations-v22__fx-item .integrations-v22__name { transition: color 0.15s ease; }
.integrations-v22__fx-item:hover .integrations-v22__name { color: var(--bs-primary, rgb(var(--tw-primary-400) / 1)); }
.dark .integrations-v22__fx-item:hover .integrations-v22__name { color: var(--bs-primary, rgb(var(--tw-primary-600) / 1)); }
.integrations-v22__fx-item .fa-chevron-right { transition: color 0.15s ease, transform 0.15s ease; }
.integrations-v22__fx-item:hover .fa-chevron-right { color: var(--bs-primary, rgb(var(--tw-primary-300) / 1)); transform: translateX(0.125rem); }
.dark .integrations-v22__fx-item:hover .fa-chevron-right { color: var(--bs-primary, rgb(var(--tw-primary-500) / 1)); }
@media (prefers-reduced-motion: reduce) {
    .integrations-v22__fx-item:hover .integrations__icon-tile,
    .integrations-v22__fx-item:hover .fa-chevron-right { transform: none; }
}

/* Лише 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__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(140px, auto);
    gap: 3px;
}

@media (max-width: 768px) {
    .socialproof__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.socialproof__cell {
    transition: transform 0.2s ease, filter 0.2s ease;
    cursor: default;
}

.socialproof__cell:hover {
    transform: scale(0.97);
    filter: brightness(0.9);
    z-index: 1;
}

.socialproof__cell:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
}

.socialproof__cell:nth-child(4) {
    grid-column: span 2;
}

.socialproof__cell:nth-child(7) {
    grid-column: span 2;
}

.socialproof__value {
    font-size: clamp(1.5rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1;
}

.socialproof__cell:nth-child(1) .socialproof__value {
    font-size: clamp(2.5rem, 6vw, 5rem);
}