@media (prefers-reduced-motion:reduce){.st-scale-phone,.st-scale-plaque{animation:none;transition:none}}.st-scale{position:relative;width:100%;aspect-ratio:4/3;container-type:size;overflow:hidden}.st-scale-stage{--st-mm:min(calc(100cqw / var(--st-fit-w)),calc(100cqh / var(--st-fit-h)));position:absolute;left:50%;top:50%;display:flex;align-items:flex-end;gap:calc(var(--st-mm) * var(--st-gap));transform:translate(-50%,-50%)}.st-scale-stage:after{content:"";position:absolute;left:calc(var(--st-mm) * -8);right:calc(var(--st-mm) * -8);bottom:-1px;height:1px;background:var(--color-line)}.st-scale-plaque{width:calc(var(--st-mm) * var(--st-plaque-w));height:calc(var(--st-mm) * var(--st-plaque-h))}.st-scale-plaque img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 calc(var(--st-mm) * 1.5) calc(var(--st-mm) * 2.5) rgb(0 0 0/.28))}.st-scale-phone{position:relative;flex:none;width:calc(var(--st-mm) * var(--st-phone-w));height:calc(var(--st-mm) * var(--st-phone-h));border-radius:calc(var(--st-mm) * 10);background:#0b0d12;box-shadow:0 0 0 1px var(--color-line),0 calc(var(--st-mm) * 2) calc(var(--st-mm) * 5) rgb(0 0 0/.25)}.st-scale-phone-screen{position:absolute;inset:calc(var(--st-mm) * 2.6);border-radius:calc(var(--st-mm) * 7.6);background:linear-gradient(165deg,#1e3a8a,#0f172a 62%,#111827)}.st-scale-phone-island{position:absolute;z-index:1;top:calc(var(--st-mm) * 5);left:50%;width:calc(var(--st-mm) * 20);height:calc(var(--st-mm) * 5.6);margin-left:calc(var(--st-mm) * -10);border-radius:999px;background:#000}@media (prefers-reduced-motion:no-preference){.st-scale-plaque{animation:st-scale-rise .56s var(--demo-ease-out) 1 both}.st-scale-phone{animation:st-scale-rise .64s var(--demo-ease-out) .12s 1 both}}@keyframes st-scale-rise{0%{transform:translateY(6%)}to{transform:none}}