/* Базовые стили главной (index.html) */

.typo-keep,
[data-typo-keep] {
  white-space: nowrap;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  background: #051133;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  font-family: 'Inter', sans-serif;
  color: #051133;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

.main-wrapper {
  padding: 0;
  background-color: #051133;
  overflow-x: hidden;
}

/* ≤767px — mobile; ≤479px — narrow */
@media screen and (max-width: 767px) {
  :root {
    --page-gutter: 12px;
  }

  .site-header__inner {
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
  }

  .site-header__trigger {
    font-family: 'JetBrains Mono', monospace;
    font-size: 16px;
    line-height: 1.45;
  }

  /* Mobile CTA — единая высота (padding + font-size) */
  .site-header__btn,
  .cases__all-btn,
  .contact__submit,
  .approach__btn {
    padding: 10px 14px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1.5px;
    border-color: transparent;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    box-sizing: border-box;
  }

  .site-header__btn--ghost {
    border-color: #ffffff;
  }
}