.ap-hero{--homepage-header-height:56px;--homepage-page-gutter:clamp(var(--space-5), 2.2vw, var(--space-8));margin-top:calc(-1 * var(--public-shell-header-offset))}.ap-hero .homepage-poster-hero__headline{max-width:13ch}.ap-hero .homepage-poster-hero__subtitle{max-width:42rem}.ap-hero .homepage-poster-hero__media:before{opacity:.3;height:58%;inset:-8% 18% auto}.ap-hero__product-stage{border-top:1px solid var(--system-b-app-frame-seam);background:var(--system-b-bg-surface-0);flex:1;justify-content:center;align-items:flex-end;min-height:26rem;display:flex;position:relative;overflow:hidden}.ap-hero__stage-grid{background-image:linear-gradient(var(--system-b-app-frame-seam) 1px, transparent 1px), linear-gradient(90deg, var(--system-b-app-frame-seam) 1px, transparent 1px);opacity:.34;background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30%,#000);mask-image:linear-gradient(#0000,#000 30%,#000)}.ap-hero__phone{z-index:2;width:min(17.5rem,74vw);max-width:none;margin:2rem 0 -9rem;position:relative}@media (min-width:48rem){.ap-hero__product-stage{min-height:31rem}.ap-hero__phone{width:19rem;margin-bottom:-10.5rem}}@media (max-width:47.99rem){.ap-hero .homepage-poster-hero{padding-top:calc(var(--homepage-header-height) + var(--space-8))}.ap-hero .homepage-poster-hero__headline{max-width:12ch}}
.ap-mode-switcher__headline{max-width:12ch}.ap-mode-switcher__copy--compact{max-width:29rem}.ap-mode-switcher__phone--compact{max-width:15.75rem}@media (min-width:40rem){.ap-mode-switcher__phone--compact{max-width:16.75rem}}.ap-mode-switcher__active-tab{box-shadow:0 1px 3px 0 color-mix(in oklab, var(--system-b-cinematic-black) 10%, transparent), 0 1px 2px -1px color-mix(in oklab, var(--system-b-cinematic-black) 10%, transparent)}
.ap-hero-intro,.ap-hero-intro__adaptive{background-color:var(--system-b-cinematic-black)}