/* Immediate background (avoid seeing the “blank” page) */ html{ background:#0f2a1e; } /* We ONLY hide the Elementor canvas while it loads, not the html */ html:not(.page-ready) .elementor{ opacity:0; filter:none !important; transform:none !important; will-change: opacity; } /* When everything is ready, we show */ html.page-ready .elementor{ opacity:1; transition: opacity .18s ease; } /* Extras that avoid weird flashes */ html,body{ width:100%; max-width:100%; overflow-x:clip; /* no horizontal */ -webkit-text-size-adjust:100%; } img,video,iframe{max-width:100%;height:auto;display:block} /* Mark the page as “ready” ASAP and force a repaint on iOS */ (function(){ function ready(){ // small reflow for iOS/Safari document.documentElement.style.webkitTransform='translateZ(0)'; setTimeout(()=>{ document.documentElement.style.webkitTransform=''; }, 120); document.documentElement.classList.add('page-ready'); } // If CSS and DOM are already there, show; otherwise, wait for load if (document.readyState === 'complete') { ready(); } else { // as soon as the DOM is there, show (better UX than waiting for all the images) document.addEventListener('DOMContentLoaded', ready); // backup in case some script blocks: on 'load' too window.addEventListener('load', ready); } })();