.sf-home .showcase-screen{isolation:isolate;padding:0}.sf-home .showcase-hero-phone{overflow:hidden}.sf-home .showcase-viewport{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.sf-home .showcase-canvas{width:390px;min-height:900px;transform:scale(var(--showcase-scale));transform-origin:0 0;position:relative}.sf-home .showcase-canvas [data-surface]{min-height:900px}.sf-home .showcase-hero-viewport{--showcase-scale:.728205;scrollbar-width:none;overflow-y:auto}.sf-home .showcase-hero-viewport::-webkit-scrollbar{display:none}.sf-home .showcase-slide{height:100%;animation:.65s both showcase-change}.sf-home .showcase-canvas>[data-surface]>.relative.mx-auto{padding-top:32px}.sf-home .showcase-dropping [data-link-id]{animation:.65s cubic-bezier(.3,1.5,.5,1) both home-drop;position:relative}.sf-home .showcase-dropping [data-link-id]+[data-link-id]:before{content:"";background:var(--home-grad) border-box;width:11px;height:23px;-webkit-mask:linear-gradient(var(--home-white) 0 0) padding-box,linear-gradient(var(--home-white) 0 0);-webkit-mask:linear-gradient(var(--home-white) 0 0) padding-box,linear-gradient(var(--home-white) 0 0);mask:linear-gradient(var(--home-white) 0 0) padding-box,linear-gradient(var(--home-white) 0 0);z-index:2;-webkit-mask-composite:xor;border:3px solid #0000;border-radius:999px;position:absolute;top:-19px;left:24px;-webkit-mask-composite:xor;mask-composite:exclude}.sf-home .showcase-stage .home-floating-tag{white-space:nowrap;min-width:126px;max-width:none;font-size:11px}.sf-home .showcase-stage .home-floating-tag svg{flex-shrink:0;width:14px;height:14px}.sf-home .showcase-item{scroll-snap-align:center;text-align:center;flex:0 0 220px;width:220px}.sf-home .showcase-mini-frame{border:6px solid var(--home-frame);background:var(--home-frame);width:220px;height:474px;box-shadow:var(--home-shadow);border-radius:32px;transition:transform .3s;position:relative;overflow:hidden}.sf-home .showcase-mini-frame .showcase-viewport{--showcase-scale:.533333}.sf-home .showcase-open{background:0 0;border-radius:26px;width:100%;height:100%;padding:0;position:absolute;inset:0}.sf-home .showcase-open:hover{background:0 0}.sf-home .showcase-open:focus-visible{outline:3px solid var(--home-focus);outline-offset:-3px}.sf-home .showcase-mini-camera{background:var(--home-frame);pointer-events:none;border-radius:999px;width:60px;height:12px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.sf-home .showcase-item h3{margin-top:17px;font-size:15px;font-weight:700}.sf-home .showcase-role{color:var(--home-muted);margin-top:4px;font-size:12px}.sf-home .showcase-features{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:11px;display:flex}.sf-home .showcase-features span{border:1px solid var(--home-line);background:var(--home-surface);color:var(--home-muted);border-radius:4px;padding:4px 6px;font-size:9px}.sf-home .showcase-viewport[data-paused=true] *,.sf-home .showcase-viewport[data-paused=true] :before,.sf-home .showcase-viewport[data-paused=true] :after{animation-play-state:paused!important}.showcase-dialog{width:calc(100% - 24px);max-width:438px;max-height:calc(100dvh - 24px);padding:0;overflow:hidden}.showcase-modal{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.showcase-modal-frame{border:7px solid var(--home-frame);background:var(--home-frame);border-radius:36px;width:100%;max-width:390px;height:min(640px,100dvh - 180px);overflow:hidden}.sf-home .showcase-modal-frame .showcase-viewport{--showcase-scale:1;overflow-y:auto}.sf-home .showcase-modal-frame .showcase-canvas{width:100%;transform:none}.sf-home .showcase-modal-frame .showcase-canvas [data-surface]{min-height:100%}.sf-home .showcase-start{width:100%;min-height:44px}.sf-home .showcase-share{background:var(--home-tint);color:var(--home-ink);border-radius:999px;position:absolute;top:12px;right:15px}@keyframes showcase-change{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (hover:hover){.sf-home .showcase-mini-frame:hover{transform:translateY(-6px)rotate(-1deg)}}@media (width>=920px){.sf-home .showcase-stage .home-tag-added{top:142px;left:calc(50% - 224px);right:auto}.sf-home .showcase-stage .home-tag-taps{bottom:54px;left:auto;right:calc(50% - 224px)}}@media (width<=919px){.sf-home .showcase-stage{gap:16px 6px}.sf-home .showcase-stage .home-floating-tag{justify-self:center;min-width:0;padding:10px;font-size:10px}}@media (width<=559px){.sf-home .showcase-hero-viewport{--showcase-scale:.676923}}@media (prefers-reduced-motion:reduce){.sf-home .showcase-canvas *,.sf-home .showcase-canvas :before,.sf-home .showcase-canvas :after{transition:none!important;animation:none!important}.sf-home .showcase-slide{animation:none}}