.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}}.sf-home .home-intro{z-index:0;height:200svh;margin-top:-1px;margin-bottom:-75svh;position:relative}.sf-home .home-intro+.home-hero{z-index:1;position:relative}.sf-home .home-intro-stage{will-change:opacity;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100svh;padding:80px 24px 60px;display:flex;position:sticky;top:0;overflow:hidden}.sf-home .home-intro-glow{pointer-events:none;background:radial-gradient(34% 30% at 50% 44%, color-mix(in srgb, var(--home-blue) 26%, transparent), transparent 70%), radial-gradient(26% 24% at 34% 62%, color-mix(in srgb, var(--home-violet) 22%, transparent), transparent 70%), radial-gradient(28% 26% at 68% 30%, color-mix(in srgb, var(--home-cyan) 18%, transparent), transparent 70%);animation:16s ease-in-out infinite alternate home-intro-drift;position:absolute;inset:-20%}.sf-home[data-mode=light] .home-intro-glow{opacity:.55}@keyframes home-intro-drift{to{transform:translate(3%,-3%)scale(1.08)}}.sf-home .home-intro-logo{aspect-ratio:1;will-change:transform;width:min(62vmin,380px);position:relative}.sf-home .home-intro-logo img{z-index:1;width:100%;height:100%;filter:drop-shadow(0 30px 60px color-mix(in srgb, var(--home-blue) 38%, transparent));animation:6s ease-in-out infinite home-intro-float;display:block;position:relative}.sf-home .home-intro-logo canvas{z-index:2;pointer-events:none;opacity:0;position:absolute}@keyframes home-intro-float{50%{transform:translateY(-10px)}}.sf-home .home-intro-copy{z-index:3;text-align:center;will-change:transform, opacity, filter;position:relative}.sf-home .home-intro-word{font-family:var(--font-display);letter-spacing:-.02em;background:var(--home-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,11vw,96px);font-weight:800;line-height:1}.sf-home .home-intro-tag{color:var(--home-muted);margin-top:14px;font-size:clamp(16px,2.4vw,20px)}.sf-home .home-intro-hint{bottom:calc(26px + env(safe-area-inset-bottom));letter-spacing:.35em;text-transform:uppercase;color:var(--home-muted);flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sf-home .home-intro-hint i{background:linear-gradient(var(--home-ink), transparent);transform-origin:top;width:1px;height:44px;animation:2.2s cubic-bezier(.22,.8,.2,1) infinite home-intro-drip}@keyframes home-intro-drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.sf-home .home-intro{height:140vh;margin-bottom:0}.sf-home .home-intro-logo img,.sf-home .home-intro-glow,.sf-home .home-intro-hint i{animation:none}}