.language-switch {
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 2147483647;
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(16, 38, 68, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 6px 24px rgba(16, 38, 68, .15);
  backdrop-filter: blur(12px);
  font: 700 13px/1 system-ui, sans-serif;
}

.language-switch a {
  display: block;
  min-width: 30px;
  padding: 9px 10px;
  border-radius: 999px;
  color: #17324d !important;
  text-align: center;
  text-decoration: none !important;
}

.language-switch a[aria-current="page"] {
  background: #17324d;
  color: #fff !important;
}

.language-switch a:focus-visible {
  outline: 3px solid #36a7ff;
  outline-offset: 2px;
}

html[lang="en"] #rec838152744 a[href="#about"],
html[lang="en"] #rec838152744 a[href="#settings"],
html[lang="en"] #rec838152744 a[href="#app"],
html[lang="en"] #rec838152744 a[href="#buy"],
html[lang="en"] #rec838152744 a[href="#FAQ"],
html[lang="en"] #rec838152744 a[href="/go/business"],
html[lang="en"] #rec838152744 a[href="/en/download/index.html"] {
  font-size: 13px !important;
  letter-spacing: -.15px !important;
}

html[lang="en"] #rec838152744 a[href="#about"] {
  font-size: 12px !important;
  letter-spacing: -.2px !important;
}

#rec846612287 .tn-elem[data-elem-id="1735459312884"] {
  left: calc(50% - 600px + 540px) !important;
}

#rec846612287 .tn-elem[data-elem-id="1735459418901"] {
  left: calc(50% - 600px + 470px) !important;
}

@media (max-width: 1199px) and (min-width: 960px) {
  #rec846612287 .tn-elem[data-elem-id="1735459312884"] {
    left: calc(50% - 480px + 420px) !important;
  }

  #rec846612287 .tn-elem[data-elem-id="1735459418901"] {
    left: calc(50% - 480px + 350px) !important;
  }
}

@media (max-width: 959px) and (min-width: 640px) {
  #rec846612287 .tn-elem[data-elem-id="1735459312884"] {
    left: calc(50% - 320px + 260px) !important;
  }

  #rec846612287 .tn-elem[data-elem-id="1735459418901"] {
    left: calc(50% - 320px + 190px) !important;
  }
}

@media (max-width: 639px) and (min-width: 480px) {
  #rec846612287 .tn-elem[data-elem-id="1735459312884"] {
    left: calc(50% - 240px + 180px) !important;
  }

  #rec846612287 .tn-elem[data-elem-id="1735459418901"] {
    left: calc(50% - 240px + 130px) !important;
  }
}

@media (max-width: 479px) {
  #rec846612287 .tn-elem[data-elem-id="1735459312884"] {
    left: calc(50% - 160px + 130px) !important;
  }

  #rec846612287 .tn-elem[data-elem-id="1735459418901"] {
    left: calc(50% - 160px + 90px) !important;
  }
}

@media (max-width: 600px) {
  .language-switch {
    top: 8px;
    right: 8px;
  }
}

@media screen and (max-width: 479px) {
  .staybox-iphone-device {
    width: 36px;
    height: 62px;
  }

  .staybox-iphone-screen {
    top: 9px;
    right: 3px;
    bottom: 7px;
    left: 3px;
  }

  .staybox-iphone-screen svg {
    width: 18px;
    height: 18px;
  }

  .staybox-iphone-notch {
    width: 13px;
  }

  .staybox-iphone-soon-label {
    right: -2px;
    bottom: 3px;
    padding: 2px 3px;
    font-size: 8px;
  }
}

html[lang="en"] #rec838152744 a[href="/en/index.html#about"] {
  font-size: 12px !important;
  letter-spacing: -.2px !important;
  transform: translateX(-8px) !important;
}

html[lang="en"] #rec838152744 a[href="/en/index.html#settings"],
html[lang="en"] #rec838152744 a[href="/en/index.html#app"],
html[lang="en"] #rec838152744 a[href="/en/index.html#buy"],
html[lang="en"] #rec838152744 a[href="/en/index.html#FAQ"] {
  font-size: 13px !important;
  letter-spacing: -.15px !important;
}

html[lang="en"] .t-rec[data-record-type="396"] a[href="/en/index.html#about"] {
  font-size: 12px !important;
  letter-spacing: -.2px !important;
  transform: translateX(-8px) !important;
}

html[lang="en"] .t-rec[data-record-type="396"] a[href="/en/index.html#settings"],
html[lang="en"] .t-rec[data-record-type="396"] a[href="/en/index.html#app"],
html[lang="en"] .t-rec[data-record-type="396"] a[href="/en/index.html#buy"],
html[lang="en"] .t-rec[data-record-type="396"] a[href="/en/index.html#FAQ"],
html[lang="en"] .t-rec[data-record-type="396"] a[href="/go/business"],
html[lang="en"] .t-rec[data-record-type="396"] a[href="/en/download/index.html"] {
  font-size: 13px !important;
  letter-spacing: -.15px !important;
}

/*
 * English labels are shorter than the Russian labels whose Tilda coordinates
 * the header inherited. Reflow the same header elements with an even 40px
 * desktop gap so translated items no longer bunch up or collide with Buy.
 */
@media (min-width: 1200px) {
  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990543992"] {
    left: calc(50% - 285px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990543997"] {
    left: calc(50% - 181px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990544002"] {
    left: calc(50% - 102px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1733826458820"] {
    left: calc(50% - 35px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990544007"] {
    left: calc(50% + 72px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1741857148016"] {
    left: calc(50% + 159px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1749207538805"] {
    left: calc(50% + 227px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990544017"] {
    left: calc(50% + 349px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] a[href$="#about"] {
    transform: none !important;
  }
}

/*
 * The compact Tilda header starts at 981px, before its hamburger breakpoint.
 * Use a fluid gap here so every label and the Buy button remain separated.
 */
@media (min-width: 981px) and (max-width: 1199px) {
  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990543992"] {
    left: calc(50% - 268px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990543997"] {
    left: calc(57.339vw - 249px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990544002"] {
    left: calc(64.678vw - 255px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1733826458820"] {
    left: calc(72.017vw - 273px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990544007"] {
    left: calc(79.356vw - 251px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1741857148016"] {
    left: calc(86.695vw - 249px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1749207538805"] {
    left: calc(94.034vw - 266px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990544017"] {
    left: calc(101.373vw - 229px) !important;
  }

  html[lang="en"] .t-rec[data-record-type="396"] a[href$="#about"] {
    transform: none !important;
  }
}

/* Keep the menu control separate from the fixed language switcher. */
@media (max-width: 980px) {
  .t450__menu__content {
    top: 10px !important;
    right: 140px !important;
  }

  .t450__menu {
    transform: translateY(18px) !important;
  }
}

@media (max-width: 600px) {
  .t450__menu__content {
    top: 4px !important;
    right: 134px !important;
  }
}

@media (min-width: 360px) and (max-width: 389px) {
  .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990565713"] {
    width: calc(100vw - 210px) !important;
  }

  .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990565713"] .tn-atom {
    width: 100% !important;
  }

  .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990565713"] img {
    width: 100% !important;
    height: auto !important;
  }
}

/* On very narrow phones keep the pulse mark and give both controls room. */
@media (max-width: 359px) {
  .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990565713"] {
    width: 40px !important;
    height: 40px !important;
    overflow: hidden !important;
    clip-path: inset(0 calc(100% - 40px) 0 0) !important;
  }

  .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990565713"] .tn-atom {
    width: 40px !important;
    height: 40px !important;
    overflow: hidden !important;
  }

  .t-rec[data-record-type="396"] .tn-elem[data-elem-id="1731990565713"] img {
    width: 180px !important;
    max-width: none !important;
    height: 40px !important;
  }
}