/* Prevent the floating messenger widget from covering service cards. */
#rec1639846243 .t898__btn-text {
  display: none !important;
}

/* Hide obsolete Tilda header links that overlap service cards at some widths. */
html body .tn-elem__16161113831764778122116,
html body .tn-elem__16161113831764778175968000001 {
  display: none !important;
}

@media screen and (max-width: 639px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  /* First screen: calmer type scale and a predictable reading width. */
  #rec1616111383 .hero-fullcycle {
    max-width: calc(100vw - 32px) !important;
    line-height: 1.08 !important;
  }

  #rec1616111383 .hero-fullcycle__title {
    font-size: 31px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.4px !important;
  }

  #rec1616111383 .hero-fullcycle__subtitle {
    display: block !important;
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  /* Legacy Tilda hero actions: keep the two buttons visually identical. */
  #rec1616111383 a[href="#popup:myform2"],
  #rec1616111383 a[href="#popup:myform3"] {
    box-sizing: border-box !important;
    width: min(260px, calc(100vw - 64px)) !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
  }

  /* The two primary actions always share one width, height and rhythm. */
  html body .sibir-benefits-actions {
    padding: 0 16px 42px !important;
  }

  html body .sibir-benefits-actions__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  html body .sibir-benefits-actions a,
  html body .sibir-benefits-actions a.sibir-benefits-actions__exact,
  html body .sibir-benefits-actions a.sibir-benefits-actions__hero {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  /* Keep service cards and the trust widget inside the viewport. */
  html body .sibir-yandex-trust,
  html body .sibir-services,
  html body .sibir-benefits,
  html body .sibir-reviews,
  html body .sibir-faq,
  html body .sibir-business,
  html body .sibir-process {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body .sibir-services h2,
  html body .sibir-benefits h2,
  html body .sibir-reviews__head h2,
  html body .sibir-faq h2,
  html body .sibir-business h2,
  html body .sibir-process h2 {
    font-size: 30px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.4px !important;
  }

  /* Benefits: arrows belong between cards, not on top of them. */
  html body .sibir-benefits__grid {
    display: block !important;
  }

  html body .sibir-benefits .sibir-benefits__grid {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .sibir-benefits__inner {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .sibir-benefit {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    align-items: start !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 16px 34px !important;
    text-align: center !important;
  }

  html body .sibir-benefits .sibir-benefit {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  html body .sibir-flow-icon {
    position: static !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .sibir-benefits .sibir-benefit__sign,
  html body .sibir-benefits .sibir-flow-icon,
  html body .sibir-benefits .sibir-benefit b,
  html body .sibir-benefits .sibir-benefit p {
    grid-column: 1 !important;
    justify-self: center !important;
    position: static !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .sibir-benefit b,
  html body .sibir-benefit p {
    width: 100% !important;
    text-align: center !important;
  }

  html body .sibir-benefits .sibir-benefit p {
    display: block !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    align-self: center !important;
    text-align: center !important;
    text-indent: 0 !important;
  }

  html body .sibir-flow-arrow,
  html body .sibir-benefit:nth-child(2) .sibir-flow-arrow {
    display: none !important;
  }

  html body .sibir-benefit:not(:last-child)::after {
    content: '↓' !important;
    display: block !important;
    width: 100% !important;
    height: 32px !important;
    margin: 22px auto 0 !important;
    color: #1765bb !important;
    font: 600 30px/1 Arial, sans-serif !important;
    text-align: center !important;
  }

  html body .sibir-benefit:last-child .sibir-flow-arrow {
    display: none !important;
  }

  #rec1639846243 {
    right: 12px !important;
    bottom: 12px !important;
  }

  #rec1639846243 .t898__icon-telegram_wrapper,
  #rec1639846243 .t898__icon_fbmessenger_wrapper {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
  }
}