

html.rasa-hero-lite body #top,
html.rasa-hero-lite body .rp-hero,
html.rasa-hero-lite body .hero,
html.rasa-hero-lite body .hero-section,
html.rasa-hero-lite body section[id="top"] {
    contain: layout paint style !important;
    transform-style: flat !important;
    perspective: none !important;
    will-change: auto !important;
}

html.rasa-hero-lite body #top *,
html.rasa-hero-lite body .rp-hero *,
html.rasa-hero-lite body .hero *,
html.rasa-hero-lite body .hero-section * {
    transform-style: flat !important;
    perspective: none !important;
    backface-visibility: visible !important;
}

html.rasa-hero-lite body #top :is(
    .rp-hero-card,
    .rp-hero-reference-card,
    .rp-reference-form,
    .rp-reference-copy,
    .hero-card,
    .glass,
    .card
),
html.rasa-hero-lite body .rp-hero :is(
    .rp-hero-card,
    .rp-hero-reference-card,
    .rp-reference-form,
    .rp-reference-copy,
    .hero-card,
    .glass,
    .card
) {
    will-change: auto !important;
    transform: none !important;
    transition-duration: .18s !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    box-shadow: 0 14px 34px rgba(7,49,61,.10) !important;
}

html.rasa-hero-lite body #top :is(
    .rp-hero-card,
    .rp-hero-reference-card,
    .rp-reference-form,
    .rp-reference-copy,
    .hero-card,
    .glass,
    .card
):hover,
html.rasa-hero-lite body .rp-hero :is(
    .rp-hero-card,
    .rp-hero-reference-card,
    .rp-reference-form,
    .rp-reference-copy,
    .hero-card,
    .glass,
    .card
):hover {
    transform: translateY(-3px) !important;
}

html.rasa-hero-lite body #top :is(
    [class*="glow"],
    [class*="particle"],
    [class*="orb"],
    [class*="blob"],
    [class*="shine"],
    [class*="morph"],
    .rp-glow,
    .rp-hero-glow,
    .rasa-glow
),
html.rasa-hero-lite body .rp-hero :is(
    [class*="glow"],
    [class*="particle"],
    [class*="orb"],
    [class*="blob"],
    [class*="shine"],
    [class*="morph"],
    .rp-glow,
    .rp-hero-glow,
    .rasa-glow
) {
    opacity: .22 !important;
    filter: blur(7px) !important;
    -webkit-filter: blur(7px) !important;
    animation-duration: 38s !important;
    animation-timing-function: linear !important;
    will-change: auto !important;
}

html.rasa-hero-lite body #top::before,
html.rasa-hero-lite body #top::after,
html.rasa-hero-lite body .rp-hero::before,
html.rasa-hero-lite body .rp-hero::after,
html.rasa-hero-lite body .hero::before,
html.rasa-hero-lite body .hero::after,
html.rasa-hero-lite body .hero-section::before,
html.rasa-hero-lite body .hero-section::after {
    animation-duration: 42s !important;
    filter: blur(5px) !important;
    -webkit-filter: blur(5px) !important;
    opacity: .32 !important;
    will-change: auto !important;
}

html.rasa-hero-lite body #top svg,
html.rasa-hero-lite body .rp-hero svg,
html.rasa-hero-lite body .hero svg,
html.rasa-hero-lite body .hero-section svg {
    will-change: auto !important;
    transform: none !important;
}

html.rasa-hero-lite body #top img,
html.rasa-hero-lite body .rp-hero img,
html.rasa-hero-lite body .hero img,
html.rasa-hero-lite body .hero-section img {
    decoding: async;
    image-rendering: auto !important;
    transform: none !important;
    will-change: auto !important;
    filter: none !important;
    -webkit-filter: none !important;
}

html.rasa-hero-lite body #top :is(input, select, textarea, button, a),
html.rasa-hero-lite body .rp-hero :is(input, select, textarea, button, a) {
    will-change: auto !important;
}

html.rasa-hero-lite body #top * ,
html.rasa-hero-lite body .rp-hero * ,
html.rasa-hero-lite body .hero * ,
html.rasa-hero-lite body .hero-section * {
    transition-duration: min(.22s, var(--rasa-transition, .22s)) !important;
}

html.rasa-hero-lite body #top.rasa-final-paused,
html.rasa-hero-lite body .rp-hero.rasa-final-paused,
html.rasa-hero-lite body .hero.rasa-final-paused {
    animation-play-state: running !important;
}

@media (max-width: 768px) {
    html.rasa-hero-lite body #top :is(
        [class*="glow"],
        [class*="particle"],
        [class*="orb"],
        [class*="blob"],
        [class*="shine"],
        .rp-glow,
        .rp-hero-glow,
        .rasa-glow
    ),
    html.rasa-hero-lite body .rp-hero :is(
        [class*="glow"],
        [class*="particle"],
        [class*="orb"],
        [class*="blob"],
        [class*="shine"],
        .rp-glow,
        .rp-hero-glow,
        .rasa-glow
    ) {
        opacity: .14 !important;
        filter: blur(4px) !important;
        -webkit-filter: blur(4px) !important;
        animation: none !important;
    }

    html.rasa-hero-lite body #top :is(
        .rp-hero-card,
        .rp-hero-reference-card,
        .rp-reference-form,
        .rp-reference-copy,
        .hero-card,
        .glass,
        .card
    ),
    html.rasa-hero-lite body .rp-hero :is(
        .rp-hero-card,
        .rp-hero-reference-card,
        .rp-reference-form,
        .rp-reference-copy,
        .hero-card,
        .glass,
        .card
    ) {
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
        box-shadow: 0 10px 24px rgba(7,49,61,.08) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.rasa-hero-lite body #top *,
    html.rasa-hero-lite body #top *::before,
    html.rasa-hero-lite body #top *::after,
    html.rasa-hero-lite body .rp-hero *,
    html.rasa-hero-lite body .rp-hero *::before,
    html.rasa-hero-lite body .rp-hero *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

