*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#03070d;color:#fff;font-family:Arial,Helvetica,sans-serif}
.page{width:100%;min-height:100vh}
.hero{position:relative;width:min(100%,1024px);margin:0 auto;overflow:hidden;background:#03070d;line-height:0}
.hero-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;z-index:3;cursor:pointer;border-radius:999px;outline:none}
.hotspot:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #178cff}
.logo-link{left:4.5%;top:2.1%;width:28%;height:6.3%}
.menu-link{right:2.8%;top:2.2%;width:5.5%;height:5.5%}
.telegram-link{left:5.2%;top:42.0%;width:34.5%;height:5.0%}
.max-link{left:40.0%;top:42.0%;width:31.5%;height:5.0%}
.services-link{left:4.3%;top:50.0%;width:36%;height:29%}
.seo-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media (max-width:700px){.hero{width:100%}}