@font-face {
  font-family: "Tilda Sans";
  src: url("/assets/fonts/TildaSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Tilda Sans";
  src: url("/assets/fonts/TildaSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Tilda Sans";
  src: url("/assets/fonts/TildaSans-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Tilda Sans";
  src: url("/assets/fonts/TildaSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

:root {
  --tm-bg: #000000;
  --tm-bg-soft: #0a0a0f;
  --tm-bg-card: #101018;
  --tm-text: #ffffff;
  --tm-text-soft: rgba(255, 255, 255, 0.76);
  --tm-text-muted: rgba(255, 255, 255, 0.58);
  --tm-border: rgba(255, 255, 255, 0.1);
  --tm-accent: #84ff39;
  --tm-accent-dark: #6cf01e;
  --tm-purple: #7c5cff;
  --tm-shadow: 0 32px 80px rgba(0, 0, 0, 0.35);
  --tm-container: 1280px;
  --tm-radius-xl: 32px;
  --tm-radius-lg: 24px;
  --tm-radius-md: 18px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  margin: 0;
  min-width: 320px;
  font-family: "Tilda Sans", Arial, sans-serif;
  color: var(--tm-text);
  background: #000000;
  overflow-x: clip;
}

body.tm-lock {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
textarea {
  font: inherit;
}

textarea,
input {
  border: 0;
}

button {
  cursor: pointer;
}

button,
a {
  color: inherit;
  text-decoration: none;
}

[hidden] {
  display: none !important;
}

.tm-container {
  width: min(var(--tm-container), calc(100% - 48px));
  margin: 0 auto;
}

.tm-page,
main {
  width: 100%;
  overflow-x: clip;
}

.tm-button {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.tm-button:hover {
  transform: translateY(-1px);
}

.tm-button--accent {
  background: var(--tm-accent);
  color: #0b0f05;
}

.tm-button--accent:hover {
  background: var(--tm-accent-dark);
}

.tm-button--outline {
  border: 1px solid var(--tm-border);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
}

.tm-button--outline-dark {
  border: 1px solid rgba(0, 0, 0, 0.14);
  color: #151515;
  background: rgba(0, 0, 0, 0.04);
}

.tm-button--muted {
  min-height: 46px;
  padding: 0 24px;
  background: #f1f1f1;
  color: #111111;
}

.tm-header {
  position: sticky;
  top: 0;
  z-index: 60;
  background: #000000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.tm-header__inner {
  display: flex;
  align-items: center;
  gap: 28px;
  width: min(1840px, calc(100% - 48px));
  min-height: 76px;
}

.tm-logo {
  display: inline-flex;
  width: 196px;
  flex: 0 0 auto;
}

.tm-nav {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-left: auto;
}

.tm-nav a {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  white-space: nowrap;
}

.tm-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.tm-menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  border-radius: 999px;
  background: #ffffff;
}

.tm-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 90;
}

.tm-mobile-menu__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
}

.tm-mobile-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(380px, 100%);
  height: 100%;
  padding: 28px 22px;
  background: #0a0a0f;
  box-shadow: var(--tm-shadow);
}

.tm-mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.tm-mobile-menu__head img {
  width: 146px;
}

.tm-mobile-menu__close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-size: 26px;
}

.tm-mobile-menu__nav {
  display: grid;
  gap: 18px;
  margin-top: 32px;
}

.tm-mobile-menu__nav a {
  font-size: 17px;
  line-height: 1.35;
  font-weight: 600;
}

.tm-hero {
  position: relative;
  overflow: hidden;
  background: #000000;
}

.tm-hero__inner {
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 650px;
  height: 650px;
  margin: 0;
  padding: 0;
}

.tm-hero__copy {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.tm-hero__copy h1 {
  position: absolute;
  top: 100px;
  left: max(68.5px, calc((100% - 1425px) / 2 + 68.5px));
  width: 710px;
  height: 222px;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 74px;
  line-height: 74px;
  letter-spacing: normal;
  font-weight: 700;
}

.tm-hero__copy p {
  position: absolute;
  top: 330px;
  left: max(72.5px, calc((100% - 1425px) / 2 + 72.5px));
  width: 490px;
  height: 93px;
  margin: 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 21px;
  line-height: 23px;
  font-weight: 400;
}

.tm-hero__copy .tm-button {
  white-space: nowrap;
  position: absolute;
  top: 510px;
  left: max(70.5px, calc((100% - 1425px) / 2 + 70.5px));
  width: 200px;
  min-width: 200px;
  height: 55px;
  min-height: 55px;
  padding: 0 24px;
  border-radius: 30px;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 21.7px;
  font-weight: 600;
}

.tm-hero__visual {
  position: absolute;
  inset: 0;
  z-index: 1;
  min-height: 0;
  pointer-events: none;
}

.tm-hero__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.54) 26%, rgba(0, 0, 0, 0.24) 56%, rgba(0, 0, 0, 0.08) 78%, rgba(0, 0, 0, 0) 100%);
}

.tm-hero__image {
  position: absolute;
  max-width: none;
  z-index: 0;
}

.tm-hero__image--backdrop {
  top: -45px;
  left: max(232.5px, calc((100% - 1425px) / 2 + 232.5px));
  width: 1093px;
  filter: brightness(0.72) contrast(1.04);
}

.tm-hero__image--phones {
  top: 83px;
  left: max(561.8px, calc((100% - 1425px) / 2 + 561.8px));
  width: 587.4px;
  height: 452.4px;
  filter: brightness(0.88) contrast(1.02);
}

.tm-about {
  padding: 0;
  overflow: hidden;
  background: #000000;
}

.tm-about__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  height: 700px;
  min-height: 700px;
  width: 100%;
}

.tm-platforms h2,
.tm-community__copy h2,
.tm-how h2,
.tm-why h2,
.tm-pricing__head h2,
.tm-faq h2,
.tm-more-services h2,
.tm-contact h2 {
  margin: 0;
  font-size: 52px;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.tm-about__copy h2 {
  margin: 0;
  font-size: 36px;
  line-height: 1.23;
  font-weight: 600;
}

.tm-about__copy p {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.55;
}

.tm-about__copy .tm-button {
  white-space: nowrap;
  margin-top: 60px;
  min-height: 60px;
  padding: 0 60px;
  font-size: 16px;
}

.tm-about__copy {
  display: flex;
  align-items: center;
  padding: 0 10%;
}

.tm-about__content {
  width: 100%;
}

.tm-about__visual {
  height: 700px;
  overflow: hidden;
}

.tm-about__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 980px) {
  .tm-about__inner {
    height: auto;
    grid-template-columns: 1fr;
    min-height: 470px;
  }

  .tm-about__copy {
    padding: 0 10%;
  }

  .tm-about__copy h2 {
    font-size: 32px;
  }

  .tm-about__copy p {
    font-size: 18px;
    padding-top: 20px;
  }

  .tm-about__copy .tm-button {
  white-space: nowrap;
    padding: 0 45px;
  }

  .tm-about__visual {
    display: none;
  }
}

.tm-stats {
  padding: 105px 0;
  background: #000000;
}

.tm-stats__shell {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.tm-stats__inner {
  display: grid;
  width: min(760px, 100%);
  min-height: 394px;
  margin: 0 auto;
}

.tm-stats__icon {
  grid-area: 1 / 1;
  align-self: start;
  justify-self: center;
  width: 380px;
  height: 380px;
  opacity: 0.3;
}

.tm-stats__text {
  grid-area: 1 / 1;
  align-self: start;
  width: 100%;
  margin: 110px 0 0;
  font-size: 26px;
  line-height: 37.7px;
  font-weight: 300;
  text-align: center;
}

.tm-stats__text span {
  color: #ffffff;
}

.tm-stats__text .tm-stats__space {
  font-size: 30px;
  line-height: 43.5px;
}

.tm-stats__text strong {
  color: #88ff45;
  font-size: 30px;
  line-height: 43.5px;
  font-weight: 700;
}

.tm-platforms {
  padding: 135px 0 165px;
  background: #000000;
}

.tm-platforms__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.tm-platforms .tm-platforms__title {
  width: calc(100% - 40px);
  margin: 0 auto 90px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
}

.tm-platforms__list {
  display: grid;
  gap: 60px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tm-platforms__item {
  display: grid;
  grid-template-columns: 160px 560px;
  column-gap: 40px;
  align-items: start;
  padding: 0 220px;
}

.tm-platform-card h3,
.tm-how-card h3,
.tm-why-card h3,
.tm-price-card h3,
.tm-service-card h3,
.tm-faq-item h3,
.tm-community__list h3 {
  margin: 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 700;
}

.tm-platforms__heading {
  margin: 0;
  padding: 2px 0 7px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 24px;
  line-height: 32.4px;
  font-weight: 600;
  letter-spacing: normal;
}

.tm-platform-card p,
.tm-how-card p,
.tm-why-card p,
.tm-price-card p,
.tm-service-card p,
.tm-faq-item p,
.tm-community__list p,
.tm-pricing__head p,
.tm-contact p {
  margin: 14px 0 0;
  color: var(--tm-text-soft);
  font-size: 16px;
  line-height: 1.65;
}

.tm-platforms__body {
  margin: 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 27.9px;
  font-weight: 300;
  letter-spacing: normal;
}

.tm-community {
  padding: 0 0 45px;
  background: #000000;
}

.tm-community__inner {
  display: grid;
  width: min(1200px, 100%);
  margin: 0 auto;
  grid-template-columns: 600px 600px;
  gap: 0;
  align-items: start;
}

.tm-community__copy {
  width: 600px;
  padding-top: 137.7px;
}

.tm-community__text {
  padding: 0 20px;
}

.tm-community__copy .tm-community__title {
  width: 560px;
  margin: 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  letter-spacing: normal;
}

.tm-community__copy .tm-community__lead {
  width: 560px;
  margin: 20px 0 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}

.tm-community__features {
  display: grid;
  grid-template-columns: repeat(2, 300px);
  gap: 0;
  width: 600px;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

.tm-community__feature {
  display: grid;
  grid-template-columns: 20px 225px;
  column-gap: 15px;
  align-items: start;
  padding: 0 20px;
}

.tm-community__feature-icon {
  width: 20px;
  margin-top: 3.5px;
}

.tm-community__feature-copy {
  min-width: 0;
}

.tm-community__feature-title {
  margin: 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
}

.tm-community__copy .tm-community__feature-text {
  margin: 14px 0 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 27.9px;
  font-weight: 300;
}

.tm-community__button {
  width: 269.5px;
  min-width: 269.5px;
  height: 60px;
  min-height: 60px;
  margin: 45px 0 0 20px;
  padding: 0 36px;
  border-radius: 30px;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 600;
}

.tm-community__visual {
  width: 600px;
  padding: 0 20px;
}

.tm-community__visual img {
  display: block;
  width: 100%;
  max-width: none;
}

.tm-how,
.tm-why,
.tm-pricing,
.tm-faq {
  padding: 108px 0;
  background: #000000;
}

.tm-how {
  padding: 90px 0 105px;
}

.tm-how__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.tm-how .tm-how__title {
  width: calc(100% - 40px);
  margin: 0 auto 105px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
}

.tm-how__list {
  width: 100%;
}

.tm-how__item {
  position: relative;
  width: 1200px;
  min-height: 154.45px;
  margin: 0 auto;
}

.tm-how__item--last {
  min-height: 177.4px;
}

.tm-how__main {
  position: relative;
  width: 760px;
  min-height: inherit;
  margin: 0 auto;
}

.tm-how__track {
  position: absolute;
  left: 379px;
  width: 2px;
  background: #ffffff;
}

.tm-how__item--first .tm-how__track {
  top: 10px;
  height: 144.45px;
}

.tm-how__item--middle .tm-how__track {
  top: 0;
  height: 154.45px;
}

.tm-how__item--last .tm-how__track {
  top: 0;
  height: 10px;
}

.tm-how__dot {
  position: absolute;
  top: 5px;
  left: 355.4px;
  width: 49.2px;
  height: 49.2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #000000;
}

.tm-how__number {
  display: block;
  width: 46px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  text-align: center;
}

.tm-how__content {
  position: absolute;
  top: 10px;
  width: 380px;
  box-sizing: border-box;
  color: #ffffff;
}

.tm-how__item--left .tm-how__content {
  left: 0;
}

.tm-how__item--left .tm-how__copy {
  width: 324px;
}

.tm-how__item--right .tm-how__content {
  right: 0;
  padding-left: 56px;
}

.tm-how__item--right .tm-how__copy {
  width: 324px;
}

.tm-how__copy h3 {
  margin: 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 22px;
  line-height: 29.7px;
  font-weight: 600;
}

.tm-how__copy p {
  margin: 10px 0 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 15px;
  line-height: 23.25px;
  font-weight: 300;
}

.tm-how__grid,
.tm-why__grid,
.tm-pricing__grid,
.tm-faq__list {
  display: grid;
  gap: 22px;
  margin-top: 42px;
}

.tm-how__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tm-why__grid,
.tm-pricing__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tm-how-card,
.tm-why-card,
.tm-price-card,
.tm-faq-item {
  padding: 28px;
  border: 1px solid var(--tm-border);
  border-radius: var(--tm-radius-lg);
  background: rgba(255, 255, 255, 0.03);
}

.tm-how-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(132, 255, 57, 0.12);
  color: var(--tm-accent);
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
}

.tm-pricing__head {
  display: grid;
  grid-template-columns: minmax(0, 360px) minmax(0, 520px);
  justify-content: space-between;
  gap: 24px;
  align-items: end;
}

.tm-price-card strong {
  display: block;
  margin-top: 20px;
  color: #ffffff;
  font-size: 54px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.tm-why {
  padding: 120px 0 128px;
  background: #000000;
}

.tm-why h2 {
  width: min(860px, 100%);
  margin: 0 auto;
  font-size: 56px;
  line-height: 1.04;
  text-align: center;
}

.tm-why__list {
  display: grid;
  width: min(1080px, 100%);
  gap: 52px;
  margin: 86px auto 0;
}

.tm-why-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.tm-why-item img {
  width: 38px;
  margin-top: 2px;
}

.tm-why-item h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -0.03em;
  font-weight: 700;
}

.tm-why-item p {
  max-width: 680px;
  margin: 12px 0 0;
  color: var(--tm-text-soft);
  font-size: 18px;
  line-height: 1.72;
}

.tm-price-card .tm-button {
  white-space: nowrap;
  margin-top: 28px;
  width: 100%;
}

.tm-contact {
  padding: 66px 0;
  background: linear-gradient(135deg, #111217 0%, #17191f 100%);
}

.tm-contact__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.tm-contact p {
  margin-top: 12px;
}

.tm-faq__list {
  grid-template-columns: 1fr;
}

.tm-more-services {
  padding: 108px 0 120px;
  background: #ffffff;
  color: #111111;
}

.tm-more-services h2 {
  color: #111111;
}

.tm-more-services__grid {
  display: grid;
  gap: 26px;
  margin-top: 42px;
}

.tm-service-card {
  display: grid;
  grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--tm-radius-xl);
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08);
}

.tm-service-card img {
  width: 100%;
}

.tm-service-card p {
  color: rgba(0, 0, 0, 0.72);
}

.tm-footer {
  padding: 54px 0 44px;
  background: #000000;
  color: #ffffff;
}

.tm-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.tm-footer__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 18px 30px;
}

.tm-footer__nav a,
.tm-footer__copy {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.tm-footer__copy {
  margin: 0;
}

.tm-assistant {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 70;
}

.tm-assistant__trigger {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ffe067 0%, #4b37ff 55%, #121321 100%);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.36);
}

.tm-assistant__trigger img {
  width: 28px;
  height: 28px;
}

.tm-assistant__panel {
  position: absolute;
  right: 0;
  bottom: 84px;
  width: min(360px, calc(100vw - 32px));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  background: #ffffff;
  color: #111111;
  box-shadow: var(--tm-shadow);
  overflow: hidden;
}

.tm-assistant__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 22px 16px;
  background: #111321;
  color: #ffffff;
}

.tm-assistant__header strong {
  display: block;
  font-size: 18px;
}

.tm-assistant__header p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
}

.tm-assistant__header button,
.tm-modal__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  font-size: 24px;
  line-height: 1;
}

.tm-assistant__body {
  padding: 18px 22px 0;
}

.tm-assistant__body h4 {
  margin: 0;
  font-size: 18px;
}

.tm-assistant__body p {
  margin: 10px 0 0;
  color: rgba(0, 0, 0, 0.68);
  font-size: 15px;
  line-height: 1.65;
}

.tm-assistant__form {
  padding: 18px 22px 22px;
}

.tm-assistant__form textarea,
.tm-modal__form input[type="text"],
.tm-modal__form input[type="tel"] {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  resize: vertical;
}

.tm-assistant__form textarea {
  min-height: 110px;
  margin-bottom: 14px;
}

.tm-assistant__form .tm-button[disabled] {
  opacity: 0.4;
}

.tm-cookie {
  margin-right: 100px;
  position: fixed;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 65;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12);
  color: #111111;
}

.tm-cookie p {
  margin: 0;
  color: rgba(0, 0, 0, 0.68);
  font-size: 14px;
  line-height: 1.55;
}

.tm-modal {
  position: fixed;
  inset: 0;
  z-index: 95;
}

.tm-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
}

.tm-modal__dialog {
  position: relative;
  width: min(520px, calc(100% - 24px));
  margin: 72px auto;
  padding: 28px;
  border-radius: 28px;
  background: #ffffff;
  color: #111111;
  box-shadow: var(--tm-shadow);
}

.tm-modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  background: rgba(0, 0, 0, 0.06);
}

.tm-modal__head h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.tm-modal__head p {
  margin: 10px 0 0;
  color: rgba(0, 0, 0, 0.6);
}

.tm-modal__form {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.tm-modal__form label {
  display: grid;
  gap: 8px;
}

.tm-modal__form label span {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

.tm-modal__check {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.tm-modal__check input {
  margin-top: 3px;
}

@media (max-width: 1100px) {
  .tm-community__inner,
  .tm-pricing__head,
  .tm-service-card {
    grid-template-columns: 1fr;
  }

  .tm-community__visual img {
    margin: 0 auto;
  }

  .tm-how__grid,
  .tm-why__grid,
  .tm-pricing__grid,
  .tm-platforms__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 860px) {
  .tm-container {
    width: min(var(--tm-container), calc(100% - 32px));
  }

  .tm-nav {
    display: none;
  }

  .tm-menu-toggle {
    display: block;
  }

  .tm-header__inner {
    width: min(1840px, calc(100% - 32px));
    min-height: 72px;
  }

  .tm-logo {
    width: 170px;
  }

  .tm-nav a {
    font-size: 15px;
  }

  .tm-hero__inner {
    min-height: 650px;
    height: 650px;
  }

  .tm-hero__copy {
    inset: 0;
  }

  .tm-hero__copy h1 {
    top: 100px;
    left: 65.5px;
    width: 709px;
    height: 223px;
    font-size: 59px;
    line-height: 59px;
  }

  .tm-hero__copy p {
    top: 322px;
    left: 66.5px;
    width: 490px;
    height: 93px;
    font-size: 21px;
    line-height: 23px;
  }

  .tm-hero__copy .tm-button {
  white-space: nowrap;
    top: 460px;
    left: 66.5px;
    width: 200px;
    min-width: 200px;
    height: 55px;
    min-height: 55px;
    font-size: 14px;
  }

  .tm-hero__image--backdrop {
    top: 0;
    left: -8.5px;
    width: 1093px;
  }

  .tm-hero__image--phones {
    top: 234px;
    left: 175.8px;
    width: 587.4px;
    height: 452.4px;
  }

  .tm-stats__icon {
    width: 300px;
    height: 300px;
  }

  .tm-stats__shell {
    width: min(640px, calc(100% - 40px));
  }

  .tm-stats__inner {
    width: min(600px, 100%);
  }

  .tm-stats__text {
    font-size: 22px;
    line-height: 31.9px;
  }

  .tm-platforms__inner {
    width: min(640px, 100%);
  }

  .tm-platforms .tm-platforms__title {
    margin-bottom: 45px;
    font-size: 38px;
    line-height: 46.74px;
  }

  .tm-platforms__list {
    gap: 30px;
  }

  .tm-platforms__item {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 20px;
  }

  .tm-platforms__heading {
    font-size: 22px;
    line-height: 29.7px;
  }

  .tm-platforms__body {
    font-size: 16px;
    line-height: 24.8px;
  }

  .tm-community__inner {
    width: min(640px, 100%);
    row-gap: 50px;
  }

  .tm-community__copy,
  .tm-community__visual {
    width: 640px;
    padding-top: 0;
  }

  .tm-community__copy .tm-community__title {
    width: 600px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-community__copy .tm-community__lead {
    width: 600px;
    font-size: 22px;
    line-height: 33px;
  }

  .tm-community__features {
    grid-template-columns: repeat(2, 320px);
    width: 640px;
    margin-top: 40px;
  }

  .tm-community__feature {
    grid-template-columns: 20px 245px;
  }

  .tm-community__feature-title {
    font-size: 18px;
    line-height: 24.3px;
  }

  .tm-community__copy .tm-community__feature-text {
    font-size: 16px;
    line-height: 24.8px;
  }

  .tm-community__button {
    width: 239.5px;
    min-width: 239.5px;
    margin-top: 35px;
  }

  .tm-how {
    padding: 90px 0 105px;
  }

  .tm-how__inner {
    width: min(640px, 100%);
  }

  .tm-how .tm-how__title {
    margin-bottom: 45px;
    font-size: 38px;
    line-height: 46.74px;
  }

  .tm-how__item {
    width: 600px;
    min-height: 168.8px;
  }

  .tm-how__item--last {
    min-height: 165.8px;
  }

  .tm-how__main {
    width: 600px;
  }

  .tm-how__track {
    left: 299px;
  }

  .tm-how__item--first .tm-how__track {
    top: 10px;
    height: 158.8px;
  }

  .tm-how__item--middle .tm-how__track {
    top: 0;
    height: 168.8px;
  }

  .tm-how__item--last .tm-how__track {
    top: 0;
    height: 10px;
  }

  .tm-how__dot {
    left: 275.4px;
  }

  .tm-how__number {
    font-size: 18px;
    line-height: 24.3px;
  }

  .tm-how__content {
    width: 300px;
  }

  .tm-how__item--left .tm-how__copy {
    width: 244px;
  }

  .tm-how__item--right .tm-how__content {
    padding-left: 56px;
  }

  .tm-how__item--right .tm-how__copy {
    width: 244px;
  }

  .tm-how__copy h3 {
    font-size: 20px;
    line-height: 27px;
  }

  .tm-how__copy p {
    font-size: 14px;
    line-height: 21.7px;
  }

  .tm-how__grid,
  .tm-why__grid,
  .tm-pricing__grid,
  .tm-platforms__grid {
    grid-template-columns: 1fr;
  }

  .tm-contact__inner,
  .tm-cookie {
  margin-right: 100px;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .tm-about__inner {
    min-height: 480px;
  }

  .tm-about__copy {
    padding: 0 20px;
  }

  .tm-header__inner {
    min-height: 72px;
  }

  .tm-logo {
    width: 132px;
  }

  .tm-hero__copy h1,
  .tm-about__copy h2,
  .tm-platforms h2,
  .tm-community__copy h2,
  .tm-how h2,
  .tm-why h2,
  .tm-pricing__head h2,
  .tm-faq h2,
  .tm-more-services h2,
    .tm-contact h2 {
    font-size: 38px;
  }

  .tm-hero__inner {
    min-height: 650px;
    height: 650px;
  }

  .tm-hero__copy {
    inset: 0;
  }

  .tm-hero__copy h1 {
    top: 11px;
    left: 1px;
    width: 709px;
    height: 223px;
    font-size: 43px;
    line-height: 43px;
  }

  .tm-hero__copy p {
    top: 229px;
    left: 3px;
    width: 238px;
    height: 76px;
    font-size: 17px;
    line-height: 19px;
  }

  .tm-hero__copy .tm-button {
  white-space: nowrap;
    top: 484px;
    left: 9px;
    width: 200px;
    min-width: 200px;
    height: 55px;
    min-height: 55px;
    padding: 0 24px;
    font-size: 14px;
  }

  .tm-about__copy p,
  .tm-platform-card p,
  .tm-community__copy p,
  .tm-how-card p,
  .tm-why-card p,
  .tm-price-card p,
  .tm-faq-item p,
  .tm-service-card p,
  .tm-pricing__head p,
  .tm-contact p {
    font-size: 15px;
  }

  .tm-hero__image--backdrop {
    top: 109px;
    left: -166px;
    width: 721px;
  }

  .tm-hero__image--phones {
    top: 281px;
    left: 74.7px;
    width: 273.6px;
    height: 210.9px;
  }

  .tm-about__copy h2 {
    font-size: 28px;
    padding-top: 50px;
  }

  .tm-about__copy p {
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: 50px;
  }

  .tm-about__copy .tm-button {
  white-space: nowrap;
    min-height: 60px;
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0 30px;
    font-size: 16px;
  }

  .tm-stats__icon {
    width: 160px;
    height: 160px;
  }

  .tm-platforms__inner {
    width: min(360px, 100%);
  }

  .tm-platforms .tm-platforms__title {
    margin-bottom: 45px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-platforms__list {
    gap: 30px;
  }

  .tm-platforms__heading {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 27px;
  }

  .tm-platforms__body {
    font-size: 14px;
    line-height: 20.3px;
  }

  .tm-community__inner {
    width: min(360px, 100%);
    row-gap: 50px;
  }

  .tm-community__copy,
  .tm-community__visual {
    width: 360px;
  }

  .tm-community__copy .tm-community__title {
    width: 320px;
    font-size: 26px;
    line-height: 31.98px;
  }

  .tm-community__copy .tm-community__lead {
    width: 320px;
    font-size: 20px;
    line-height: 28px;
  }

  .tm-community__features {
    grid-template-columns: 1fr;
    width: 360px;
    margin-top: 40px;
    gap: 30px;
  }

  .tm-community__feature {
    grid-template-columns: 20px 285px;
  }

  .tm-community__feature-title {
    font-size: 16px;
    line-height: 21.6px;
  }

  .tm-community__copy .tm-community__feature-text {
    font-size: 14px;
    line-height: 20.3px;
  }

  .tm-community__button {
    width: 209.5px;
    min-width: 209.5px;
    margin-top: 20px;
  }

  .tm-how {
    padding: 90px 0 105px;
  }

  .tm-how__inner {
    width: min(360px, 100%);
  }

  .tm-how .tm-how__title {
    width: 320px;
    margin-bottom: 45px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-how__item {
    width: 320px;
    min-height: 118.5px;
  }

  .tm-how__item--last {
    min-height: 160.2px;
  }

  .tm-how__main {
    width: 320px;
  }

  .tm-how__track {
    left: 23.6px;
  }

  .tm-how__item--first .tm-how__track {
    top: 10px;
    height: 108.5px;
  }

  .tm-how__item--middle .tm-how__track {
    top: 0;
    height: 118.5px;
  }

  .tm-how__item--last .tm-how__track {
    top: 0;
    height: 10px;
  }

  .tm-how__dot {
    top: 0;
    left: 0;
  }

  .tm-how__number {
    font-size: 16px;
    line-height: 21.6px;
  }

  .tm-how__content {
    top: 0;
    left: 49.2px;
    width: 270.8px;
    height: 100%;
    padding: 2px 0 0 20px;
  }

  .tm-how__item--right .tm-how__content,
  .tm-how__item--left .tm-how__content {
    top: 0;
    left: 49.2px;
    width: 270.8px;
    right: auto;
    padding-left: 20px;
  }

  .tm-how__item--right .tm-how__copy,
  .tm-how__item--left .tm-how__copy {
    width: 250.8px;
  }

  .tm-how__copy h3 {
    font-size: 18px;
    line-height: 24.3px;
  }

  .tm-how__copy p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 17.4px;
  }

  .tm-stats {
    padding: 60px 0 0;
  }

  .tm-stats__shell {
    width: min(360px, 100%);
  }

  .tm-stats__inner {
    width: min(320px, 100%);
    min-height: 481px;
  }

  .tm-stats__text {
    font-size: 20px;
    line-height: 29px;
  }

  .tm-how,
  .tm-why,
  .tm-pricing,
  .tm-faq,
  .tm-more-services {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .tm-platforms {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .tm-community {
    padding-top: 0;
    padding-bottom: 45px;
  }

  .tm-how {
    padding-top: 90px;
    padding-bottom: 105px;
  }

  .tm-community__visual img {
    width: 100%;
  }

  .tm-platform-card,
  .tm-how-card,
  .tm-why-card,
  .tm-price-card,
  .tm-faq-item,
  .tm-service-card {
    padding: 22px;
  }

  .tm-platform-card h3,
  .tm-how-card h3,
  .tm-why-card h3,
  .tm-price-card h3,
  .tm-service-card h3,
  .tm-faq-item h3,
  .tm-community__list h3 {
    font-size: 24px;
  }

  .tm-price-card strong {
    font-size: 42px;
  }

  .tm-cookie {
  margin-right: 100px;
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .tm-assistant {
    right: 16px;
    bottom: 16px;
  }

  .tm-assistant__panel {
    width: min(360px, calc(100vw - 24px));
    bottom: 78px;
  }

  .tm-modal__dialog {
    margin: 18px auto;
    padding: 22px;
  }
}

.tm-why {
  padding: 150px 0;
  background: #000000;
}

.tm-why__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.tm-why .tm-why__title {
  width: 1160px;
  margin: 0 auto 90px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  text-align: center;
}

.tm-why__list {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 0 20px;
  list-style: none;
  box-sizing: border-box;
}

.tm-why__item {
  display: grid;
  grid-template-columns: 55px 665px;
  column-gap: 40px;
  width: 960px;
  padding-left: 200px;
  box-sizing: border-box;
}

.tm-why__item + .tm-why__item {
  margin-top: 55px;
}

.tm-why__icon {
  width: 55px;
  height: 55px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMC40NDkyODggMTQuMjZDNC43NzYzMyAxOS4xOTA4IDkuNDA1MjYgMjMuODE5NyAxMy43MzIzIDI4Ljg1MTJDMTQuMTM0OCAyOS4zNTQzIDE1LjA0MDUgMjkuMTUzIDE1LjM0MjQgMjguNjQ5OUMyMC40NzQ0IDIwLjE5NzEgMjUuNTA1OSAxMS43NDQyIDMwLjQzNjcgMy4wOTAxNUMzMS4xNDExIDEuODgyNiAyOS45MzM2IDAuOTc2OTQxIDI5LjEyODUgMi4xODQ0OUMyNS4wNzUzIDguNDA0NzUgMjIuNTg4NiAxMi4yMDkyIDIwLjczODIgMTUuMDY1MkMxOC4xNzY2IDE5LjAxODcgMTYuODM0MyAyMS4xNTQ2IDE0LjI0MzYgMjUuMzY0OUMxMy44MjMzIDI1LjAwNDMgMTMuNDU5OSAyNC41NTAzIDEzLjA3MTUgMjQuMTU0NkMxMi4wOTcyIDIzLjE2MjIgMTEuMTE1MiAyMi4yMDczIDEwLjEyMTMgMjEuMjc1MkM3LjI2MzcxIDE4LjU5NTMgNC4zMDc1NSAxNi4xMDQyIDEuMTUzNjkgMTMuNDU0OUMwLjc1MTE3NSAxMy4wNTI0IDAuMDQ2NzcyNSAxMy43NTY4IDAuNDQ5Mjg4IDE0LjI2WiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ii8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.tm-why__copy h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
}

.tm-why__copy p {
  width: 665px;
  margin: 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 27.9px;
  font-weight: 300;
}

.tm-pricing {
  padding: 105px 0 150px;
  background: #000000;
}

.tm-pricing__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.tm-pricing__title {
  width: 1160px;
  margin: 0 auto 40px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  text-align: center;
}

.tm-pricing__lead {
  width: 560px;
  margin: 0 auto 105px;
  text-align: center;
}

.tm-pricing__lead-copy {
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.tm-pricing__lead em {
  font-style: italic;
}

.tm-pricing__lead-accent {
  color: #88ff45;
}

.tm-pricing__cards {
  display: flex;
  width: 1170px;
  margin: 0 auto;
}

.tm-pricing-card {
  width: 360px;
  padding: 40px 30px;
  box-sizing: border-box;
  border: 0.8px solid rgb(224, 230, 237);
  border-radius: 9px;
  color: #ffffff;
  text-align: center;
}

.tm-pricing-card:not(:last-child) {
  margin-right: 40px;
}

.tm-pricing-card:nth-child(2) {
  margin-right: 30px;
}

.tm-pricing-card--featured {
  width: 380px;
  padding-top: 55px;
  padding-bottom: 55px;
}

.tm-pricing-card__title {
  margin: 0 0 30px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 22px;
  line-height: 29.7px;
  font-weight: 600;
}

.tm-pricing-card__price {
  display: block;
  margin: 0 0 25px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
}

.tm-pricing-card__meta {
  min-height: 74.4px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24.8px;
  font-weight: 300;
}

.tm-pricing-card__meta span {
  display: block;
}

.tm-pricing-card__button {
  width: 103.09px;
  min-width: 103.09px;
  height: 45px;
  min-height: 45px;
  margin: 30px auto 0;
  padding: 0 30px;
  border-radius: 30px;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 600;
}

@media (max-width: 860px) {
  .tm-why__inner,
  .tm-pricing__inner {
    width: min(640px, 100%);
  }

  .tm-why .tm-why__title {
    width: 600px;
    margin-bottom: 45px;
    font-size: 38px;
    line-height: 46.74px;
  }

  .tm-why__list {
    width: 640px;
    padding-left: 0;
  }

  .tm-why__item {
    grid-template-columns: 50px 530px;
    column-gap: 20px;
    width: 640px;
    padding-left: 20px;
  }

  .tm-why__item + .tm-why__item {
    margin-top: 40px;
  }

  .tm-why__icon {
    width: 50px;
    height: 50px;
  }

  .tm-why__copy h3 {
    font-size: 18px;
    line-height: 24.3px;
  }

  .tm-why__copy p {
    width: 530px;
    font-size: 16px;
    line-height: 24.8px;
  }

  .tm-pricing__title {
    width: 600px;
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 46.74px;
  }

  .tm-pricing__lead {
    width: 560px;
    margin-bottom: 30px;
  }

  .tm-pricing__lead-copy {
    font-size: 20px;
    line-height: 30px;
  }

  .tm-pricing__cards {
    display: block;
    width: 640px;
  }

  .tm-pricing-card,
  .tm-pricing-card--featured {
    width: 640px;
  }

  .tm-pricing-card:not(:last-child),
  .tm-pricing-card:nth-child(2) {
    margin-right: 0;
    margin-bottom: 35px;
  }

  .tm-pricing-card__title {
    font-size: 20px;
    line-height: 27px;
  }

  .tm-pricing-card__price {
    font-size: 38px;
    line-height: 46.74px;
  }

  .tm-pricing-card__meta {
    min-height: 65.1px;
    font-size: 14px;
    line-height: 21.7px;
  }

  .tm-pricing-card__button {
    width: 93.09px;
    min-width: 93.09px;
  }
}

@media (max-width: 640px) {
  .tm-why__inner,
  .tm-pricing__inner {
    width: min(360px, 100%);
  }

  .tm-why .tm-why__title {
    width: 320px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-why__list {
    width: 360px;
  }

  .tm-why__item {
    grid-template-columns: 40px 260px;
    width: 360px;
    padding-left: 20px;
  }

  .tm-why__icon {
    width: 40px;
    height: 40px;
  }

  .tm-why__copy h3 {
    font-size: 16px;
    line-height: 21.6px;
  }

  .tm-why__copy p {
    width: 260px;
    font-size: 14px;
    line-height: 20.3px;
  }

  .tm-pricing__title {
    width: 320px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-pricing__lead {
    width: 320px;
  }

  .tm-pricing__lead-copy {
    font-size: 20px;
    line-height: 28px;
  }

  .tm-pricing__cards {
    width: 360px;
  }

  .tm-pricing-card,
  .tm-pricing-card--featured {
    width: 360px;
  }

  .tm-pricing-card__title {
    font-size: 18px;
    line-height: 24.3px;
  }

  .tm-pricing-card__price {
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-pricing-card__meta {
    min-height: 52.2px;
    font-size: 12px;
    line-height: 17.4px;
  }

  .tm-pricing-card__button {
    width: 83.09px;
    min-width: 83.09px;
    height: 50px;
    min-height: 50px;
  }
}

.tm-contact {
  padding: 75px 0;
  background: #000000;
}

.tm-contact__content {
  width: min(1200px, 100%);
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}

.tm-contact .tm-contact__title {
  width: 960px;
  margin: 0 auto;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 48px;
  line-height: 59.04px;
  font-weight: 600;
  letter-spacing: 0;
}

.tm-contact .tm-contact__descr {
  width: 600px;
  margin: 25px auto 0;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}

.tm-contact__actions {
  margin-top: 70px;
}

.tm-contact__button-wrap {
  position: relative;
  display: table;
  width: 189.2px;
  margin: 0 auto;
}

.tm-contact__arrow-desktop,
.tm-contact__arrow-mobile {
  fill: #c9c9c9;
}

.tm-contact__arrow-desktop {
  position: absolute;
  top: -44px;
  left: -54px;
  width: 45px;
  height: 101.25px;
}

.tm-contact__arrow-mobile {
  display: none;
}

.tm-contact .tm-contact__button {
  width: 189.2px;
  min-width: 189.2px;
  height: 60px;
  min-height: 60px;
  padding: 0 60px;
  border-radius: 100px;
  background: #88ff45;
  color: #000000;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 600;
  box-sizing: border-box;
}

.tm-faq {
  padding: 90px 0 120px;
  background: #000000;
}

.tm-faq__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.tm-faq .tm-faq__title {
  width: 760px;
  margin: 0 auto;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}

.tm-faq__items {
  width: 960px;
  margin: 60px auto 0;
}

.tm-faq__item {
  padding: 40px;
  border: 0.8px solid #ffffff;
  border-radius: 9px;
  background: transparent;
  box-sizing: border-box;
}

.tm-faq__item + .tm-faq__item {
  margin-top: 20px;
}

.tm-faq__question {
  margin-bottom: 20px;
}

.tm-faq__question strong {
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 27.9px;
  font-weight: 700;
}

.tm-faq__answer {
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 27.9px;
  font-weight: 300;
}

@media (max-width: 860px) {
  .tm-contact__content,
  .tm-faq__inner {
    width: min(640px, 100%);
  }

  .tm-contact .tm-contact__title {
    width: 600px;
    font-size: 44px;
    line-height: 54.12px;
  }

  .tm-contact .tm-contact__descr {
    width: 600px;
    font-size: 22px;
    line-height: 33px;
  }

  .tm-contact__actions {
    margin-top: 30px;
  }

  .tm-contact__button-wrap {
    width: 159.2px;
  }

  .tm-contact__arrow-desktop {
    display: none;
  }

  .tm-contact__arrow-mobile {
    display: block;
    width: 20px;
    height: 40px;
    margin: 0 auto 20px;
  }

  .tm-contact .tm-contact__button {
    width: 159.2px;
    min-width: 159.2px;
    padding: 0 45px;
  }

  .tm-faq {
    padding: 90px 0 120px;
  }

  .tm-faq .tm-faq__title {
    width: 600px;
    font-size: 48px;
    line-height: 59.04px;
  }

  .tm-faq__items {
    width: 600px;
  }

  .tm-faq__question strong,
  .tm-faq__answer {
    font-size: 16px;
    line-height: 24.8px;
  }
}

@media (max-width: 640px) {
  .tm-contact__content,
  .tm-faq__inner {
    width: min(360px, 100%);
  }

  .tm-contact .tm-contact__title {
    width: 320px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-contact .tm-contact__descr {
    width: 320px;
    font-size: 20px;
    line-height: 28px;
  }

  .tm-contact__button-wrap {
    width: 320px;
  }

  .tm-contact .tm-contact__button {
    width: 320px;
    min-width: 320px;
    padding: 0 30px;
  }

  .tm-faq {
    padding: 90px 0 120px;
  }

  .tm-faq .tm-faq__title {
    width: 320px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-faq__items {
    width: 320px;
  }

  .tm-faq__item {
    padding: 16px 22px;
  }

  .tm-faq__question {
    margin-bottom: 15px;
  }

  .tm-faq__question strong,
  .tm-faq__answer {
    font-size: 14px;
    line-height: 20.3px;
  }
}

.tm-more-services {
  padding: 135px 0 165px;
  background: #000000;
}

.tm-more-services__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.tm-more-services .tm-more-services__title {
  width: 1160px;
  margin: 0 auto 90px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 51.66px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}

.tm-more-services__list {
  width: 1200px;
  margin: 0 auto;
}

.tm-more-service {
  display: grid;
  grid-template-columns: 460px 460px;
  justify-content: center;
  align-items: center;
  column-gap: 40px;
}

.tm-more-service__media,
.tm-more-service__body {
  width: 460px;
}

.tm-more-service__media img {
  display: block;
  width: 460px;
  height: auto;
}

.tm-more-service__title {
  margin: 0 0 23px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 30px;
  line-height: 35.1px;
  font-weight: 600;
}

.tm-more-service__descr {
  margin: 0 0 30px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 27.9px;
  font-weight: 300;
}

.tm-more-service__button.tm-button {
  white-space: nowrap;
  width: 130.85px;
  min-width: 130.85px;
  height: 45px;
  min-height: 45px;
  padding: 0 30px;
  border-radius: 100px;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 600;
  box-sizing: border-box;
}

.tm-footer {
  padding: 60px 0 75px;
  background: #000000;
  color: #ffffff;
}

.tm-footer__inner {
  display: block;
  width: min(1160px, 100%);
  margin: 0 auto;
}

.tm-footer__nav {
  display: block;
  width: 1160px;
  margin: 0 auto 10px;
  padding-top: 16px;
  box-sizing: border-box;
}

.tm-footer__list {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
  list-style: none;
  text-align: center;
  font-size: 16px;
  line-height: normal;
}

.tm-footer__item {
  display: inline-block;
  padding: 0 15px;
}

.tm-footer__item a {
  display: inline-block;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  text-align: center;
}

.tm-footer__copy {
  width: 1160px;
  margin: 0 auto;
  padding: 40px 0 10px;
  color: #ffffff;
  font-family: "Tilda Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 860px) {
  .tm-more-services__inner {
    width: min(640px, 100%);
  }

  .tm-more-services .tm-more-services__title {
    width: 600px;
    margin-bottom: 45px;
    font-size: 38px;
    line-height: 46.74px;
  }

  .tm-more-services__list {
    width: 640px;
  }

  .tm-more-service {
    grid-template-columns: 1fr;
    row-gap: 34px;
  }

  .tm-more-service__media,
  .tm-more-service__body {
    width: 600px;
    margin: 0 auto;
  }

  .tm-more-service__media img {
    width: 600px;
  }

  .tm-more-service__title {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 32.76px;
  }

  .tm-more-service__descr {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24.8px;
  }

  .tm-more-service__button.tm-button {
  white-space: nowrap;
    width: 120.85px;
    min-width: 120.85px;
    padding: 0 25px;
  }

  .tm-footer__inner,
  .tm-footer__nav,
  .tm-footer__copy {
    width: min(600px, 100%);
  }
}

@media (max-width: 640px) {
  .tm-more-services {
    padding: 90px 0;
  }

  .tm-more-services__inner {
    width: min(360px, 100%);
  }

  .tm-more-services .tm-more-services__title {
    width: 320px;
    font-size: 30px;
    line-height: 36.9px;
  }

  .tm-more-services__list {
    width: 360px;
  }

  .tm-more-service {
    row-gap: 24px;
  }

  .tm-more-service__media,
  .tm-more-service__body {
    width: 320px;
  }

  .tm-more-service__media img {
    width: 320px;
  }

  .tm-more-service__title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 28.08px;
  }

  .tm-more-service__descr {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20.3px;
  }

  .tm-more-service__button.tm-button {
  white-space: nowrap;
    width: 110.85px;
    min-width: 110.85px;
    height: 50px;
    min-height: 50px;
    padding: 0 20px;
  }

  .tm-footer__inner,
  .tm-footer__nav,
  .tm-footer__copy {
    width: min(320px, 100%);
  }

  .tm-footer__item {
    margin-bottom: 20px;
  }
}

.tm-hero {
  contain: layout paint;
}

.tm-hero__visual {
  overflow: hidden;
}

@media (min-width: 700px) and (max-width: 820px) {
  .tm-hero__copy h1 {
    width: 620px;
    height: auto;
  }

  .tm-hero__copy p {
    width: 430px;
  }

  .tm-hero__image--backdrop {
    left: 0;
    width: 960px;
  }

  .tm-hero__image--phones {
    left: 190px;
    width: 520px;
    height: auto;
  }
}

@media (max-width: 420px) {
  .tm-hero__copy h1 {
    left: 4px;
    width: 320px;
    height: auto;
    font-size: 40px;
    line-height: 40px;
  }

  .tm-hero__copy p {
    left: 4px;
    width: 250px;
  }

  .tm-hero__image--backdrop {
    left: -120px;
    width: 600px;
  }

  .tm-hero__image--phones {
    left: 88px;
    width: 248px;
    height: auto;
  }
}

.tm-hero {
  contain: layout paint;
}

.tm-hero__visual {
  overflow: clip;
}

@media (min-width: 700px) and (max-width: 820px) {
  .tm-hero__copy h1 {
    width: 620px;
    height: auto;
  }

  .tm-hero__copy p {
    width: 430px;
  }

  .tm-hero__image--backdrop {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 50%;
  }

  .tm-hero__image--phones {
    left: auto;
    right: 0;
    width: 472px;
    height: auto;
  }
}

@media (max-width: 420px) {
  .tm-hero__copy h1 {
    left: 4px;
    width: 320px;
    height: auto;
    font-size: 40px;
    line-height: 40px;
  }

  .tm-hero__copy p {
    left: 4px;
    width: 250px;
  }

  .tm-hero__image--backdrop {
    top: 109px;
    left: 0;
    width: 100%;
    height: 430px;
    object-fit: cover;
    object-position: 56% 48%;
  }

  .tm-hero__image--phones {
    left: auto;
    right: 0;
    width: 244px;
    height: auto;
  }
}

@media (min-width: 375px) and (max-width: 430px) {
  .tm-page {
    --tm-hero-mobile-shift: calc((100vw - 375px) * 0.5091);
  }

  .tm-cookie {
  margin-right: 100px;
    display: none !important;
  }

  .tm-hero__copy h1 {
    top: 6px;
    left: calc(9px + var(--tm-hero-mobile-shift));
    width: 709px;
    height: auto;
    font-size: 43px;
    line-height: 56px;
  }

  .tm-hero__copy p {
    top: 204px;
    left: calc(10px + var(--tm-hero-mobile-shift));
    width: 238px;
    height: 76px;
    font-size: 17px;
    line-height: 19px;
  }

  .tm-hero__copy .tm-button {
  white-space: nowrap;
    top: 459px;
    left: calc(16px + var(--tm-hero-mobile-shift));
  }

  .tm-hero__image--backdrop {
    top: 84px;
    left: calc(-150px + var(--tm-hero-mobile-shift));
    width: 620px;
    height: auto;
  }

  .tm-hero__image--phones {
    top: 252px;
    left: calc(65px + var(--tm-hero-mobile-shift));
    right: auto;
    width: 300px;
    height: auto;
  }
}

@media (max-width: 860px) {
  .tm-assistant {
    display: none;
  }

  .tm-hero__inner.tm-container {
    width: 100%;
    margin: 0;
  }

  .tm-header {
    border-bottom: 0;
  }

  .tm-header__inner {
    width: min(1840px, calc(100% - 24px));
  }

  .tm-menu-toggle {
    position: relative;
    width: 48px;
    height: 48px;
  }

  .tm-menu-toggle span {
    position: absolute;
    left: 50%;
    width: 30px;
    height: 4px;
    margin: 0;
    transform: translateX(-50%);
    transition: top 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  }

  .tm-menu-toggle span:nth-child(1) {
    top: calc(50% - 10px);
  }

  .tm-menu-toggle span:nth-child(2) {
    top: calc(50% - 1px);
  }

  .tm-menu-toggle span:nth-child(3) {
    top: calc(50% + 8px);
  }

  .tm-menu-toggle[aria-expanded="true"] span:nth-child(1) {
    top: calc(50% - 1px);
    transform: translateX(-50%) rotate(45deg);
  }

  .tm-menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .tm-menu-toggle[aria-expanded="true"] span:nth-child(3) {
    top: calc(50% - 1px);
    transform: translateX(-50%) rotate(-45deg);
  }

  .tm-mobile-menu {
    position: relative;
    inset: auto;
    z-index: auto;
  }

  .tm-mobile-menu__backdrop,
  .tm-mobile-menu__head,
  .tm-mobile-menu__close {
    display: none !important;
  }

  .tm-mobile-menu__panel {
    position: static;
    width: 100%;
    height: auto;
    padding: 0;
    background: #000000;
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .tm-mobile-menu__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    min-height: 190px;
    margin: 0;
    padding: 18px 20px 22px;
  }

  .tm-mobile-menu__nav a {
    color: #ffffff;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
  }
}

@media (max-width: 640px) {
  .tm-hero,
  .tm-stats,
  .tm-platforms,
  .tm-community,
  .tm-how,
  .tm-why,
  .tm-pricing,
  .tm-contact,
  .tm-faq,
  .tm-more-services {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  }

  .tm-about__inner {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .tm-about__visual {
    display: block;
    order: 1;
    width: 100%;
    height: auto;
    overflow: visible;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  }

  .tm-about__visual img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .tm-about__copy {
    order: 2;
    padding: 0 20px;
  }

  .tm-stats__text {
    line-height: 26px;
  }

  .tm-stats__text .tm-stats__space,
  .tm-stats__text strong {
    line-height: 34px;
  }
}

/* Mobile header override */
@media(max-width:768px){
  .tm-header .tm-container .tm-nav{display:none!important}
  .tm-header .tm-container .dashboard-btn{display:none!important}
  .tm-header .lang-switcher{display:flex!important;margin:0!important;gap:3px!important}
  .tm-header .lang-switcher a{padding:3px 7px!important;font-size:10px!important}
}