.desktopMockupContainer{perspective:1000px;width:100%;max-width:900px;margin:0;position:relative}.desktopFrame{background:#111;border:1px solid #ffffff1a;border-radius:12px 12px 2px 2px;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #00000080}.desktopHeader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;height:32px;padding:0 16px;display:flex}.desktopDots{gap:6px;display:flex}.desktopDots .dot{border-radius:50%;width:8px;height:8px}.dot-close{background:#ff5f56}.dot-minimize{background:#ffbd2e}.dot-maximize{background:#27c93f}.desktopAddressBar{color:#ffffff4d;letter-spacing:.05em;background:#ffffff0d;border-radius:4px;flex:1;justify-content:center;align-items:center;height:18px;margin:0 60px;font-size:10px;display:flex}.desktopScreen{aspect-ratio:16/10;background:#000;width:100%;position:relative}.desktopContent{position:absolute;inset:0;overflow:hidden}.desktopBase{background:linear-gradient(#222,#111);border-radius:0 0 12px 12px;height:6px;margin:0 2px;box-shadow:0 20px 40px #0006}@media (max-width:900px){.desktopMockupContainer{max-width:100%}}
.iphoneMockupContainer{perspective:1000px;width:280px;margin:0;position:relative}.iphoneFrame{background:#111;border:1px solid #ffffff1a;border-radius:44px;padding:8px;position:relative;box-shadow:0 50px 100px -20px #00000080,0 30px 60px -30px #00000080}.iphoneBezel{aspect-ratio:9/19.5;background:#000;border-radius:38px;width:100%;position:relative;overflow:hidden}.iphoneDynamicIsland{z-index:10;background:#000;border-radius:12px;justify-content:flex-end;align-items:center;width:80px;height:22px;padding-right:12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.iphoneCamera{background:#1a1a1a;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 2px #fff3}.iphoneScreen{position:absolute;inset:0;overflow:hidden}.iphoneBackendImage{object-fit:cover}