/* Performance pass for the active Meta lander.
   Keep the visual shape, but remove effects that create mobile jank. */
.bg-animation {
    display: none;
}

.container {
    backdrop-filter: none;
    transition: min-height 0.18s ease, box-shadow 0.18s ease;
    opacity: 1;
}

.container.animated {
    animation: none;
}

@media (min-width: 600px) {
    .container:hover {
        transform: none;
    }
}

.step {
    animation-duration: 0.16s;
    overflow-y: visible;
}

.progress-bar,
.progress-line,
.step-circle,
.step-label,
input[type="email"],
input[type="text"],
input[type="tel"],
select,
button,
.choice-btn,
.cta-call-now,
.cta-schedule-appt,
.loading-overlay {
    transition-duration: 0.16s;
}

input[type="email"],
input[type="text"],
input[type="tel"],
select,
button,
.choice-btn {
    will-change: auto;
}

input[type="email"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
select:focus,
input[type="email"]:hover:not(:focus),
input[type="text"]:hover:not(:focus),
input[type="tel"]:hover:not(:focus),
select:hover:not(:focus),
button:hover,
.choice-btn:hover,
.cta-call-now:hover,
.cta-schedule-appt:hover {
    transform: none;
}

button:before,
.choice-btn:before,
.cta-call-now:before,
.cta-schedule-appt:before {
    transition-duration: 0.18s;
}

@media (max-width: 768px) {
    .container {
        transition: min-height 0.14s ease;
    }

    .progress-container,
    .step-circle,
    .choice-btn,
    button,
    input,
    select {
        box-shadow: none;
    }
}