.device-showcase{position:relative;min-width:0;align-self:center;padding-top:54px}.device-switch{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#eef2f4;border:1px solid #dae2e8;border-radius:15px;z-index:15}.device-switch button{display:flex;align-items:center;gap:8px;justify-content:center;border:0;background:transparent;color:#395565;padding:11px 19px;border-radius:10px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.device-switch button[aria-selected=true]{background:#102b3b;color:white;box-shadow:0 3px 8px #102b3b18}.device-showcase [hidden]{display:none!important}.hero-computer{height:730px;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}.computer-backdrop{position:absolute;left:0;right:0;top:260px;height:240px;background:#ed873d;border-radius:32px}.computer-device{position:relative;width:100%;z-index:1;margin-top:0}.computer-display{position:relative;background:#14232c;border:2px solid #64747e;padding:18px 9px 10px;border-radius:19px 19px 5px 5px;margin:0 14px;box-shadow:0 20px 30px #102b3b25}.computer-camera{position:absolute;width:5px;height:5px;background:#4d6471;border-radius:50%;top:6px;left:50%}.computer-viewport{aspect-ratio:2720/1800;overflow:hidden;background:#e1e8ec;border-radius:4px}.computer-viewport img{display:block;width:100%;height:100%;object-fit:cover}.computer-base{height:16px;border-radius:2px 2px 50% 50%;background:linear-gradient(#c8d0d6,#7d8b96);box-shadow:0 16px 18px #102b3b20}.computer-detail{position:relative;text-align:center;margin-top:30px;z-index:1}.computer-detail p{font-size:14px;line-height:1.6;margin:0 0 15px;color:#29495d}.computer-tabs{display:flex;gap:5px;width:fit-content;margin:0 auto;background:white;padding:5px;border:1px solid #dbe4ea;border-radius:20px}.computer-tabs button{border:0;border-radius:16px;background:transparent;color:#29495d;font:inherit;font-size:11px;padding:10px 15px;cursor:pointer}.computer-tabs button[aria-selected=true]{background:#102b3b;color:white}.computer-enlarge{display:block;margin:17px auto 12px;border:0;background:transparent;color:#214b63;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}.computer-detail small{font-size:10px;color:#647d8e}.device-switch button:focus-visible,.computer-tabs button:focus-visible,.computer-enlarge:focus-visible{outline:3px solid #e8730c;outline-offset:3px}
@media(max-width:700px){.device-showcase{padding-top:48px;align-self:start}.device-switch{width:100%;gap:2px;padding:4px;border-radius:11px}.device-switch button{flex:1;padding:8px 4px;font-size:10px;gap:4px;border-radius:8px}.hero-computer{height:450px;justify-content:flex-start;padding-top:55px}.computer-backdrop{top:100px;height:150px;border-radius:20px}.computer-display{padding:10px 3px 4px;margin:0 4px;border-radius:8px 8px 2px 2px;border-width:1px}.computer-camera{width:3px;height:3px;top:3px}.computer-base{height:7px}.computer-detail{margin-top:23px}.computer-detail p{font-size:11px}.computer-tabs{gap:1px;padding:3px}.computer-tabs button{padding:8px 5px;font-size:8px}.computer-enlarge{font-size:11px}.computer-detail small{font-size:9px}}
.device-showcase{height:784px;box-sizing:border-box}@media(max-width:700px){.device-showcase{height:498px}.device-showcase .phone-scene,.device-showcase .hero-computer{height:450px;min-height:450px;box-sizing:border-box}}

.order-playback{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;font-size:11px}.order-playback button{border:1px solid #cbd7df;border-radius:8px;background:white;color:#102b3b;padding:6px 10px;cursor:pointer}.order-playback button:focus-visible{outline:2px solid #e8730c;outline-offset:2px}