/* Scoped to the homepage hero banner (Elementor container 4a20cb44). */

/* GSAP runs the hero entrance, so Elementor's own fade-ins are switched off here only. */
.mme-hero-js .elementor-element-4a20cb44 .elementor-invisible { visibility: visible !important; }
.mme-hero-js .elementor-element-4a20cb44 .animated { animation-name: none !important; }

/* Hidden until the script starts; a safety timeout below shows them if it never does. */
.mme-hero-js .elementor-element-5550b943 .elementor-heading-title,
.mme-hero-js .elementor-element-7a07a233,
.mme-hero-js .elementor-element-2f64fe04,
.mme-hero-js .elementor-element-4829b776,
.mme-hero-js .elementor-element-692efe52,
.mme-hero-js .mme-hero-cta-wrap { visibility: hidden; }
.mme-hero-ready .elementor-element-5550b943 .elementor-heading-title,
.mme-hero-ready .elementor-element-7a07a233,
.mme-hero-ready .elementor-element-2f64fe04,
.mme-hero-ready .elementor-element-4829b776,
.mme-hero-ready .elementor-element-692efe52,
.mme-hero-ready .mme-hero-cta-wrap { visibility: visible; }
@keyframes mme-hero-failsafe { to { visibility: visible; } }
.mme-hero-js:not(.mme-hero-ready) .elementor-element-5550b943 .elementor-heading-title,
.mme-hero-js:not(.mme-hero-ready) .elementor-element-7a07a233,
.mme-hero-js:not(.mme-hero-ready) .elementor-element-2f64fe04,
.mme-hero-js:not(.mme-hero-ready) .elementor-element-4829b776,
.mme-hero-js:not(.mme-hero-ready) .elementor-element-692efe52,
.mme-hero-js:not(.mme-hero-ready) .mme-hero-cta-wrap { animation: mme-hero-failsafe 0s 3s forwards; }

/* "One Click at a Time." : slow cyan shine (React Bits ShinyText). */
.elementor-element-2f64fe04 .elementor-heading-title.mme-shine {
	background: linear-gradient(110deg, currentColor 38%, #7fdcec 50%, currentColor 62%);
	background-size: 260% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: mme-hero-shine 6s linear infinite;
}
@keyframes mme-hero-shine { from { background-position: 100% 0; } to { background-position: -160% 0; } }

/* View Services: smoother hover on top of the magnetic pull. */
.elementor-element-692efe52 { transition: box-shadow 0.35s ease; will-change: transform; }
.elementor-element-692efe52:hover { box-shadow: 0 18px 40px -14px rgba(77, 195, 216, 0.8); }

@media (prefers-reduced-motion: reduce) {
	.elementor-element-2f64fe04 .elementor-heading-title.mme-shine { animation: none; -webkit-text-fill-color: currentColor; background: none; }
}