html,body{margin:0;padding:0;background:#f5f2ee}*,*:before,*:after{box-sizing:border-box}
body{font-family:Arial,sans-serif}
.page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:0}
.mockup-wrap{position:relative;width:min(100vw,1792px);margin:0 auto;line-height:0;background:#f5f2ee}
.mockup{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;background:transparent}
/* based on the approved mockup proportions 1792x1024 */
.join{left:4.9%;top:45.8%;width:16.6%;height:5.1%;border-radius:12px}
.request{left:74.1%;top:37.8%;width:17.4%;height:5.0%;border-radius:12px}
.email{left:87.5%;top:94.6%;width:8.3%;height:2.1%}
@media (max-width: 900px){
  .page{overflow-x:auto}
  .mockup-wrap{width:1792px;max-width:none}
}