/* Inline vector arrows cannot be substituted with colored emoji on iOS. */
.link-arrow{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.migration-films figcaption .link-arrow{width:22px;height:22px}
.integrations .zapier-word{color:inherit;display:inline-flex;align-items:center;gap:.2em}
.integrations .zapier-mark{width:.85em;height:.85em;flex:none}
@media(max-width:760px){
 .integration-band .integrations{flex-wrap:nowrap;gap:clamp(8px,2.5vw,18px);justify-content:center}
 .integration-band .integrations>span{flex:0 0 auto;white-space:nowrap;font-size:clamp(12px,3.6vw,17px);letter-spacing:-.04em}
 .integration-band .integrations .authorize-word{font-size:clamp(10px,3vw,14px)}
 .integration-band .integrations .nmi-word{font-size:clamp(11px,3.2vw,15px);letter-spacing:0}
}

/* Use the demo's actual proportions instead of a fixed-height letterbox. */
.product-theater .app-frame.original-product{height:auto;min-height:0;aspect-ratio:2040/892}
.product-theater .app-frame[data-demo="ads"]{aspect-ratio:16/9}
.product-theater .app-frame[data-demo="ask"]{aspect-ratio:1280/800}
.product-theater .app-frame[data-demo="checkout"]{aspect-ratio:16/10}
.product-theater .original-product .app-main{position:relative;min-width:0;width:100%;height:100%;padding:0}
.product-theater .original-hero-frame,.product-theater .original-hero-video,.product-theater .hero-checkout-open{position:absolute;inset:0;width:100%;height:100%;padding:0}
.product-theater .hero-checkout-open img{object-fit:cover;object-position:top}
/* Clip decorative overflow without creating a second page scroll container. */
@supports(overflow:clip){html,body,main{overflow-x:clip}}
html,body{overscroll-behavior-x:none}
@media(max-width:760px){
 main>section:not(.ugc-showroom),.integration-band,.site-footer,#nav{touch-action:pan-y pinch-zoom}
 .ugc-showroom .ugc-heading,.ugc-showroom .ugc-closing{touch-action:pan-y pinch-zoom}
 .ugc-films{overscroll-behavior-x:contain}
}

.product-theater .hero-checkout-open>span{display:flex;align-items:center;gap:8px;color:#96284e;background:#fff;border-color:#c3ccd6;right:10px;bottom:10px;padding:8px 10px}
.product-theater .hero-checkout-open .link-arrow{width:14px;height:14px}
@media(max-width:760px){.product-theater .app-frame[data-demo="checkout"]{aspect-ratio:1300/1196}}