@media (max-width:1100px) {
  :root {
    --swt2-container:930px
  }

  .swt2-header__nav-list {
    gap:22px
  }

  .swt2-split {
    grid-template-columns:1fr;
    gap:28px
  }

  .swt2-solution-box {
    margin-left:0;
    max-width:none
  }

  .swt2-problem-grid, .swt2-grid--five {
    grid-template-columns:repeat(3, 1fr)
  }

  .swt2-grid--four, .swt2-benefit-grid, .swt2-price-grid, .swt2-case-grid {
    grid-template-columns:repeat(2, 1fr)
  }

  .swt2-service-row {
    grid-template-columns:170px 1fr 1fr
  }

  .swt2-service-row__fit, .swt2-service-row__action {
    grid-column:auto
  }

  .swt2-growth-strip, .swt2-benefit-strip, .swt2-result-strip, .swt2-contact-methods {
    grid-template-columns:repeat(2, 1fr)
  }

  .swt2-process-row {
    grid-template-columns:70px 1fr 1fr
  }

  .swt2-process-row__action {
    grid-column:2/4
  }

  .swt2-footer__inner {
    grid-template-columns:1fr 1fr 1fr
  }

  .swt2-final-cta__inner {
    grid-template-columns:150px 1fr
  }

  .swt2-final-cta__actions {
    grid-column:2
  }

  .swt2-contact-layout, .swt2-featured-case, .swt2-faq-page-layout {
    grid-template-columns:1fr
  }

  .swt2-service-hero__stats {
    position:static;
    width:auto;
    margin-top:30px;
    border-radius:12px
  }

  .swt2-faq-visual {
    display:none
  }
}

@media (max-width:860px) {
  :root {
    --swt2-header:64px
  }

  .container {
    width:min(100% - 28px, var(--swt2-container))
  }

  .section {
    padding:24px 0
  }

  .swt2-header__nav, .swt2-header__actions .button {
    display:none
  }

  .swt2-header__menu-button {
    display:flex
  }

  .swt2-brand {
    font-size:20px
  }

  .swt2-hero {
    padding:34px 0 20px
  }

  .swt2-hero__title {
    font-size:40px
  }

  .swt2-hero__text {
    font-size:16px
  }

  .swt2-hero__metrics {
    grid-template-columns:repeat(2, 1fr)
  }

  .swt2-solution-box {
    padding:16px
  }

  .swt2-solution-box__benefits {
    grid-template-columns:repeat(2, 1fr)
  }

  .swt2-problem-grid, .swt2-grid--three, .swt2-grid--four, .swt2-grid--five, .swt2-benefit-grid, .swt2-price-grid, .swt2-case-grid {
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    padding-bottom:6px
  }

  .swt2-problem-grid>* , .swt2-grid--three>* , .swt2-grid--four>* , .swt2-grid--five>* , .swt2-benefit-grid>* , .swt2-price-grid>* , .swt2-case-grid>* {
    flex:0 0 270px;
    scroll-snap-align:start
  }

  .swt2-service-row {
    grid-template-columns:1fr;
    padding:16px
  }

  .swt2-choice-grid, .swt2-time-cards, .swt2-contact-methods {
    grid-template-columns:1fr
  }

  .swt2-process-line {
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory
  }

  .swt2-process-line::before {
    display:none
  }

  .swt2-process-line__item {
    flex:0 0 150px;
    scroll-snap-align:start
  }

  .swt2-process-row {
    grid-template-columns:1fr;
    gap:10px
  }

  .swt2-process-row__action {
    grid-column:auto
  }

  .swt2-after-launch, .swt2-before-after {
    grid-template-columns:1fr
  }

  .swt2-after-launch__arrow, .swt2-before-after__arrow {
    transform:rotate(90deg)
  }

  .swt2-contact-steps__item {
    grid-template-columns:44px 48px 1fr
  }

  .swt2-footer__inner {
    grid-template-columns:1fr 1fr;
    gap:22px
  }

  .swt2-footer__bottom {
    flex-direction:column
  }

  .swt2-final-cta__inner {
    grid-template-columns:1fr;
    text-align:center
  }

  .swt2-final-cta__visual {
    display:none
  }

  .swt2-final-cta__actions {
    grid-column:auto
  }

  .swt2-final-cta__actions .button {
    width:100%
  }

  .swt2-modal__grid, .swt2-form__grid {
    grid-template-columns:1fr
  }

  .swt2-modal__field--full, .swt2-form__field--full {
    grid-column:auto
  }

  .swt2-mobile-nav__link {
    font-size:23px
  }

  .swt2-screen-gallery__item {
    flex-basis:190px
  }
}

@media (max-width:560px) {
  .swt2-hero__title {
    font-size:34px
  }

  .swt2-hero__actions .button {
    width:100%
  }

  .swt2-hero__metrics {
    grid-template-columns:1fr 1fr;
    gap:12px
  }

  .swt2-problem-grid>*, .swt2-grid--three>*, .swt2-grid--four>*, .swt2-grid--five>*, .swt2-benefit-grid>*, .swt2-price-grid>*, .swt2-case-grid>* {
    flex-basis:250px
  }

  .swt2-growth-strip, .swt2-benefit-strip, .swt2-result-strip {
    grid-template-columns:1fr
  }

  .swt2-faq__grid {
    grid-template-columns:1fr
  }

  .swt2-footer__inner {
    grid-template-columns:1fr
  }

  .swt2-header__brand {
    font-size:19px
  }

  .swt2-mobile-nav__panel {
    padding:30px 18px
  }

  .swt2-mobile-nav__link {
    grid-template-columns:42px 1fr 18px;
    min-height:62px;
    font-size:21px
  }

  .swt2-mobile-nav__cta .button {
    height:60px;
    font-size:16px
  }

  .swt2-browser-shot {
    min-height:270px
  }

  .swt2-browser-shot__title {
    font-size:27px
  }

  .swt2-featured-case__metrics {
    grid-template-columns:1fr
  }

  .swt2-price-card {
    min-height:260px
  }

  .swt2-floating-chat {
    right:16px;
    bottom:16px
  }

  .swt2-floating-chat__button {
    width:58px;
    height:58px
  }
}