x-hero{display:contents}@scope (x-hero) to (:scope :is(x-base,x-checkout,x-compat,x-contact-form,x-faq,x-final-cta,x-guides,x-hero,x-nav,x-paddle-button,x-recover-form,x-steps,x-tiers,x-track)>*){.hero{padding-top:var(--space-xl);padding-bottom:0;overflow:hidden}.inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-xl);align-items:end}.copy{padding-bottom:var(--space-xl)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-s);margin:var(--space-l) 0 var(--space-m)}.stage{margin:0}.tv{position:relative;width:78%;margin-left:auto;aspect-ratio:16 / 9;padding:0.4rem;background:var(--bezel);outline:1px solid var(--rule)}.tv>*{position:absolute;inset:0.4rem}.tv img{display:block;width:100%;height:100%;object-fit:cover}.window{position:relative;width:86%;margin-top:-2.5rem;border:1px solid var(--rule);border-bottom:0;background:var(--surface);transform:translateY(1px)}.window>*{display:block}.window>* + *{position:absolute;inset:0}.window img{display:block;width:100%;height:auto}.stage>div>*{animation:hero-cycle 24s var(--ease) infinite}.stage>div>:nth-child(2){animation-delay:-6s}.stage>div>:nth-child(3){animation-delay:-12s}.stage>div>:nth-child(4){animation-delay:-18s}@keyframes hero-cycle{0%,22%{opacity:1}25%,97%{opacity:0}100%{opacity:1}}@media (max-width:56rem){.inner{grid-template-columns:1fr}.copy{padding-bottom:var(--space-l)}}}