.top {
  background: var(--color-background, #e9f0f9);
  padding-top: calc(var(--header-height, 140px) + 100px);
  padding-bottom: 75px;
}

.top--dark {
  background: transparent linear-gradient(180deg, #192434 0%, #39485D 100%) 0% 0% no-repeat padding-box;
}

.top__title  {
  line-height: 1.257;
}

.top__text {
  line-height: 1.2666;
  max-width: 950px;
  margin-top: 45px;  
}


@media (max-width: 1000px) {
  .top {
    padding-top: calc(var(--header-height, 140px) + 50px);
    padding-bottom: 36px;
    overflow: hidden;
  }

  .top__title {
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.2;
    hyphens: auto;       
  }

  .top__text {
    letter-spacing: -0.01em;
    line-height: 1.66;
    margin-top: 24px;    
  }

  .top__inner {
    max-width: 600px;
    margin-inline-start: var(--side-padding);
  }
}

@media (max-width: 430px) {
  .top__title {
    font-size: var(--font-size-30);
  }
}