.main-container {
  width: 100%;
  background: #fff;
  padding: 40px 0 0px 0; /* 40px сверху, 20px снизу */
}

  .container-unified {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
  }

  @media (max-width: 992px) {
    .container-unified {
      max-width: 960px;
      padding: 0 20px;
    }
  }

  @media (max-width: 768px) {
    .container-unified {
      max-width: 720px;
      padding: 0 15px;
    }
  }

  @media (max-width: 480px) {
    .container-unified {
      max-width: 100%;
      padding: 0 8px; /* Минимальный отступ! */
    }
    .highlight-text,
    .highlight-right {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .highlight-grid {
      gap: 20px; /* чуть меньше gap между блоками */
    }
    .highlight-stats {
      justify-content: center;
      gap: 10px;
    }
  }

  .highlight-container {
      width: 100%;
      max-width: 1320px;
      margin: 0 auto;
      padding: 0 20px;
      box-sizing: border-box;
    }

    .highlight-grid {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      gap: 40px;
    }

    .highlight-text {
      flex: 0 0 48%;
      min-width: 300px;
    }

    .highlight-right {
      flex: 0 0 48%;
      display: flex;
      align-items: center;
      gap: 40px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .highlight-image {
      flex: 0 0 240px;
      text-align: center;
    }

    .highlight-image img {
      max-width: 220px;
      height: auto;
      border-radius: 20px;
    }

    .highlight-stats {
      display: flex;
      flex-direction: column; /* десктоп - вертикально */
      justify-content: center;
      gap: 30px;
      flex: 0 0 200px;
    }

    .stat-item {
      text-align: center;
    }

    .stat-item .text h4 {
      font-size: 26px;
      font-weight: 700;
      color: #059669;
      margin-bottom: 8px;
    }

    .stat-item .text p {
      font-size: 14px;
      color: #777;
    }

    /* Текст */
    .highlight-text .tag {
      display: inline-block;
      background: #d1fae5;
      color: #059669;
      font-weight: 600;
      font-size: 13px;
      padding: 5px 14px;
      border-radius: 999px;
      margin-bottom: 14px;
    }

    .highlight-text h1 {
      font-size: 24px;
      font-weight: 700;
      color: #111;
      margin-bottom: 14px;
      line-height: 1.2;
    }

    .highlight-text h1 span {
      background: #d1fae5;
      color: #059669;
      padding: 4px 10px;
      border-radius: 8px;
      display: inline-block;
    }

    .highlight-text p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
      margin-bottom: 24px;
    }

    .highlight-text .buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
    }

    .highlight-text .btn {
  display: inline-block;
  padding: 12px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  background-color: #23a65a; /* базовый зеленый */
  color: #fff;
  transition: background-color 0.3s ease;
}

/* Зеленая кнопка */
.highlight-text .btn-green-pr {
  background-color: #23a65a;
}

.highlight-text .btn-green-pr:hover {
  background-color: #1EA958; /* темнее при наведении */
}

/* Жёлтая кнопка */
.highlight-text .btn-yellow {
  background-color: #ffb303;
}

.highlight-text .btn-yellow:hover {
  background-color: #faa732; /* темнее при наведении */
}


    /* Адаптив */
   @media (max-width: 992px) {
  .highlight-grid {
    flex-direction: column;
    text-align: center;
  }

  .highlight-text,
  .highlight-right {
    flex: 1 1 100%;
    text-align: center;
  }

  .highlight-right {
    flex-direction: column;
    align-items: center;
  }

  .highlight-stats {
    flex-direction: row; /* расположение цифр в ряд */
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; /* между цифрами */
    flex: 0 0 auto;
    width: auto;
    margin-top: 20px; /* если нужно немного отделить от картинки */
  }

  .highlight-text .buttons {
    justify-content: center;
    width: 100%;
  }
}


    @media (max-width: 480px) {
      .highlight-image img {
        max-width: 160px;
      }

      .main-container {
      padding-top: 0px;
      padding-bottom: 0px;
    }

      .highlight-stats {
        gap: 10px;
      }

      .stat-item .text h4 {
        font-size: 22px;
      }

      .stat-item .text p {
        font-size: 12px;
      }
    }

    html {
  scroll-behavior: smooth;
}
    .seo-company-section {
      max-width: 960px;
      margin: 0 auto;
    }

    .seo-company-section h1 {
      font-size: 24px;
      font-weight: 700;
      color: #111;
      margin-bottom: 20px;
    }

    .seo-company-section h1 span {
      background: #d1fae5;
      color: #059669;
      padding: 4px 12px;
      border-radius: 8px;
      display: inline-block;
    }

    .seo-company-section p {
      font-size: 14px;
      color: #444;
      line-height: 1.6;
      margin-bottom: 30px;
    }

    .seo-company-section .buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 14px;
    }

    .seo-company-section a {
      display: inline-block;
      padding: 14px 32px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 10px;
      text-decoration: none;
      transition: background 0.3s ease;
    }

    .seo-company-section .btn-green {
      background-color: #26b663;
      color: #fff;
    }

    .seo-company-section .btn-green:hover {
      background-color: #1f8e4d;
    }

    .seo-company-section .btn-orange {
      background-color: #ffb303;
      color: #fff;
    }

    .seo-company-section .btn-orange:hover {
      background-color: #e6a200;
    }

    @media (max-width: 768px) {
      .seo-company-section h2 {
        font-size: 24px;
      }

      .seo-company-section p {
        font-size: 14px;
      }
    }

    .pr-offer-wrapper {
      width: 100%;
      padding: 0;
      background: #fff;
    }

    .pr-offer-inner {
      display: flex;
      gap: 40px;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
    }

    .pr-offer-text {
      width: 50%;
      padding: 0 40px;
    }

    .pr-offer-text .label {
      display: inline-block;
      background: #d1fae5;
      color: #059669;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 999px;
      font-size: 13px;
      margin-bottom: 14px;
    }

    .pr-offer-text h2 {
      font-size: 24px;
      font-weight: 700;
      color: #111;
      margin-bottom: 30px;
    }

    .pr-offer-text h2 span {
      color: #23a65a;
    }

    .pr-offer-item {
      margin-bottom: 24px;
    }

    .pr-offer-item h3 {
      font-size: 20px;
      font-weight: 600;
      color: #222;
      margin-bottom: 6px;
    }

    .pr-offer-item p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
      margin: 0;
    }

    .pr-offer-image {
      width: 50%;
      position: relative;
      text-align: center;
      padding-right: 40px;
    }

    .pr-offer-image img.main-img {
      max-width: 100%;
      border-radius: 20px;
      position: relative;
      z-index: 1;
    }

    .pr-offer-image img.blob {
      position: absolute;
      width: 100px;
      opacity: 0.2;
    }

    .pr-offer-image .blob-top {
      top: -20px;
      left: -20px;
    }

    .pr-offer-image .blob-bottom {
      bottom: -20px;
      right: -20px;
    }

    @media (max-width: 992px) {
      .pr-offer-inner {
        flex-direction: column;
        gap: 40px;
        text-align: center;
      }

      .pr-offer-text,
      .pr-offer-image {
        width: 100%;
        padding: 0 20px;
      }

      .pr-offer-text h2 {
        font-size: 26px;
      }

      .pr-offer-item h3 {
        font-size: 14px;
      }

      .pr-offer-item p {
        font-size: 14px;
      }

      .pr-offer-image img.blob {
        display: none;
      }
    }

     .how-form-section {
          scroll-margin-top: 160px;
        }

  .how-row {
      display: flex;
      flex-wrap: wrap;
      margin-left: -20px;
      margin-right: -20px;
    }

    .how-col {
      width: 100%;
      padding: 20px;
    }

    @media (min-width: 768px) {
      .how-col {
        width: 33.3333%;
      }
    }

    .how-card {
      height: 100%;
      border-radius: 20px;
      padding: 40px 30px;
      text-align: center;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
      transition: all 0.3s ease;
    }

    .how-step {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      height: 64px;
      font-size: 24px;
      font-weight: bold;
      color: #000;
      background-color: #fff;
      border-radius: 50%;
      margin: 0 auto 20px auto;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    }

    .how-card h3 {
      font-size: 20px;
      color: #000;
      font-weight: 700;
      margin-bottom: 15px;
    }

    .how-card p {
      font-size: 14px;
      color: #333;
      line-height: 1.6;
      margin: 0;
    }

    .how-card.bg1 {
      background-color: #F3F4F6; /* Лавандовый */
    }

    .how-card.bg2 {
      background-color: #FEF5E7; /* Светлый лимон */
    }

    .how-card.bg3 {
      background-color: #E1F0FF; /* Мятный лёд */
    }

     .pricing-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    }

    .pricing-table tr:not(.last-row) td {
      border-bottom: 1px dashed #e5e7eb;
    }

    .pricing-table td {
      padding: 20px 14px;
      vertical-align: middle;
    }

    .plan-title {
      width: 140px;
      background: #f9fafb;
      font-weight: 700;
      font-size: 14px;
      color: #111;
      text-align: center;
      vertical-align: middle;
    }

    .plan-price-wrapper {
      width: 110px;
      background: #f9fafb;
      text-align: center;
      vertical-align: middle;
    }

    .plan-price {
      background: #26b663;
      color: #fff;
      padding: 8px 14px;
      border-radius: 8px;
      font-weight: 600;
      display: inline-block;
      font-size: 15px;
      margin-bottom: 4px;
    }

    .plan-period {
      font-size: 12px;
      color: #666;
    }

    .ch-feature {
      display: inline-block;
      background: #f3f4f6;
      padding: 6px 10px;
      font-size: 14px;
      border-radius: 6px;
      color: #333;
      white-space: nowrap;
      margin: 4px 6px 4px 0;
    }

    @media (max-width: 768px) {
      .pricing-table,
      .pricing-table thead,
      .pricing-table tbody,
      .pricing-table th,
      .pricing-table td,
      .pricing-table tr {
        display: block;
        width: 100%;
      }

      .pricing-table tr {
        border: none !important;
        border-radius: 0 !important;
        margin-bottom: 24px;
        box-shadow: none !important;
        background: transparent !important;
        position: relative;
      }

      .pricing-table tr::after {
        content: "";
        display: block;
        width: 90%;
        height: 1px;
        border-bottom: 1px dashed #ccc;
        margin: 12px auto 0 auto;
      }

      .pricing-table tr.last-row::after {
        display: none;
      }

      .pricing-table td {
        padding: 14px;
        text-align: center;
        border: none !important;
      }

      .plan-title,
      .plan-price-wrapper {
        background: #fff !important;
        font-weight: 700;
        box-shadow: none !important;
      }
    }

      .pricing-form-section {
          scroll-margin-top: 190px;
        }

         .results-section {
      max-width: 910px;
      margin: 0 auto;
    }

    .results-section h2 {
      font-size: 24px;
      font-weight: 700;
      color: #111;
      margin-bottom: 20px;
    }

    .results-section h2 span {
      background: #d1fae5;
      color: #059669;
      padding: 4px 12px;
      border-radius: 8px;
      display: inline-block;
    }

    .results-section p {
      font-size: 14px;
      color: #444;
      line-height: 1.6;
      margin-bottom: 30px;
    }

    .results-slider {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
    }

    .swiper {
      border-radius: 12px;
    }

    .swiper-wrapper {
      border-radius: 12px;
    }

    .swiper-slide {
      border-radius: 12px;
      overflow: hidden;
    }

    .swiper-slide img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 12px;
      display: block;
    }

    .swiper-button-next,
    .swiper-button-prev {
      color: #6ee7b7;
      top: 50%;
      width: 44px;
      height: 44px;
      margin-top: -22px;
      z-index: 10;
    }

    .swiper-button-prev {
      left: 10px;
    }

    .swiper-button-next {
      right: 10px;
    }

    .swiper-pagination {
      bottom: 10px !important;
    }

    .swiper-pagination-bullet {
      background: #6ee7b7;
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
      background: #34d399;
    }

    @media (max-width: 768px) {
      .results-section {
        padding: 0 10px;
      }

      .results-section h2 {
        font-size: 24px;
      }

      .results-section p {
        font-size: 15px;
      }

      .swiper-button-next,
      .swiper-button-prev {
        display: none !important;
      }

      .swiper-slide img {
        max-height: 320px;
        border-radius: 12px;
      }
    }

    @media (max-width: 480px) {
      .results-section h2 {
        font-size: 20px;
      }

      .results-section p {
        font-size: 14px;
      }
    }

     .questions-wrapper {
      width: 100%;
      background: #F9FAFB;
      border-radius: 24px;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
      padding: 60px 0;
    }

    .questions-inner {
      max-width: 860px;
      margin: 0 auto;
      padding: 0 30px;
    }

    .questions-title {
      text-align: center;
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 40px;
      color: #111;
    }

    .questions-item {
      background: #fff;
      border-radius: 14px;
      margin-bottom: 14px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
      transition: all 0.3s ease;
    }

    .questions-item input {
      display: none;
    }

    .questions-question {
      display: block;
      padding: 20px 24px;
      font-size: 14px;
      font-weight: 600;
      color: #222;
      cursor: pointer;
      position: relative;
      transition: background 0.2s ease;
    }

    .questions-question::after {
      content: '+';
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 22px;
      color: #999;
      transition: transform 0.3s ease;
    }

    .questions-item input:checked + .questions-question::after {
      content: '–';
      transform: translateY(-50%);
    }

    .questions-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0 24px;
      background: #fff;
    }

    .questions-item input:checked ~ .questions-answer {
      max-height: 400px;
      padding: 20px 24px;
    }

    .questions-answer p {
      margin: 0;
      font-size: 14px;
      color: #444;
      line-height: 1.6;
    }

    @media (max-width: 768px) {
      .questions-wrapper {
        border-radius: 0;
      }

      .questions-inner {
        padding: 0 20px;
      }
    }

    
        .pr-form-section {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  padding: 40px 20px; /* БЫЛО padding: 40px; */
  display: flex;
  gap: 60px;
  align-items: flex-start;
  box-sizing: border-box;
}


        .pr-form-info {
          flex: 1 1 45%;
        }

        .pr-form-info h2 {
          font-size: 24px;
          font-weight: 700;
          margin-bottom: 10px;
          color: #111;
          text-align: left;
          position: relative;
        }

        .pr-form-info h2::after {
          content: '';
          display: block;
          width: 60px;
          height: 4px;
          background: #26b663;
          border-radius: 2px;
          margin-top: 10px;
        }

        .pr-form-info p {
          font-size: 14px;
          color: #555;
          margin-bottom: 20px;
          line-height: 1.6;
        }

        .pr-form-info ul {
          padding-left: 20px;
          margin-top: 10px;
        }

        .pr-form-info ul li {
          font-size: 14px;
          color: #444;
          margin-bottom: 10px;
          list-style: disc;
        }

        .pr-form {
          flex: 1 1 50%;
        }

        .pr-form form {
          display: flex;
          flex-direction: column;
          gap: 20px;
        }

        .pr-form input,
        .pr-form textarea {
          width: 100%;
          padding: 14px 18px;
          font-size: 14px;
          border: 1px solid #ddd;
          border-radius: 8px;
          background-color: #fff;
          box-sizing: border-box;
          transition: border-color 0.3s ease;
        }

        .pr-form input:focus,
        .pr-form textarea:focus {
          border-color: #26b663;
          outline: none;
        }

        .pr-form textarea {
          resize: vertical;
          min-height: 180px;
        }

        .form-group.checkbox-wrapper {
          margin-top: -10px;
          margin-bottom: 10px;
        }

        .pr-form button {
          background-color: #26b663;
          color: #fff;
          padding: 0px 32px;
          font-size: 14px;
          font-weight: 600;
          border: none;
          border-radius: 8px;
          cursor: pointer;
          transition: background 0.3s ease;
          width: fit-content;
        }

        .pr-form button:hover {
          background-color: #1f8e4d;
        }

        @media (max-width: 992px) {
          .pr-form-section {
            flex-direction: column;
            padding: 30px 20px;
          }

          .pr-form-info,
          .pr-form {
            width: 100%;
          }
        }

        .text-danger {
          color: #d9534f;
          font-size: 14px;
        }

        .success-msg {
          background: #d1fae5;
          color: #065f46;
          padding: 12px 20px;
          border-radius: 8px;
          font-size: 14px;
          margin-bottom: 20px;
          text-align: center;
        }

        .contactus {
          scroll-margin-top: 120px;
        }