.device-frame{max-width:760px;margin:32px auto 0;background:#fff;border-radius:var(--r-lg);border:1px solid var(--line-2);box-shadow:var(--shadow-3);overflow:hidden;opacity:0;transform:translateY(22px) scale(.975);transition:opacity .7s cubic-bezier(.16,.8,.24,1),transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease}.device-frame--in-view{opacity:1;transform:none}.device-frame--in-view:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-4)}.device-frame__bar{height:36px;background:var(--surface-2);display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line-2)}.device-frame__dot{width:11px;height:11px;border-radius:50%;display:inline-block}.device-frame__screen{line-height:0}.device-frame__screen img{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.device-frame{transition:none;opacity:1;transform:none}.device-frame--in-view:hover{transform:none}}