:root{background:#1b285b;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#1b285b;overflow-x:hidden}
.mockup-stage{position:relative;width:min(100%,1920px);margin:0 auto;line-height:0;isolation:isolate;box-shadow:0 0 70px rgba(0,0,0,.2)}
.mockup-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--w);height:var(--h);margin:0;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;text-decoration:none;line-height:normal;-webkit-tap-highlight-color:rgba(255,116,57,.2)}
.hotspot:hover{background:rgba(255,255,255,.055)}
.hotspot:active{background:rgba(255,116,57,.14)}
.hotspot:focus-visible{outline:clamp(2px,.18vw,4px) solid #fff;outline-offset:clamp(1px,.12vw,3px);background:rgba(255,116,57,.12)}
.anchor-target{position:absolute;left:0;top:var(--y);width:1px;height:1px;scroll-margin-top:1rem}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.activity-link{border-radius:7%}
@media (max-width:600px){
  .mockup-stage{width:100%}
  .hotspot{min-width:22px;min-height:18px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}