.hf-phone-shell{--ps-safe-t:env(safe-area-inset-top,0px);--ps-safe-r:env(safe-area-inset-right,0px);--ps-safe-b:env(safe-area-inset-bottom,0px);--ps-safe-l:env(safe-area-inset-left,0px);z-index:50;overscroll-behavior:none;background:var(--sb-color-bg-primary);width:100%;height:100dvh;max-height:100dvh;color:var(--sb-color-text-primary);outline:none;position:fixed;inset:0;overflow:hidden}.hf-phone-stage{position:absolute;inset:0}.hf-phone-close.sb-btn--icon{z-index:30;top:max(var(--sb-space-3), var(--ps-safe-t));right:max(var(--sb-space-3), var(--ps-safe-r));width:var(--sb-control-h);height:var(--sb-control-h);box-shadow:var(--sb-shadow-md);position:absolute}.hf-phone-close svg{width:1.25rem;height:1.25rem}@keyframes hero-scene-curtain{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes hero-scene-settle{0%{transform:scale(1.03)}to{transform:scale(1)}}.hero-scene__curtain{background-color:var(--hf-surface);transform-origin:50% 0;animation:.8s cubic-bezier(.22,.61,.36,1) both hero-scene-curtain}.hero-scene__picture{transform-origin:50% 100%;animation:.8s cubic-bezier(.22,.61,.36,1) both hero-scene-settle}@keyframes hero-scene-chip{to{opacity:1;transform:none}}.hero-scene__chip{opacity:0;animation:.25s ease-out both hero-scene-chip;transform:translateY(6px)}.hero-scene[data-wait] .hero-scene__chip{animation:none}.hero-scene[data-wait] .hero-scene__curtain{animation:none;transform:scaleY(1)}.hero-scene[data-wait] .hero-scene__picture{animation:none;transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.hero-scene__curtain{display:none}.hero-scene__picture,.hero-scene[data-wait] .hero-scene__picture{animation:none;transform:none}.hero-scene__chip{opacity:1!important;transform:none!important}}