.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 .pk-lightbox-trigger{border-radius:0}.pk-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}.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}.pk-lightbox-thumb{width:100%;height:auto;display:block}.pk-lightbox-trigger{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.pk-lightbox-expand{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-page) 90%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:2rem;height:2rem;box-shadow:var(--shadow-sm);color:var(--text-brand);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:.625rem;right:.625rem;transform:scale(.85)}.pk-lightbox-trigger:hover .pk-lightbox-expand,.pk-lightbox-trigger:focus-visible .pk-lightbox-expand{opacity:1;transform:scale(1)}.pk-lightbox-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pk-lightbox-backdrop{z-index:1000;background:color-mix(in srgb, var(--surface-inverse) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pk-lightbox-img-wrap{border-radius:var(--radius-container);width:100%;max-width:min(640px,100%);box-shadow:var(--shadow-modal);cursor:default;position:relative;overflow:hidden}.pk-lightbox-img{width:100%;height:auto;display:block}.pk-lightbox-close{z-index:1001;border:1px solid color-mix(in srgb, var(--text-inverse) 20%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-inverse) 15%, transparent);width:2.75rem;height:2.75rem;color:var(--text-inverse);cursor:pointer;justify-content:center;align-items:center;transition:background .15s;display:flex;position:fixed;top:1.25rem;right:1.25rem}.pk-lightbox-close:hover{background:color-mix(in srgb, var(--text-inverse) 25%, transparent)}.pk-lightbox-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.pk-lightbox-backdrop{animation:.18s pk-lightbox-in}}@keyframes pk-lightbox-in{0%{opacity:0}to{opacity:1}}.pk-peek{border:1px solid var(--border-subtle);border-radius:var(--radius-container);background:var(--surface-subtle);box-shadow:0 24px 48px -24px color-mix(in srgb, var(--surface-inverse) 34%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--surface-brand) 22%, transparent);margin:0;line-height:0;overflow:hidden}.pk-peek-img{max-width:none;width:calc(100% / var(--pk-cut-w,1));height:auto;margin-top:calc(-100% * var(--pk-cut-y,0) / var(--pk-cut-w,1));margin-left:calc(-100% * var(--pk-cut-x,0) / var(--pk-cut-w,1));display:block}.em-browser-bar{background:color-mix(in srgb, var(--surface-subtle) 82%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px)}.em-browser-title{min-width:0;font-size:.75rem;font-weight:var(--weight-heading);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin:0 auto;line-height:1.25rem;overflow:hidden}.em-browser--inverse{border-color:color-mix(in srgb, var(--surface-warm) 12%, transparent);background:var(--surface-inverse);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--surface-warm) 10%, transparent), 0 40px 80px -32px color-mix(in srgb, var(--surface-inverse) 80%, transparent), 0 0 0 1px color-mix(in srgb, var(--surface-inverse) 60%, transparent)}.em-browser--inverse .em-browser-bar{border-bottom-color:color-mix(in srgb, var(--surface-warm) 10%, transparent);background:color-mix(in srgb, var(--surface-warm) 5%, transparent)}.em-browser--inverse .em-browser-dots span{background:color-mix(in srgb, var(--surface-warm) 22%, transparent)}.em-browser--inverse .em-browser-url{border-color:color-mix(in srgb, var(--surface-warm) 10%, transparent);background:color-mix(in srgb, var(--surface-warm) 6%, transparent);color:var(--text-inverse-muted)}.em-browser--inverse .em-browser-title{color:var(--text-inverse-muted)}.em-phone--inverse{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface-warm) 14%, transparent), 0 40px 80px -28px color-mix(in srgb, var(--surface-inverse) 85%, transparent)}.em-frame--glow{overflow:visible}.em-browser.em-frame--glow>.em-browser-screen,.em-browser.em-frame--glow>.em-browser-bar{z-index:1;position:relative}.em-browser.em-frame--glow>.em-browser-bar{border-radius:var(--radius-container) var(--radius-container) 0 0}.em-browser.em-frame--glow>.em-browser-screen{border-radius:0 0 var(--radius-container) var(--radius-container);overflow:hidden}.em-frame--glow:before{content:"";z-index:0;border-radius:var(--radius-container);background:radial-gradient(closest-side, color-mix(in srgb, var(--surface-brand) 55%, transparent), transparent);filter:blur(40px);pointer-events:none;position:absolute;inset:12% 8% -10%}.em-frame--fade{-webkit-mask-image:linear-gradient(to bottom, var(--text-primary) 72%, transparent);-webkit-mask-image:linear-gradient(to bottom, var(--text-primary) 72%, transparent);mask-image:linear-gradient(to bottom, var(--text-primary) 72%, transparent)}.em-captioned{min-width:0;margin:0}.em-caption{color:var(--sx-fg-muted,var(--text-muted));text-align:center;margin-top:.875rem;font-size:.8125rem;line-height:1.45}.em-focus{isolation:isolate;border-radius:var(--radius-container);border:1px solid var(--border-subtle);background:var(--surface-subtle);box-shadow:var(--shadow-lift);position:relative;overflow:hidden}.em-focus--inverse{border-color:color-mix(in srgb, var(--surface-warm) 12%, transparent);background:var(--surface-inverse);box-shadow:var(--shadow-lift-inverse)}.em-focus-bg{object-fit:cover;opacity:.4;filter:saturate(.6);width:100%;height:100%;position:absolute;inset:0}.em-focus-crop{z-index:1;border-radius:var(--radius-container);border:1px solid color-mix(in srgb, var(--surface-brand) 35%, var(--border-subtle));background:var(--surface-page);box-shadow:0 24px 60px -24px color-mix(in srgb, var(--surface-inverse) 45%, transparent), 0 0 0 6px color-mix(in srgb, var(--surface-brand) 8%, transparent);position:absolute;inset:7%;overflow:hidden}.em-focus-img{object-fit:cover;width:100%;height:100%;display:block}.em-hotspot{z-index:2;border:2px solid var(--surface-brand);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-brand) 14%, transparent);width:2.25rem;height:2.25rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--surface-page) 70%, transparent);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.em-hotspot-n{border-radius:var(--radius-pill);background:var(--surface-brand);width:1.5rem;height:1.5rem;font-size:.8125rem;font-weight:var(--weight-heading);color:var(--text-inverse);place-items:center;line-height:1;display:grid}@media (prefers-reduced-motion:no-preference){.em-hotspot:after{content:"";border:2px solid var(--surface-brand);border-radius:var(--radius-pill);animation:em-hotspot-ping 2.4s var(--ease-out,ease) infinite;position:absolute;inset:-2px}}@keyframes em-hotspot-ping{0%{opacity:.8;transform:scale(1)}80%,to{opacity:0;transform:scale(1.9)}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pk-rise{animation:linear both pk-rise-in;animation-timeline:view();animation-range:entry 5% entry 85%}.pk-stagger>*{animation:linear both pk-rise-in;animation-timeline:view();animation-range:entry calc(5% + var(--pk-i,0) * 6%) cover calc(22% + var(--pk-i,0) * 4%)}.pk-stagger>:nth-child(2){--pk-i:1}.pk-stagger>:nth-child(3){--pk-i:2}.pk-stagger>:nth-child(4){--pk-i:3}.pk-stagger>:nth-child(5){--pk-i:4}.pk-stagger>:nth-child(6){--pk-i:5}.pk-stagger>:nth-child(n+7){--pk-i:6}.pk-tilt{transform-origin:50% 100%;animation:linear both pk-tilt-in;animation-timeline:view();animation-range:entry cover 45%}}}@keyframes pk-rise-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes pk-tilt-in{0%{transform:perspective(1600px)rotateX(10deg)scale(.97)}to{transform:none}}@property --pk-n{syntax:"<integer>";inherits:false;initial-value:0}.pk-count{white-space:nowrap;display:inline-block;position:relative}.pk-count-ticker{display:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pk-count-real{animation:linear both pk-count-rise;animation-timeline:view();animation-range:entry 5% cover 35%;display:inline-block}}}@keyframes pk-count-rise{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes pk-count-n{0%{--pk-n:0}94%{--pk-n:var(--pk-to)}to{--pk-n:var(--pk-to)}}@keyframes pk-count-out{0%,93%{opacity:1}to{opacity:0}}@keyframes pk-count-in{0%,93%{opacity:0}to{opacity:1}}