/* Homepage hero entrances share the Solutions motion tokens and typing reveal. */
.home-hero-animated {
    --sa-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}
.home-hero-animated .hp-typing .hp-l {
    opacity: 0;
    visibility: hidden;
    transition: opacity 120ms linear;
}
.home-hero-animated .hp-typing .hp-l.is-on {
    opacity: 1;
    visibility: visible;
}
@media (prefers-reduced-motion: no-preference) {
    .home-hero-animated .home-hero-heading {
        animation: hp-details-enter 900ms var(--sa-ease-out) 50ms backwards;
    }
    .home-hero-animated .ai-section-hero-subtitle {
        animation: hp-details-enter 900ms var(--sa-ease-out) 150ms backwards;
    }
    .home-hero-animated .price-show-line {
        animation: hp-details-enter 900ms var(--sa-ease-out) 220ms backwards;
    }
    .home-hero-animated .ai-section-hero-btn {
        animation: hp-details-enter 900ms var(--sa-ease-out) 290ms backwards;
    }
    .home-hero-animated .ai-section-hero-image.ai-section-animated {
        animation: hp-dashboard-float 8s var(--sa-ease-in-out) 1200ms infinite;
    }
}
@media (prefers-reduced-motion: reduce) {
    .home-hero-animated :is(.home-hero-heading, .ai-section-hero-subtitle, .price-show-line, .ai-section-hero-btn, .ai-section-hero-image) {
        animation: none;
        opacity: 1;
        translate: none;
    }
    .home-hero-animated .hp-l { transition: none; }
}