.em-browser,.em-phone{margin:0}.em-browser{border-radius:var(--radius-container);border:1px solid var(--border-subtle);background:var(--surface-page);box-shadow:0 28px 56px -24px color-mix(in srgb, var(--surface-inverse) 28%, transparent), 0 10px 32px -12px color-mix(in srgb, var(--surface-brand) 26%, transparent);position:relative;overflow:hidden}.em-browser-bar{background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;height:2.25rem;padding:0 .875rem;display:flex}.em-browser-dots{flex:none;gap:.375rem;display:inline-flex}.em-browser-dots span{border-radius:var(--radius-pill);background:var(--border-default);width:.625rem;height:.625rem}.em-browser-url{border-radius:var(--radius-pill);background:var(--surface-page);border:1px solid var(--border-subtle);min-width:0;color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin:0 auto;padding:.125rem 1rem;font-size:.75rem;line-height:1.25rem;overflow:hidden}.em-browser-bar:after{content:"";flex:none;width:2.625rem}.em-browser-screen{line-height:0}.em-screen-img{width:100%;height:auto;display:block}.em-browser-screen .engage-feature-img-trigger{border-radius:0}.engage-lightbox-img-wrap.em-lightbox-wide{max-width:min(1280px,100%)}.em-phone{--em-bezel:.625rem;--em-phone-radius:2.75rem;width:100%;max-width:17.5rem;padding:var(--em-bezel);border-radius:var(--em-phone-radius);background:var(--surface-inverse);box-shadow:0 28px 56px -20px color-mix(in srgb, var(--surface-inverse) 40%, transparent), 0 10px 28px -10px color-mix(in srgb, var(--surface-brand) 30%, transparent);position:relative}.em-phone-screen{border-radius:calc(var(--em-phone-radius) - var(--em-bezel));background:var(--surface-page);position:relative;overflow:hidden}.em-phone-status{aspect-ratio:390/34;background:var(--surface-page);display:block;position:relative}.em-phone-island{border-radius:var(--radius-pill);background:var(--surface-inverse);width:28%;height:64%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.em-phone--solo{max-width:18.75rem;margin:0 auto}.em-showcase{padding:0 8% 9% 0;position:relative}.em-showcase-phone{--em-bezel:clamp(.25rem, .6vw, .5rem);--em-phone-radius:clamp(1.25rem, 2.6vw, 2.25rem);width:23%;max-width:none;position:absolute;bottom:0;right:0}@media (max-width:640px){.em-showcase{padding:0}.em-showcase-phone{--em-bezel:.4rem;--em-phone-radius:2rem;z-index:1;width:46%;margin:-8% auto 0;position:relative}}.em-media--section{border-radius:var(--radius-container);background:linear-gradient(160deg, var(--surface-brand-subtle) 0%, var(--surface-page) 85%);max-width:66rem;margin-left:auto;margin-right:auto;padding:clamp(.75rem,3vw,2.5rem)}.em-media--section .em-phone--solo{max-width:17rem}.engage-hero-grid .engage-hero-media.engage-hero-media--device{background:0 0;border:0;padding:0}.em-media--page{margin-top:var(--space-6)}.em-screen-grid{margin:var(--space-8) 0 0;gap:var(--space-8) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.em-screen-card{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.em-screen-card .em-browser-bar{height:1.5rem}.em-screen-card .em-browser-dots span{width:.5rem;height:.5rem}.em-screen-caption{font-weight:var(--weight-heading,700);margin:0}@media (max-width:900px){.em-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.em-screen-grid{grid-template-columns:minmax(0,1fr)}}.em-crop{border-radius:var(--radius-container);border:1px solid var(--border-subtle);background:var(--surface-subtle);box-shadow:0 24px 48px -20px color-mix(in srgb, var(--surface-inverse) 34%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--surface-brand) 28%, transparent);margin:0;line-height:0;overflow:hidden}