/* NEQTO.ai animation: the card in the hero's second column, and the same card grown over the whole hero. */
.neqto-anim.neqto-hero { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 22px; background: #0a0c17; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.1); isolation: isolate; }
.neqto-hero iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.neqto-ph { flex: none; }
.neqto-welcome { position: relative; width: 100%; overflow: hidden; border-radius: 22px; background: #0a0c17; box-shadow: 2.5px 2px 15px 0 #e2c044; isolation: isolate; }
/* In Elementor's flex containers the widget needs an explicit width, or on phones it measures 0px tall and the card is hidden. */
.elementor-widget-shortcode:has(> .elementor-shortcode > .neqto-welcome) { width: 100%; flex: none; }
.neqto-welcome::before { content: ''; display: block; padding-top: 56.25%; }
.neqto-welcome iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
[data-neqto-scene] { cursor: pointer; transition: transform 0.25s ease; }
[data-neqto-scene]:hover, [data-neqto-scene]:focus-visible { transform: translateY(-4px); outline: none; }
.neqto-hero.neqto-fly { position: absolute; z-index: 20; margin: 0; aspect-ratio: auto; max-width: none; box-shadow: none; }
.neqto-hero.neqto-fly.is-expanded { border-radius: 0; }