.intro-cta-content {
    max-width: 56rem;
}

.focus-orb {
    top: 0;
    right: 0;
    width: 18rem;
    height: 18rem;
    filter: blur(3rem);
}

.focus-timeline {
    position: relative;
}

.focus-timeline__rail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    width: 2px;
    pointer-events: none;
    --focus-tl-mid: var(--bs-primary, #60a5fa);
    background: linear-gradient(
        to bottom,
        color-mix(in srgb, var(--focus-tl-mid) 80%, transparent),
        color-mix(in srgb, var(--focus-tl-mid) 35%, transparent),
        transparent
    );
}

.dark .focus-timeline__rail {
    --focus-tl-mid: var(--bs-primary, #3b82f6);
}

@media (min-width: 768px) {
    .focus-timeline__rail {
        left: 50%;
        transform: translateX(-50%);
    }
}

.focus-timeline-dot {
    position: absolute;
    top: 1.25rem;
    left: 1.5rem;
    z-index: 2;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .focus-timeline-dot {
        left: 50%;
        transform: translateX(-50%);
    }

    /* Відступ карток від центральної лінії (TW + BS) */
    .focus-timeline__item--left .focus-card-hover {
        margin-inline-start: clamp(1.25rem, 4vw, 2.75rem);
    }

    .focus-timeline__item--right .focus-card-hover {
        margin-inline-end: clamp(1.25rem, 4vw, 2.75rem);
    }
}

.focus-card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.focus-card-hover:hover {
    transform: translateY(-0.125rem);
    box-shadow: var(--bs-box-shadow);
}

.focus-icon-hover {
    transition: transform 0.2s ease;
}

.focus-card-hover:hover .focus-icon-hover {
    transform: scale(1.05);
}

.focus-title-hover {
    transition: color 0.2s ease;
}

.focus-card-hover:hover .focus-title-hover {
    color: var(--bs-primary, #2563eb);
}

.accordion-playstation-timeline__chevron--open {
    transform: rotate(180deg);
}

.accordion-playstation-timeline__panel {
    max-height: 400px;
    transition: max-height 0.35s ease;
}

.accordion-playstation-timeline__panel[aria-hidden="true"],
.accordion-playstation-timeline__panel.is-closed {
    max-height: 0 !important;
}

.accordion-playstation-timeline__decor-tr {
    clip-path: polygon(100% 0, 100% 60%, 40% 0);
    top: 0;
    right: 0;
    width: 16rem;
    height: 16rem;
}

.accordion-playstation-timeline__decor-bl {
    clip-path: polygon(0 40%, 60% 100%, 0 100%);
    bottom: 0;
    left: 0;
    width: 12rem;
    height: 12rem;
}

.accordion-playstation-timeline__badge-size {
    width: 3.5rem;
    height: 2.5rem;
}

.accordion-playstation-timeline__panel--closed {
    max-height: 0;
}

.accordion-playstation-timeline__min-shrink {
  min-width: 0;
}

/* Bootstrap: сетка как Tailwind grid md:2 lg:4 + gap-lg */
.values-number-card__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

@media (min-width: 768px) {
    .values-number-card__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .values-number-card__bs-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.values-number-card__subtitle-max {
    max-width: 42rem;
}

.values-number-card__thumb {
    width: 4rem;
    height: 4rem;
}

.values-number-card__badge {
    top: -0.5rem;
    right: -0.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.members-dual-ring__portrait {
    width: 6rem;
    height: 6rem;
}

.members-dual-ring__min-shrink {
  min-width: 0;
}

/* Лише 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;
    }
}