.pop-up__inside-close-button--s2-i1e7strrh,
.pricing__heading-row {display: flex;}



.image__img--s2-it56l79c7,
.image__img--s2-ich0s02to,
.image__img--s2-ixtihww8i,
.image__img--s2-ihmin1mdy,
.image__img--s2-iboleqi9a {object-fit: contain;}



.image__img--s2-i5z5ry42u,
.image__img--s2-impig3c02,
.image__img--s2-iigzr5x1d {object-fit: cover;}













.pop-up__outside-close-button--s2-iu7igd223 {display: none;}




.root--u-i8z5xo3zc {background-size: auto; background-image: linear-gradient(rgba(23, 8, 31, 1) 0%, rgba(23, 8, 31, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; color: rgba(219, 219, 219, 1); display: flex; flex-direction: column; font-size: 1.33vw;}


.guarantee__row {flex-direction: row; align-items: center; display: flex; column-gap: 1.25em;}


.guarantee__image {width: 20.05em; height: 22.56em;}


.guarantee__criterion,
.terms__feature,
.system__feature-a,
.system__feature-b,
.pricing__feature {display: flex; column-gap: 0.31em;}



.guarantee__criteria,
.terms__feature-group,
.system__do-b,
.system__do-a {display: flex; flex-direction: column; row-gap: 0.63em;}



.guarantee__criterion-icon,
.terms__feature-icon,
.system__feature-icon,
.pricing__feature-icon-alt,
.pricing__feature-icon {width: 1.19em; height: 1.19em;}



.guarantee__content,
.approach__content {display: flex; flex-direction: column; align-items: flex-start; row-gap: 3.13em; width: 41.35em;}



.guarantee__criteria-block,
.footer__menu-col {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.94em;}



.guarantee__note {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.63em; margin-top: 0.94em;}


.pricing__content {flex-direction: column; align-items: flex-start; display: flex; column-gap: 1.88em;}


.pricing__cards-wrap {flex-direction: column; align-items: flex-start; justify-content: space-between; display: flex;}


.pricing__cards,
.team__card,
.pain__card {display: flex; column-gap: 1.25em; justify-content: space-around;}



.pricing__note {font-family: "TildaSans Light"; font-size: 0.81em; line-height: 1.47em; font-weight: 300; position: absolute; left: 0px; bottom: 0px;}


.lead-form__content,
.team__content,
.pain__content,
.system__content {display: flex; flex-direction: column; align-items: flex-start; row-gap: 3.13em;}



.lead-form__row {display: flex; align-items: center;}


.lead-form__image {width: 25.69em; height: 18.8em;}


.lead-form__cta-row {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}


.lead-form__col {display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.22em; width: 100%;}


.lead-form__note {font-family: "TildaSans Light"; font-size: 0.97em; line-height: 1.31em; font-weight: 600;}


.approach__button {width: 235px;}


.approach__row {display: flex; flex-direction: row; align-items: flex-start; column-gap: 1.25em;}




.approach__image,
.hero__image {width: 20.05em; height: 20.05em;}



.team__cards,
.terms__months,
.terms__month,
.pain__cards,
.system__card-col-a,
.system__card-col-b {display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.25em;}



.team__feature,
.system__fact-head {display: flex; align-items: center; column-gap: 0.63em;}





.team__feature-icon {width: 1.88em; height: 1.88em;}




.team__item {padding-left: 1.88em; padding-right: 1.88em; padding-top: 1.88em; padding-bottom: 1.88em; display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.25em; width: 100%; height: 11.9em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 0.6); border-left-color: rgba(255, 255, 255, 0.6); border-right-color: rgba(255, 255, 255, 0.6); border-bottom-color: rgba(255, 255, 255, 0.6);}


.team__feature-title,
.pain__card-title {font-family: "Comfortaa Bold"; font-weight: 700; font-size: 1.13em; line-height: 100%; letter-spacing: 0px; color: rgba(202, 251, 0, 1);}



.terms__features,
.system__fact,
.footer__contacts-info {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.63em;}











.terms__intro {display: flex; flex-direction: column; justify-content: flex-end; row-gap: 0.63em;}


.terms__row {display: flex; flex-direction: row; align-items: flex-start; column-gap: 0.94em;}




.terms__month-badge {width: auto; height: auto;}


.terms__month-list,
.system__card-body-a,
.system__card-body-b,
.footer__contacts,
.footer__cta-col {display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.88em;}



.terms__month-item {padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.25em;}


.terms__feature-text,
.system__feature-text-a,
.system__feature-text-b,
.footer__cta-text {width: 100%;}





.hero__action,
.lead-form__embed,
.lead-form__embed-wrap {width: auto;}









.hero__content {display: flex; flex-direction: column; align-items: flex-start; row-gap: 2.5em;}












.pain__card-inner {padding-left: 1.88em; padding-right: 1.88em; padding-top: 1.88em; padding-bottom: 1.88em; display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.25em; width: 100%; height: 11.5em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 0.6); border-left-color: rgba(255, 255, 255, 0.6); border-right-color: rgba(255, 255, 255, 0.6); border-bottom-color: rgba(255, 255, 255, 0.6);}








.system__role-tag {width: 7.52em; height: 1.88em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; background-size: auto; background-image: linear-gradient(rgba(219, 219, 219, 1) 0%, rgba(219, 219, 219, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; padding-left: 0.63em; padding-right: 0.63em; padding-top: 0.31em; padding-bottom: 0.31em; display: flex; justify-content: center; align-items: center;}




.system__feature-first {display: flex; column-gap: 0.3em;}


.system__roles-tags {display: flex; column-gap: 0.63em; align-items: center; justify-content: flex-end;}


.system__roles {display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.57em;}


.system__illustration-a,
.system__illustration-b {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 18.05em;}



.system__role-tag-auto {width: auto; height: 1.88em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; background-size: auto; background-image: linear-gradient(rgba(219, 219, 219, 1) 0%, rgba(219, 219, 219, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; padding-left: 0.63em; padding-right: 0.63em; padding-top: 0.31em; padding-bottom: 0.31em; display: flex; justify-content: center; align-items: center;}


















.system__card,
.system__tag-plain {background-size: auto; background-image: linear-gradient(rgba(52, 18, 70, 0.4) 0%, rgba(52, 18, 70, 0.4) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; height: auto; padding-left: 1.88em; padding-right: 1.88em; padding-top: 1.88em; padding-bottom: 1.88em; flex-direction: row; align-items: flex-start; display: flex; column-gap: 1.25em;}





.system__cards {display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.25em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em;}


.system__role-tag-sm {width: 3.76em; height: 1.88em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; background-size: auto; background-image: linear-gradient(rgba(219, 219, 219, 1) 0%, rgba(219, 219, 219, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; padding-left: 0.63em; padding-right: 0.63em; padding-top: 0.31em; padding-bottom: 0.31em; display: flex; justify-content: center; align-items: center;}




.system__illus-img-c {width: 21.3em; height: 11.28em; position: absolute; left: 0px; top: 0px; z-index: 1;}




.system__illus-img {width: 21.3em; height: 11.28em; bottom: 0px; position: absolute; right: 0px;}


.system__portrait-a {width: 10.34em; height: 14.1em; position: absolute; left: 0px; top: 0px;}


.system__portrait-b {width: 10.34em; height: 14.1em;}


.system__portrait-c {width: 10.34em; height: 14.1em; bottom: 0px; position: absolute; right: 0px;}


.system__illus-img-b {width: 21.3em; height: 11.28em; position: absolute; left: 0px; top: 0px; z-index: 2;}




.system__tag-label {color: rgba(0, 0, 0, 1); font-family: "TildaSans Semibold"; font-size: 1em; line-height: 130%;}




.approach__text {width: 679px;}


.pricing__card {padding-top: 1.88em; padding-bottom: 1.88em; padding-left: 1.88em; padding-right: 1.88em; width: 100%; height: 26.94em; border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgba(219, 219, 219, 0.6); border-left-color: rgba(219, 219, 219, 0.6); border-right-color: rgba(219, 219, 219, 0.6); border-bottom-color: rgba(219, 219, 219, 0.6); border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; display: flex; flex-direction: column; align-items: center; justify-content: space-between; backdrop-filter: blur(20px);}


.pricing__card-name {height: 3.05em;}


.pricing__price {margin-top: 0.63em;}


.pricing__price-value {font-family: "Comfortaa Bold"; font-size: 1.34em; font-weight: 700; line-height: 1.11em; color: rgba(202, 251, 0, 1);}


.pricing__includes {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.63em; margin-top: 1.25em;}


.pricing__includes-label,
.pricing__feature-text-muted,
.pricing__bonus-label {color: rgba(219, 219, 219, 0.6);}



.pricing__features {display: flex; flex-direction: column; row-gap: 0.31em;}








.pricing__feature-crm {display: flex; column-gap: 0.31em; align-items: center;}


.pricing__feature-icon-sm {width: 0.75em; height: 0.75em; margin-left: 0.19em; margin-right: 0.44em;}




.pricing__price-row {margin-top: 0.63em; display: flex; align-items: center; justify-content: space-between;}


.pricing__feature-text-on {color: rgba(219, 219, 219, 1);}




.pricing__bonus-img {width: 5.01em; height: 0.94em;}


.pricing__bg,
.footer__bg-left,
.footer__bg-right {position: absolute; bottom: 0px; width: 100%; height: auto;}



.site-footer {margin-top: 4.7em; margin-bottom: 0px;}






.footer__inner {align-items: flex-start; display: flex; flex-direction: column; padding-bottom: 4.7em;}


.footer__columns {display: flex; align-items: flex-start;}






.footer__logo {width: 7.83em; height: 2.19em;}


.footer__socials {display: flex; align-items: flex-start; column-gap: 0.94em;}


.footer__social-icon {width: auto; height: 1.57em;}




.footer__cta {display: flex; align-items: center; column-gap: 1.88em;}




.footer__menus {display: flex; align-items: flex-start; column-gap: 5.64em;}




.footer__menu-list {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.63em; color: rgba(219, 219, 219, 0.6);}


.footer__nav-column {display: flex; flex-direction: column; align-items: flex-start; width: 50%; row-gap: 2.72em;}


.popup-consult__body,
.popup-order2__body,
.popup-order__body,
.popup-questions__body {display: flex; flex-direction: column; align-items: center; row-gap: 0.63em; justify-content: flex-start;}



.popup-consult__content {background-image: linear-gradient(rgba(23, 8, 31, 1) 0%, rgba(23, 8, 31, 1) 100%); border-top-color: rgba(219, 219, 219, 0.6); border-left-color: rgba(219, 219, 219, 0.6); border-right-color: rgba(219, 219, 219, 0.6); border-bottom-color: rgba(219, 219, 219, 0.6); border-top-left-radius: 1.25em; border-top-right-radius: 1.25em; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em; min-width: auto; min-height: auto; max-height: none; padding-top: 1.88em; padding-bottom: 1.88em; padding-left: 1.88em; padding-right: 1.88em; width: 34.46em; display: flex; flex-direction: column; align-items: center; row-gap: 1.88em;}


.popup__title-consult,
.popup__title {font-family: "Comfortaa Bold"; font-weight: 700; font-size: 1.5em;}















.pricing__price-old {font-family: "Comfortaa Bold"; font-size: 0.97em; font-weight: 700; color: rgba(219, 219, 219, 0.6); text-decoration: line-through;}





@media (max-width: 479px) {

  
.guarantee__row { flex-direction: column; align-items: flex-start; row-gap: 20px; }

  
.guarantee__image { width: 100%; height: 77.19em; }

  
.guarantee__criterion,
.terms__feature,
.system__feature-first,
.system__feature-a,
.pricing__feature,
.pricing__feature-crm {column-gap: 0.91em;}


  
.guarantee__criterion-icon,
.team__feature-icon,
.terms__feature-icon,
.system__feature-icon {width: 3.45em; height: 3.45em;}


  
.guarantee__content,
.approach__content {width: auto;}


  
.guarantee__criteria-block,
.lead-form__col,
.pain__cards,
.system__roles,
.system__cards,
.footer__contacts {row-gap: 3.63em;}


  
.guarantee__note,
.system__card-body-a,
.system__card-col-b,
.footer__menu-col {row-gap: 2.72em;}


  
.pricing__content,
.footer__columns {flex-direction: column; row-gap: 5.45em;}


  
.pricing__cards,
.lead-form__row,
.approach__row,
.team__card,
.pain__card,
.pricing__heading-row {flex-direction: column; row-gap: 3.63em;}


  
.pricing__note,
.terms__month-badge,
.pricing__bg {display: none;}


  

  
.lead-form__image { width: 58.12em; height: 41.77em; }

  
.lead-form__cta-row { justify-content: center; align-items: center; }

  

  
.lead-form__note { font-size: 2.91em; line-height: 130%; }

  

  

  
.approach__image,
.hero__image {width: 100%; height: 69.01em;}


  
.team__feature,


  

  

  
.team__item { width: auto; height: auto; padding-left: 3.63em; padding-right: 3.63em; padding-top: 3.63em; padding-bottom: 3.63em; row-gap: 2.72em; border-top-left-radius: 3.63em; border-top-right-radius: 3.63em; border-bottom-left-radius: 3.63em; border-bottom-right-radius: 3.63em; }

  

  
.terms__row { flex-direction: column; column-gap: 0.91em; row-gap: 5.45em; }

  

  

  
.terms__month-list,
.hero__content,
.pain__content,
.system__content,
.footer__inner,
.footer__cta-col {row-gap: 5.45em;}


  
.terms__month-item,
.system__fact,
.system__do-a,
.footer__contacts-info,
.footer__menu-list,
.popup-order2__body,
.popup-order__body,
.popup-questions__body {row-gap: 1.82em;}


  
.terms__feature-text,
.guarantee__criterion-text,
.hero__action,
.system__feature-text-a,
.pricing__feature-text,
.pricing__feature-text-muted,
.pricing__feature-text-on,
.approach__text {width: 100%;}


  

  

  

  

  

  

  

  

  

  

  

  

  
.pain__card-inner { width: 100%; height: auto; }

  

  
.system__role-tag,
.system__role-tag-auto,
.system__role-tag-sm {height: 5.45em; width: auto; padding-left: 1.82em; padding-right: 1.82em; padding-top: 0.91em; padding-bottom: 0.91em;}


  
.system__card-col-a { row-gap: 15px; }

  

  
.system__roles-tags { flex-wrap: wrap; column-gap: 1.82em; align-items: flex-start; justify-content: space-between; row-gap: 1.82em; }

  

  
.system__illustration-a { height: 38.14em; }

  

  
.system__illustration-b { height: 43.59em; }

  

  

  

  

  

  
.system__card,
.system__tag-plain {flex-direction: column; row-gap: 3.63em; padding-left: 3.63em; padding-right: 3.63em; padding-top: 3.63em; padding-bottom: 3.63em;}


  

  

  

  
.system__illus-img-c,
.system__illus-img,
.system__illus-img-b {width: 45.4em; height: 24.52em;}


  

  

  
.system__portrait-a,
.system__portrait-b,
.system__portrait-c {width: 21.79em; height: 29.97em;}


  

  

  

  

  
.system__tag-label { font-size: 2.91em; }

  
.pricing__card { width: 100%; height: auto; padding-left: 3.63em; padding-right: 3.63em; padding-top: 3.63em; padding-bottom: 3.63em; row-gap: 2.72em; border-top-left-radius: 3.63em; border-top-right-radius: 3.63em; border-bottom-left-radius: 3.63em; border-bottom-right-radius: 3.63em; }

  
.pricing__price-value,
.popup__title-consult {font-size: 4.36em;}


  

  
.pricing__feature-icon-alt { width: 3.45em; height: 3.63em; }

  

  
.pricing__feature-icon { width: 3.63em; height: 3.63em; }

  

  
.pricing__feature-icon-sm { width: 2.72em; height: 2.72em; }

  

  

  
.pricing__bonus-img { width: 14.53em; height: 2.72em; }

  

  

  

  

  

  
.footer__logo { width: 22.7em; height: 6.36em; }

  
.footer__socials { column-gap: 2.72em; }

  
.footer__social-icon { height: 4.54em; }

  

  
.footer__cta { flex-direction: column; row-gap: 1.82em; }

  

  

  
.popup-consult__content { width: 69.01em; row-gap: 3.63em; padding-left: 3.63em; padding-right: 3.63em; padding-top: 3.63em; padding-bottom: 3.63em; }

  
.popup-consult__close { top: -40px; }

  

  
.lead-form__embed-wrap { display: flex; }

  

  
.popup__title { font-size: 4.36em; text-align: center; }

  

  

  
.pricing__price-old { font-size: 3.63em; }

  

  


}




/* Мобайл: в approach__row порядок «заголовок → фото → кнопка».
   Кнопка вложена в approach__content>approach__text; выпрямляем их (display:contents),
   чтобы h2, кнопка и фото стали flex-элементами approach__row, и задаём order. */
@media (max-width: 479px) {
  .approach__content,
  .approach__text { display: contents; }
  .approach__row > .approach__image { order: 1; }
  .approach__button { order: 2; }
}

/* Тарифы: на десктопе колонка-заголовок 1/3, колонка карточек 2/3
   (было 50/50 из-за .div{width:100%}). Карточки становятся шире, все 3
   колонки — заголовок + 2 карточки — равны по 1/3. Мобайл (<480) не трогаем. */
@media (min-width: 480px) {
  .pricing__heading-row > .pricing__cards-wrap { flex: 1 1 0; min-width: 0; }
  .pricing__heading-row > *:last-child { flex: 2 1 0; min-width: 0; }
}