html { -webkit-text-size-adjust: 100%; overflow-x: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar { display: none; }

#top,
#hero,
#problems,
#about,
#pricing,
#reviews {
  scroll-margin-top: 100px;
}

@media (max-width: 768px) {
  #top,
  #hero,
  #problems,
  #about,
  #pricing,
  #reviews {
    scroll-margin-top: 84px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body {
  margin: 0;
  font-family: var(--font-base, sans-serif);
  line-height: 1.4;
  background: var(--color-bg, #0a0d13);
  color: var(--color-text, #f4f5f7);
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar { display: none; }

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }

.wrap {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 20px;
}
.wrap--flush { padding-left: 0; padding-right: 0; }

/* Полноширинный контейнер страницы 1440px c боковыми отступами по макету */
.page {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}