/* Ambity motion candidate: decoration never hides content or changes layout. */
.meeting {
    position: relative;
}

.meeting h1 .am-motion-word {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.meeting h1 .am-motion-word svg {
    position: absolute;
    left: 0;
    top: calc(100% - .08em);
    width: 100%;
    height: .19em;
    min-height: 7px;
    overflow: visible;
    pointer-events: none;
}

.meeting h1 .am-motion-word path {
    fill: none;
    stroke: #ff5147;
    stroke-width: 2.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
}

@media (prefers-reduced-motion: no-preference) {
    html:not(.am-motion-complete) .meeting h1 .am-motion-word path {
        animation: am-motion-draw 820ms cubic-bezier(.2,.7,.2,1) both;
    }
}

@keyframes am-motion-draw {
    from { stroke-dashoffset: 100; }
    to { stroke-dashoffset: 0; }
}

.auto-business-v3 [data-motion-stage] .ab-stage-card {
    position: relative;
}

.auto-business-v3 [data-motion-stage] .ab-stage-card::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    height: 3px;
    background: #ff5147;
    transform-origin: left center;
    transform: scaleX(1);
    pointer-events: none;
}

.auto-business-v3 [data-motion-stage] .ab-stage-card:nth-child(1) { --am-step-delay: 0ms; }
.auto-business-v3 [data-motion-stage] .ab-stage-card:nth-child(2) { --am-step-delay: 140ms; }
.auto-business-v3 [data-motion-stage] .ab-stage-card:nth-child(3) { --am-step-delay: 280ms; }
.auto-business-v3 [data-motion-stage] .ab-stage-card:nth-child(4) { --am-step-delay: 420ms; }

@media (prefers-reduced-motion: no-preference) {
    html.am-motion-ready .auto-business-v3 [data-motion-stage]:not(.am-motion-seen) .ab-stage-card::after {
        transform: scaleX(0);
    }

    html.am-motion-ready .auto-business-v3 [data-motion-stage].am-motion-seen .ab-stage-card::after {
        animation: am-motion-connect 560ms cubic-bezier(.2,.7,.2,1) both;
        animation-delay: var(--am-step-delay);
    }
}

@keyframes am-motion-connect {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.examples h2 {
    position: relative;
}

.examples h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 68px;
    height: 2px;
    background: #ff5147;
    transform-origin: left center;
    transform: scaleX(1);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    html.am-motion-ready .examples:not(.am-motion-seen) h2::after { transform: scaleX(0); }
    html.am-motion-ready .examples.am-motion-seen h2::after {
        animation: am-motion-connect 540ms cubic-bezier(.2,.7,.2,1) both;
    }
}

.examples .am-case-photo-link {
    display: block;
    transform-origin: center center;
}

.examples .am-case-card-link .examples-card-arrow,
.examples .am-case-card-link:hover .examples-card-arrow {
    margin-right: 10px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .examples .am-case-photo-link,
    .examples .examples-card-cont-circ img,
    .examples .am-case-card-link .examples-card-photo,
    .examples .am-case-card-link .examples-card-arrow {
        transition: transform 210ms cubic-bezier(.2,.7,.2,1);
    }

    .examples .examples-card:hover .am-case-photo-link,
    .examples .am-case-photo-link:focus-visible {
        transform: scale(1.025);
    }

    .examples .examples-card:hover .examples-card-cont-circ img,
    .examples .examples-card-cont a:focus-visible .examples-card-cont-circ img {
        transform: translateX(4px);
    }

    .examples .am-case-card-link:hover .examples-card-photo,
    .examples .am-case-card-link:focus-visible .examples-card-photo {
        transform: scale(1.025);
    }

    .examples .am-case-card-link:hover .examples-card-arrow,
    .examples .am-case-card-link:focus-visible .examples-card-arrow {
        transform: translateX(4px);
    }
}

.auto-business-v3 .slider .slider-marquee:hover > .client-logo-marquee__track {
    animation-play-state: running !important;
}

@media (prefers-reduced-motion: reduce) {
    .meeting h1 .am-motion-word path {
        animation: none !important;
        stroke-dashoffset: 0 !important;
    }

    .auto-business-v3 [data-motion-stage] .ab-stage-card::after,
    .examples h2::after {
        animation: none !important;
        transform: scaleX(1) !important;
    }

    .examples .am-case-photo-link,
    .examples .am-case-card-link .examples-card-photo,
    .examples .am-case-card-link .examples-card-arrow,
    .examples .examples-card-cont-circ img {
        transition: none !important;
        transform: none !important;
    }

}