.ap-hero{--homepage-header-height:56px;--homepage-grid-max:var(--ds-public-content-max);--homepage-grid-gutter:clamp(var(--space-5), 2.2vw, var(--space-8));--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;border-radius:2.15rem;width:min(17.5rem,74vw);max-width:none;margin:2rem 0 -9rem;padding:.35rem;position:relative}.ap-hero__phone .ap-phone-frame__screen{border-radius:1.78rem}@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}}