.laptop-mockup-container{perspective:2000px;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.laptop-wrapper{width:100%;max-width:900px;transform-style:preserve-3d;transition:transform .5s;position:relative}.laptop-screen-frame{z-index:10;background:#1a1a1a;border-radius:20px 20px 0 0;padding:3% 3% 0;position:relative;box-shadow:inset 0 0 0 2px #2a2a2a,0 10px 20px #00000080}.laptop-camera{background:#0f0f0f;border-radius:50%;width:.8%;height:.8%;position:absolute;top:1.5%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #333}.laptop-screen-content{aspect-ratio:16/10;cursor:pointer;background-color:#fff;border-radius:4px 4px 0 0;width:100%;position:relative;overflow:hidden}.laptop-image{object-fit:cover;object-position:top center;will-change:object-position;width:100%;height:100%;transition:object-position 5s ease-in-out;display:block}.laptop-screen-content:hover .laptop-image{object-position:bottom center}.laptop-image.auto-scroll{animation:12s ease-in-out infinite autoScroll}.laptop-base{z-index:9;background:linear-gradient(#dcdcdc 0%,#b0b0b0 100%);border-radius:0 0 15px 15px;width:120%;height:20px;margin-left:-10%;position:relative;box-shadow:0 15px 25px #0000004d}.laptop-base:after{content:"";background:#a0a0a0;border-radius:0 0 8px 8px;width:15%;height:6px;margin:0 auto;display:block;position:relative;top:0}.laptop-screen-content:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 40%);position:absolute;inset:0}@keyframes autoScroll{0%,15%{object-position:top center}50%,65%{object-position:bottom center}to{object-position:top center}}@media (max-width:768px){.laptop-base{height:12px}}