/* intro v18 — Emigre clay: blurred photo, ECG draw, typewriter caret */

/* Blurred background photo, sharp panel sits over it */
.intro-clay [data-photo] {
    width: 66%;
    aspect-ratio: 4 / 3;
}
.intro-clay__img {
    object-fit: cover;
    filter: blur(5px) saturate(1.05);
    transform: scale(1.06);
}

/* Heartbeat / ECG line draw (stroke colour = currentColor from Tailwind text-*) */
.intro-clay__ecg-path {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: intro-clay-ecg 4s linear infinite;
}
@keyframes intro-clay-ecg {
    0%   { stroke-dashoffset: 1400; }
    60%  { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -1400; }
}

/* Typewriter caret while typing */
.intro-clay__type .is-typing {
    border-right: 2px solid currentColor;
    animation: intro-clay-caret 800ms step-end infinite;
}
@keyframes intro-clay-caret {
    50% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .intro-clay__ecg-path { animation: none; stroke-dashoffset: 0; }
}

.services-clauses__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.services-clauses__num {
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity 500ms ease, transform 500ms ease;
}
.services-clauses__num.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.header-ui__box-11 {
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    flex-shrink: 0;
}

/* v23 polaroid — fixed image height (object-fit: no BS util) */
.perks-polaroid__img {
    object-fit: cover;
    height: 9rem;
    display: block;
}

/* slight rotation for polaroid feel */
.perks-polaroid__card:nth-child(odd) {
    transform: rotate(-0.8deg);
}

.perks-polaroid__card:nth-child(even) {
    transform: rotate(0.6deg);
}

.perks-polaroid__card:hover {
    transform: rotate(0deg) scale(1.02);
    transition: transform 0.25s ease;
}

.perks-polaroid__card {
    transition: transform 0.25s ease;
}

/* blob animation */
.perks-polaroid__blob--a {
    animation: perks-polaroid-bob 8s ease-in-out infinite;
}

.perks-polaroid__blob--b {
    animation: perks-polaroid-bob 10s ease-in-out infinite reverse;
}

@keyframes perks-polaroid-bob {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(1rem, -1.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__step {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    position: relative;
}

.socialproof__step--stagger[data-stagger='0'] {
    margin-left: 0;
}

.socialproof__step--stagger[data-stagger='1'] {
    margin-left: 2.5rem;
}

.socialproof__step--stagger[data-stagger='2'] {
    margin-left: 5rem;
}

.socialproof__step--stagger[data-stagger='3'] {
    margin-left: 7.5rem;
}

.socialproof__step--stagger[data-stagger='4'] {
    margin-left: 10rem;
}

.socialproof__step--stagger[data-stagger='5'] {
    margin-left: 12.5rem;
}

.socialproof__step--stagger[data-stagger='6'] {
    margin-left: 15rem;
}

.socialproof__step--stagger[data-stagger='7'] {
    margin-left: 17.5rem;
}

.socialproof__step--stagger[data-stagger='8'] {
    margin-left: 20rem;
}

.socialproof__step--stagger[data-stagger='9'] {
    margin-left: 22.5rem;
}

.socialproof__step--stagger[data-stagger='10'] {
    margin-left: 25rem;
}

.socialproof__step--stagger[data-stagger='11'] {
    margin-left: 27.5rem;
}

.socialproof__step--stagger[data-stagger='12'] {
    margin-left: 30rem;
}

.socialproof__step.visible {
    opacity: 1;
    transform: translateX(0);
}

.socialproof__step:last-child::after {
    display: none;
}

.socialproof__step-rail {
    width: 3px;
    border-radius: 9999px;
}



.socialproof__orb {
    position: absolute;
    border-radius: 9999px;
    filter: blur(20px);
    opacity: 0.35;
   
    mix-blend-mode: normal;
    animation: socialproof__orb-float 20s ease-in-out infinite alternate;
}

.socialproof__orb-1 {
    top: 0;
    right: 5%;
    width: 18rem;
    height: 18rem;
}

.socialproof__orb-2 {
    top: 25%;
    right: 0;
    width: 16rem;
    height: 16rem;
    animation-delay: 3s;
}

.socialproof__orb-3 {
    bottom: 25%;
    right: 10%;
    width: 20rem;
    height: 20rem;
    animation-delay: 6s;
}

.socialproof__orb-4 {
    bottom: -5%;
    right: 0;
    width: 18rem;
    height: 18rem;
    animation-delay: 9s;
}

@keyframes socialproof__orb-float {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(-12px, -16px, 0) scale(1.05);
    }
    100% {
        transform: translate3d(8px, 20px, 0) scale(1.02);
    }
}