@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&display=swap');


/* =============================================================
   Amritex case page — BEM + fluid/responsive sizes
   Base design: 1440px viewport
   Formula: px / 14.4 = vw  |  px / 1440 * 100 = %
   ============================================================= */

/* --- Переменные -------------------------------------------- */


:root {
  --color-bg-hero:        #c6f5c0;
  --color-bg-page:        #fff;
  --color-text-dark:      #2d3930;
  --color-text-black:     #000;
  --color-text-muted:     #868484;
  --color-text-light:     #fff;
  --color-border-muted:   rgba(168, 187, 221, 0.53);
  --color-card-bg:        #eee;
  --color-card-blue:      rgba(168, 187, 221, 0.53);
  --color-btn-primary:    #0b3ea5;
  --color-btn-hover:      #3063cc;
  --color-accent-green:   #69ad72;
  --color-swatch-dkgreen: #1c5a1f;
  --color-swatch-ltgreen: #e2f4e5;
  --color-stats-num:      #868484;

  --font-montserrat: Montserrat, sans-serif;
  --font-inter:      Inter, sans-serif;
  --font-lato:       Lato, sans-serif;
  --font-garamond:   'EB Garamond', serif;

  --radius-card:   20px;
  --radius-card-sm: 18.4px;
  --radius-pill:   35px;
  --radius-proto:  24px;

  /* fluid font sizes — clamp(min, vw, max) */
  --fs-96:   clamp(29px, 6.67vw, 96px);
  --fs-48:   clamp(24px, 3.33vw, 48px);
  --fs-44:   clamp(24px, 3.03vw, 43.6px);
  --fs-40:   clamp(22px, 2.78vw, 40px);
  --fs-32:   clamp(19px, 2.22vw, 32px);
  --fs-29:   clamp(17px, 2.01vw, 29px);
  --fs-24:   clamp(15px, 1.67vw, 24px);
  --fs-23:   clamp(14px, 1.61vw, 23.2px);
  --fs-18:   clamp(13px, 1.25vw, 18px);
  --fs-16:   clamp(12px, 1.11vw, 16px);
  --fs-15:   clamp(11px, 1.04vw, 15px);
}

/* --- Сброс -------------------------------------------------- */
body {
  margin: 0;
  line-height: normal;
}

.amritex-page {
    font-family: 'Montserrat';
    color: #000;
    background-color: #fff;
}

/* =============================================================
   HERO — секция-обложка
   ============================================================= */

.amritex-hero {
  background-color: var(--color-bg-hero);
  overflow: hidden;
  font-family: var(--font-montserrat);
  color: var(--color-text-dark);
}

.amritex-hero__container {
  width: 100%;
  padding: 38px 0;
  box-sizing: border-box;
  aspect-ratio: 1440 / 1016;
  position: relative;
}

@media (min-width: 1600px) {
  .amritex-hero__container { aspect-ratio: 1440 / 940; }
}

.amritex-hero__wrap {
  display: flex;
  height: 100%;
  justify-content: space-between;
  gap: 40px;
}

/* LEFT */
.amritex-hero__left {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 40px;
}

.amritex-hero__logo {
  margin-bottom: 2vw;
}

.amritex-hero__logo img {
  width: 14vw;
  max-width: 200px;
  height: auto;
}

.amritex-hero__title {
  font-size: clamp(24px, 3.05vw, 60px);
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 3vw;
}

.amritex-hero__subtitle {
  font-size: var(--fs-29);
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 3.5vw;
  max-width: 560px;
}

.amritex-hero__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2vw;
  margin-bottom: 4vw;
  max-width: 85%;
}

.amritex-hero__feature {
  cursor: pointer;
  border: 0;
  font-size: clamp(12px, 1.4vw, 28px);
  font-family: var(--font-montserrat);
  color: var(--color-text-dark);
  font-weight: 400;
  text-align: center;
  padding: 0.6vw 0;
  border-radius: 1.42vw;
  background-color: rgba(255, 255, 255, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
}

.amritex-hero__stack-title {
  font-size: clamp(18px, 2.25vw, 48px);
  font-weight: 600;
  margin-bottom: 1vw;
  margin-top: auto;
}

.amritex-hero__stack-bar {
  display: flex;
  align-items: center;
  gap: 1.2vw;
  margin-bottom: 3.5vw;
}

.amritex-hero__stack-figma {
  height: 100px;
  width: auto;
  padding-right: 1.2vw;
  border-right: 1px solid var(--color-text-dark);
}

.amritex-hero__stack-wp {
  height: 95px;
  width: auto;
}

.amritex-hero__tags {
  display: flex;
  align-items: center;
  gap: 2.01vw;
  font-size: clamp(14px, 1.6vw, 32px);
  font-weight: 500;
  margin-bottom: 50px;
}

.amritex-hero__tags .dot { opacity: 1; }

.amritex-hero__wheat-decor {
  position: absolute;
  bottom: 0;
  left: 45%;
  transform: translateX(-50%);
  width: 35%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  z-index: 2;
}

/* RIGHT */
.amritex-hero__right {
  width: 55%;
  position: relative;
}

.amritex-hero__mockup {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: top left;
  border-radius: var(--radius-proto);
}

@media (min-width: 1200px) {
  .amritex-hero__mockup {
    position: absolute;
    bottom: 0;
  }
}

/* --- Адаптив hero --- */

@media (max-width: 1440px) {
  .amritex-hero__container {
    aspect-ratio: 1440 / 1100;
  }
}

@media (max-width: 1200px) {
  .amritex-hero__container {
    aspect-ratio: auto;
    padding-bottom: 40px;
  }
}

@media (max-width: 1024px) {
  .amritex-hero__wrap {
    flex-direction: column;
  }
  .amritex-hero__left {
    width: 100%;
    padding-bottom: 20px;
  }
  .amritex-hero__right {
    width: 100%;
  }
  .amritex-hero__wheat-decor {
    display: none;
  }
  .amritex-hero__title {
    font-size: 36px;
  }
  .amritex-hero__subtitle {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .amritex-hero__container {
    padding: 24px 5% 0;
  }
  .amritex-hero__title {
    font-size: 28px;
  }
  .amritex-hero__subtitle {
    font-size: 18px;
  }
  .amritex-hero__features {
    gap: 10px;
  }
  .amritex-hero__feature {
    font-size: 13px;
    padding: 10px 12px;
  }
  .amritex-hero__tags {
    font-size: 16px;
  }
  .amritex-hero__stack-figma,
  .amritex-hero__stack-wp {
    height: auto;
  }
}

@media (max-width: 480px) {
  .amritex-hero__container {
    padding: 20px 4% 0;
  }
  .amritex-hero__title {
    font-size: 22px;
  }
  .amritex-hero__subtitle {
    font-size: 14px;
  }
  .amritex-hero__features {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .amritex-hero__tags {
    font-size: 14px;
  }
}

/* =============================================================
   СТРАНИЦА — обёртка
   ============================================================= */
.amritex-page__body {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background-color: var(--color-bg-page);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 0 12.36vw;          /* 178px / 14.4 */
  box-sizing: border-box;
  gap: 3.96vw;                   /* 57px / 14.4 */
  position: relative;
}

/* =============================================================
   INTRO — введение о клиенте
   ============================================================= */
.amritex-intro {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 1.94vw;       /* 50/1440 | 28/14.4 */
  box-sizing: border-box;
  text-align: justify;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
}
.amritex-intro__inner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.39vw;
  max-width: 100%;
}
.amritex-intro__text {
  position: relative;
  display: inline-block;
  max-width: 100%;
  font-size: clamp(16px, calc((24 / 1440) * 100vw), 32px);


}
.amritex-intro__logo {
  width: 32.29%;                 /* 465 / 1440 */
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}

/* =============================================================
   SHOWCASE — что предложили
   ============================================================= */
.amritex-showcase {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 1.71vw;       /* 47/1440 | 24.6/14.4 */
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-showcase__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.86vw;
  max-width: 100%;
}
.amritex-showcase__body {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6vw;
  max-width: 100%;
}
.amritex-showcase__header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 1.81vw;
  box-sizing: border-box;
  gap: 2.15vw;
  max-width: 100%;
  text-align: center;
  font-size: var(--fs-32);
  color: var(--color-text-black);
  font-family: var(--font-montserrat);
}
.amritex-showcase__header-center {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.amritex-showcase__title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  align-self: stretch;
  font-size: clamp(20px, calc((32 / 1440) * 100vw), 40px);
}
.amritex-showcase__subtitle-wrap {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0.35% 0 0.21%;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-24);
  font-family: var(--font-inter);
}
.amritex-showcase__subtitle {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  font-size: clamp(16px, calc((24 / 1440) * 100vw), 32px);
}

/* Ряд карточек */
.amritex-showcase__row {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0.35% 0 0.21%;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
}
.amritex-showcase__cards {
  display: flex;
  align-items: stretch;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

.amritex-showcase__card {
  flex: 1;
  min-width: 280px;
  border-radius: var(--radius-card);
  background-color: var(--color-card-bg);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 20px;
  box-sizing: border-box;
  font-family: var(--font-inter);
  color: var(--color-text-black);
}

.amritex-showcase__left {
  flex: 0 0 44%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.amritex-showcase__card-preview {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  object-fit: cover;
}

.amritex-showcase__card-title {
  margin: 0;
  font-size: clamp(16px, 1.67vw, 24px);
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

.amritex-showcase__card-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: var(--fs-18);
  min-width: 0;
}

.amritex-showcase__card-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.amritex-showcase__bullet-icon {
  width: 24px;
  height: auto;
  flex-shrink: 0;
  margin-top: 3px;
  object-fit: contain;
}

.amritex-showcase__item-text {
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.45;
}

/* Текст admin-карточки */
.amritex-showcase__admin-text {
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.45;
}

/* UX/UI-секция */
.amritex-showcase__ux-section {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0.21%;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
  box-sizing: border-box;
}
.amritex-showcase__ux-banner {
  flex: 1;
  border-radius: var(--radius-card);
  background-color: var(--color-card-blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.29vw 1.74vw;
  gap: 1.39vw;
  max-width: 100%;
  box-sizing: border-box;
}
.amritex-showcase__ux-3d-icons {
  width: 14.86vw;                /* 214 / 14.4 */
  height: 12.74vw;
  position: relative;
}
.amritex-showcase__ux-3d-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 73.5%;
  height: 73.5%;
  object-fit: cover;
}
.amritex-showcase__ui-3d-icon {
  position: absolute;
  top: 26%;
  left: 36.6%;
  width: 63.4%;
  height: 63.4%;
  object-fit: cover;
  z-index: 1;
}
.amritex-showcase__ux-text {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: clamp(20px, calc((24 / 1440) * 100vw), 30px);
}

/* =============================================================
   STATS — проект в цифрах
   ============================================================= */
.amritex-stats {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 2.78vw;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--fs-40);
  color: var(--color-text-black);
  font-family: var(--font-montserrat);
  max-width: 100%;
}
.amritex-stats__inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.53vw;
  max-width: 100%;
  align-items: flex-start;
}
.amritex-stats__layout {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 6.53vw;
}
.amritex-stats__area {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.78vw;
  max-width: 100%;
}
.amritex-stats__title {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: clamp(24px, calc((40 / 1440) * 100vw), 48px);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.amritex-stats__mockup-row {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  row-gap: 1.39vw;
  max-width: 100%;
  font-size: var(--fs-96);
}
.amritex-stats__mockup-img {
  width: 40.14%;                 /* 578 / 1440 */
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
  flex-shrink: 0;
}
.amritex-stats__grid {
  width: 55.07%;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2vw 4vw;
  max-width: 100%;
  flex-shrink: 0;
}

/* Элемент со знаком % */
.amritex-stats__percent-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.32vw;
  font-size: var(--fs-48);
}
.amritex-stats__num-group {
  width: 100%;
  height: 5vw;                /* 114 / 14.4 */
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.amritex-stats__sign-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.81vw 0 0;
}
.amritex-stats__sign {
  margin: 0;
  width: 100%;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  white-space: pre-wrap;
  flex-shrink: 0;
  z-index: 1;
}
.amritex-stats__big-num {
  height: 7.92vw;
  position: relative;
  font-size: var(--fs-96);
  font-size: clamp(36px, calc((80 / 1440) * 100vw), 96px);
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}


/* Элемент без знака */
.amritex-stats__plain-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.32vw;
}
.amritex-stats__plain-num-wrap {
  height: 5vw;
  display: flex;
  align-items: flex-start;
}
.amritex-stats__plain-num {
  margin: 0;
  height: 6vw;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
}
.amritex-stats__item-label {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-inter);
}
.amritex-stats__item-label--alt {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-inter);
}

/* Срок разработки */
.amritex-stats__duration-bar {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.39vw;
  text-align: left;
  font-size: var(--fs-24);
}
.amritex-stats__duration-line {
  height: 2px;
  width: 100%;
  position: relative;
  border-top: 2px solid var(--color-card-blue);
  box-sizing: border-box;
}
.amritex-stats__duration-text {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  flex-shrink: 0;
  font-size: clamp(18px, calc((24 / 1440) * 100vw), 28px);
  width: 100%;
  margin-bottom: 10px;
}
.amritex-stats__duration-span {
  font-weight: 500;
}

/* =============================================================
   CTA + STAGES
   ============================================================= */
.amritex-cta-stages {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.54vw;
  max-width: 100%;
}
.amritex-cta {
  align-self: stretch;
  border-radius: var(--radius-pill);
  background-color: transparent;
  border: 2px solid var(--color-card-blue);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.99vw 1.39vw;
  text-align: left;
  font-size: var(--fs-40);
  color: var(--color-text-black);
  font-family: var(--font-montserrat);
  max-width: 100%;
}
.amritex-cta__inner {
  display: flex;
  align-items: center;
  gap: 3.54vw;
  max-width: 100%;
}
.amritex-cta__title {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
}
.amritex-cta__btn {
  cursor: pointer;
  border: 0;
  padding: 2.08vw 3.33vw;
  background-color: var(--color-btn-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.69vw;
}
.amritex-cta__btn:hover {
  background-color: var(--color-btn-hover);
}
.amritex-cta__btn-label {
  position: relative;
  font-size: var(--fs-16);
  font-size: clamp(16px, calc((20 / 1440) * 100vw), 24px);
  letter-spacing: -0.05em;
  line-height: 150%;
  font-weight: 500;
  font-family: var(--font-inter);
  color: #e7e7e7;
  text-align: left;
}
.amritex-cta__btn-arrow {
  height: 1.6vw;
  width: 2.01vw;
  position: relative;
}

/* Этапы */
.amritex-stages-wrap {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2.64vw;
  max-width: 100%;
}
.amritex-stages {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
  gap: 2.78vw;
  position: relative;
}
.amritex-stages__title {
  margin: 0;
  align-self: stretch;
  font-size: clamp(24px, calc((40 / 1440) * 100vw), 52px);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  z-index: 0;
  position: relative;
}
.amritex-stages__grid {
  width: 80.9%;                  /* 1165 / 1440 */
  flex: 1;
  display: flex;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
  gap: 2.59vw;
}

/* Линии-соединители */
.amritex-stages__line {
  height: 3px;
  position: absolute;
  margin: 0 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
.amritex-stages__line--1 {
  width: 89.87%;
  top: 8.13vw;
  left: 22.41%;
  border-top: 3px dashed #cec8c8;
}
.amritex-stages__line--2 {
  width: 82.83%;
  top: 25.76vw;
  left: -12.07%;
  background-color: #d9d9d9;
}
.amritex-stages__line--3 {
  width: 128.59%;
  top: 46.11vw;
  background-color: #d9d9d9;
}

/* Фоновый SVG (скрытый) */
.amritex-stages__grid-bg { display: none; }

/* Колонка этапов */
.amritex-stages__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.85vw;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-18);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}

/* Карточка этапа */
.amritex-stages__card {
  border-radius: var(--radius-card);
  background-color: var(--color-card-bg);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.56vw 0 1.74vw;
  gap: 1.18vw;
  z-index: 1;
}
.amritex-stages__card--ui {
  padding: 12.99vw 0.83vw 1.74vw;
}
.amritex-stages__card--testing {
  flex-direction: column;
  align-items: flex-end;
  padding: 1.04vw 1.11vw 1.74vw 0.9vw;
  gap: 0.69vw;
  z-index: 2;
  font-family: var(--font-lato);
}
.amritex-stages__card-bg-img { display: none; }
.amritex-stages__card-icon-wrap {
  width: 25.24vw;                /* 363.5 / 14.4 */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 1.46vw;
  box-sizing: border-box;
  flex-shrink: 0;
}
.amritex-stages__card-icon {
  width: 11.25vw;                /* 162 / 14.4 */
  position: relative;
  max-height: 100%;
  object-fit: cover;
  z-index: 2;
}
.amritex-stages__card-label {
  width: 25.21vw;
  position: relative;
  display: inline-block;
  z-index: 2;
  flex-shrink: 0;
  font-size: clamp(18px, calc((24 / 1440) * 100vw), 28px);
}

/* Overlay-карточки */
.amritex-stages__card-overlay {
  width: 25.21vw;
  height: 16.25vw;               /* 234 / 14.4 */
  position: relative;
  border-radius: var(--radius-card);
  background-color: var(--color-card-bg);
  z-index: 1;
}
.amritex-stages__card-overlay .amritex-stages__card-bg-img { display: none; }
.amritex-stages__card-overlay-label {
  position: absolute;
  top: 11.88vw;
  left: 2.74vw;
  z-index: 2;
}
.amritex-stages__card-overlay .amritex-stages__card-icon {
  position: absolute;
  top: 1.04vw;
  left: 7.01vw;
  width: 11.25vw;
  height: 11.25vw;
  z-index: 3;
}
.amritex-stages__spacer { display: none; }

/* Двойная метка тестирования */
.amritex-stages__card-labels {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
.amritex-stages__card-label--stacked {
  position: relative;
  display: inline-block;
  z-index: 4;
  margin-left: -23.19vw;
}
.amritex-stages__card--testing .amritex-stages__card-icon-wrap {
  width: 23.19vw;
  flex-shrink: 0;
}

/* UI-декор */
.amritex-stages__ui-decor {
  width: 9.42vw;
  margin: 0 !important;
  max-height: 100%;
  object-fit: cover;
  z-index: 2;
}

/* Запуск */
.amritex-stages__launch-row {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 33.89% 0 33.96%;   /* 488/1440 | 489/1440 */
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-18);
  font-family: var(--font-inter);
}
.amritex-stages__launch-card {
  height: 16.25vw;
  flex: 1;
  position: relative;
  border-radius: var(--radius-card);
  background-color: var(--color-card-bg);
  max-width: 100%;
}
.amritex-stages__launch-label {
  position: absolute;
  top: 11.88vw;
  left: 0.9vw;
  z-index: 1;
}
.amritex-stages__launch-icon {
  position: absolute;
  top: 1.04vw;
  left: 7.64vw;
  width: 11.25vw;
  height: 11.25vw;
  object-fit: cover;
  z-index: 2;
}

/* =============================================================
   ANALYTICS
   ============================================================= */
.amritex-analytics {
  width: 97.99%;                 /* 1411 / 1440 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 5.42vw 1.39vw;
  box-sizing: border-box;
  gap: 3.96vw;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
}
.amritex-analytics__main {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.07vw;
  max-width: 100%;
  box-sizing: border-box;
}
.amritex-analytics__worked {
  flex: 1;
  display: flex;
  align-items: flex-start;
  row-gap: 1.39vw;
  max-width: 100%;
}
.amritex-analytics__approach {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.01vw;
  min-width: 35%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-96);
  color: var(--color-stats-num);
  font-family: var(--font-lato);
  max-width: 100%;
}

/* Нумерованный заголовок секции */
.amritex-analytics__num-header {
  width: 33.47%;                 /* 482 / 1440 */
  height: 7.5vw;
  display: flex;
  align-items: flex-end;
  padding: 0 1.39vw 0 0;
  box-sizing: border-box;
  gap: 4.86vw;
  max-width: 100%;
}
.amritex-analytics__section-num {
  margin: 0;
  height: 7.5vw;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  position: relative;
}
.amritex-analytics__num-sep {
  height: 7.01vw;
  width: 3px;
  position: relative;
  border-right: 3px solid var(--color-stats-num);
  box-sizing: border-box;
}
.amritex-analytics__section-title {
  margin: 0;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: var(--font-montserrat);
  color: var(--color-text-black);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
}
.amritex-analytics__details {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.35vw;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-32);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-analytics__cjm-block {
  height: 22.71vw;               /* 327 / 14.4 */
  flex: 1;
  position: relative;
  max-width: 100%;
}
.amritex-analytics__insight {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.amritex-analytics__cjm-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.amritex-analytics__cjm-heading { font-weight: 500; }
.amritex-analytics__cjm-body {
  font-size: var(--fs-24);
  white-space: pre-wrap;
}
.amritex-analytics__cjm-bullet {
  position: absolute;
  top: 4.58vw;
  left: 0;
  width: 1.81vw;
  height: 1.94vw;
  object-fit: cover;
  z-index: 1;
}
.amritex-analytics__cjm-bullet--2 { top: 8.4vw; }
.amritex-analytics__extra-bullets {
  position: absolute;
  top: 14.31vw;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5vw;
}

/* Графики */
.amritex-analytics__chart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.69vw 0 0;
  box-sizing: border-box;
  min-width: 43.26%;
  max-width: 100%;
  margin-left: -0.56vw;
  position: relative;
}
.amritex-analytics__chart-images {
  align-self: stretch;
  height: 34.17vw;               /* 492 / 14.4 */
  position: relative;
  flex-shrink: 0;
}
.amritex-analytics__chart-img { position: absolute; object-fit: cover; z-index: 1; flex-shrink: 0; }
.amritex-analytics__chart-img--1 { top: 12.99vw; left: 0; width: 31.88vw; height: 21.18vw; }
.amritex-analytics__chart-img--2 { top: 8.19vw; left: 12.99vw; width: 32.99vw; height: 22.57vw; z-index: 2; }
.amritex-analytics__chart-img--3 { top: 0; left: 3.33vw; width: 29.79vw; height: 19.86vw; z-index: 3; }

/* Исследования */
.amritex-analytics__research {
  width: 94.3%;                  /* 1358 / 1440 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 1.39vw 1.25vw 0;
  box-sizing: border-box;
  gap: 2.01vw;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
}
.amritex-analytics__findings-head {
  width: 54.31%;
  display: flex;
  align-items: flex-start;
  padding: 0 0.42%;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-analytics__findings-title {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.amritex-analytics__findings-grid {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 2.22vw;
  text-align: center;
  font-size: var(--fs-24);
  max-width: 100%;
}
.amritex-analytics__finding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0.56% 0 0;
  box-sizing: border-box;
  min-width: 22.43%;
  max-width: 100%;
}
.amritex-analytics__finding-card {
  align-self: stretch;
  border-radius: var(--radius-proto);
  border: 1px solid var(--color-card-bg);
  display: flex;
  align-items: flex-start;
  padding: 4.03vw 1.25vw 3.96vw;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-analytics__finding-card-line { display: none; }
.amritex-analytics__finding-text {
  flex: 1;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

/* =============================================================
   PROTOTYPE
   ============================================================= */
.amritex-prototype-wrap {
  display: flex;
  align-items: flex-start;
  padding: 0 0.21%;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-prototype {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.61vw;
  max-width: 100%;
}
.amritex-prototype__content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.32vw;
  max-width: 100%;
}
.amritex-prototype__header {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.21%;
  text-align: left;
  font-size: var(--fs-96);
  color: var(--color-stats-num);
  font-family: var(--font-lato);
  max-width: 100%;
  box-sizing: border-box;
}
.amritex-prototype__inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.53vw;
  max-width: 100%;
}
.amritex-prototype__num-header {
  width: 30%;
  flex: 1;
  display: flex;
  align-items: flex-end;
  padding: 0 1.39vw 0 0;
  gap: 4.86vw;
  max-width: 100%;
  z-index: 2;
  box-sizing: border-box;
}
.amritex-prototype__num-sep {
  height: 7.01vw;
  width: 3px;
  position: relative;
  border-right: 3px solid var(--color-stats-num);
  box-sizing: border-box;
}
.amritex-prototype__section-title {
  margin: 0;
  position: relative;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: var(--font-montserrat);
  color: var(--color-text-black);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}
.amritex-prototype__subtitle-wrap {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.35vw;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-prototype__subtitle {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.amritex-prototype__screens {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  text-align: center;
  font-family: var(--font-inter);
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 50px;
}
.amritex-prototype__screen-col {
  flex: 1;
  display: flex;
  min-width: 0;
}
.amritex-prototype__screen {
  flex: 1;
  border-radius: 16px;
  background-color: var(--color-card-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px 12px 18px;
  gap: 14px;
  box-sizing: border-box;
}
.amritex-prototype__screen-media {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.amritex-prototype__screen-img {
  max-width: 160px;
  max-height: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.amritex-prototype__screen-icon {
  max-width: 100%;
  max-height: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.amritex-prototype__screen-label {
  font-size: clamp(16px, calc((24 / 1440) * 100vw), 24px);
  line-height: 1.4;
  color: var(--color-text-black);
  text-align: center;
  flex-shrink: 0;
}
.amritex-prototype__note {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.56vw;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}

/* Полный мокап прототипа */
.amritex-prototype-full {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 1.67vw;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-prototype-full__img {
  flex: 1;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  position: relative;
  max-width: 100%;
}

/* =============================================================
   DESIGN
   ============================================================= */
.amritex-design {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 3.61% 42.36% 3.33%; /* bottom: 610/1440 */
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  text-align: left;
  font-size: var(--fs-96);
  color: var(--color-stats-num);
  font-family: var(--font-lato);
  max-width: 100%;
}
.amritex-design__intro {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.53vw;
  flex-shrink: 0;
  max-width: 100%;
}
.amritex-design__num-header {
  width: 25.14%;
  flex: 1;
  display: flex;
  align-items: flex-end;
  gap: 4.86vw;
  z-index: 2;
  max-width: 100%;
}
.amritex-design__num-sep {
  height: 7.01vw;
  width: 3px;
  position: relative;
  border-right: 3px solid var(--color-stats-num);
  box-sizing: border-box;
}
.amritex-design__section-title {
  margin: 0;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: var(--font-montserrat);
  color: var(--color-text-black);
  text-align: center;
  position: relative;
  display: inline-block;
}
.amritex-design__concept-wrap {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.35vw;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-design__concept-text {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  max-width: 100%;
  font-family: inherit;
  display: inline-block;
}
.amritex-design__banner {
  width: 100%;
  margin-top: 40px;
}

/* Гайдлайны */
.amritex-design__style-guides {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 2.29vw 0;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
}
.amritex-design__color-scheme {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5.49vw;
  max-width: 100%;
}
.amritex-design__screenshots {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0.14%;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-design__screenshots-inner {
  height: auto;                  /* было 1112px */
  min-height: 77.22vw;
  flex: 1;
  position: relative;
  max-width: 100%;
}
.amritex-design__screenshot-img {
  position: absolute;
  top: 0;
  left: 20.97%;                  /* 302 / 1440 */
  border-radius: 34px;
  width: 71.94%;                 /* 1036 / 1440 */
  height: auto;
  object-fit: cover;
  z-index: 1;
}
.amritex-design__screenshot-decor {
  position: absolute;
  top: 29.61%;
  left: 0;
  width: 90.83%;                 /* 1308 / 1440 */
  height: auto;
  object-fit: cover;
  z-index: 2;
  border-radius: 34px;
}
.amritex-design__scheme-content {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.14%;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-design__standards {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2.29vw;
  max-width: 100%;
}
.amritex-design__colors-desc {
  display: block;
  max-width: 100%;
  color: #000;
  font-size: clamp(18px, calc((24 / 1440) * 100vw), 28px);
}
.amritex-design__fonts-desc {
  display: block;
  max-width: 100%;
  color: #000;
  font-size: clamp(18px, calc((24 / 1440) * 100vw), 28px);
}

/* Палитра */
.amritex-design__palette-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 3vw;
  font-size: var(--fs-16);
  color: var(--color-text-light);
  font-family: var(--font-montserrat);
  max-width: 100%;
}
.amritex-design__palette-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.8vw;
}
.amritex-design__palette-right {
  display: flex;
  flex-direction: column;
  gap: 1.8vw;
  min-width: 280px;
}
.amritex-design__swatches {
  display: flex;
  align-items: flex-start;
  gap: 1.25vw;
  max-width: 100%;
}
.amritex-design__swatch {
  display: flex;
  align-items: flex-start;
  padding: 8vw 2vw;
 }
.amritex-design__swatch--dark-green   {
  background-color: var(--color-swatch-dkgreen);}
.amritex-design__swatch--light-green  {
  background-color: var(--color-swatch-ltgreen);
  color: var(--color-text-black); }
.amritex-design__swatch--medium-green {
  background-color: var(--color-accent-green);
 }
.amritex-design__swatch--white        {
  background-color: #fff;
  border: 1px solid var(--color-text-black);
}
.amritex-design__swatch--black        {
  background-color: var(--color-text-black);
 }
.amritex-design__swatch-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0.28vw 0 0;
  box-sizing: border-box;
  min-width: 5.63%;
  color: var(--color-text-black);
}
.amritex-design__swatch-label {
  position: relative;
  display: inline-block;
  z-index: 1;
  flex-shrink: 0;
}

/* Шрифты */
.amritex-design__fonts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.83vw;
  font-size: var(--fs-48);
  color: var(--color-text-black);
  font-family: var(--font-garamond);
}
.amritex-design__font-name {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 1.08;
  font-weight: 700;
  font-family: inherit;
}
.amritex-design__font-name--garamond {
  font-family: var(--font-garamond);
}
.amritex-design__font-name--montserrat {
  font-size: var(--fs-40);
  font-weight: 400;
  font-family: var(--font-montserrat);
}

/* Фишки дизайна */
.amritex-design__features-wrap {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.43vw;
  max-width: 100%;
}
.amritex-design__features-heading-wrap {
  width: 54.44%;
  display: flex;
  align-items: flex-start;
  padding: 0 0.49% 2.15vw;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-design__features-title {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.amritex-design__features-list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0.21% 2.15vw 0.14%;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  max-width: 100%;
  gap: 1.39vw;
}
.amritex-design__feature {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 2.08vw;
}
.amritex-design__feature-icon {
  width: 4.72vw;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}
.amritex-design__feature-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}
.amritex-design__feature-text {
  margin: 0;
  width: 100%;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

/* =============================================================
   DEV
   ============================================================= */
.amritex-dev {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.51vw;
  font-size: var(--fs-96);
  color: var(--color-stats-num);
  font-family: var(--font-lato);
  max-width: 100%;
}
.amritex-dev__num-header {
  width: 31.25%;
  height: 7.5vw;
  display: flex;
  align-items: flex-end;
  gap: 4.86vw;
  max-width: 100%;
}
.amritex-dev__num-sep {
  height: 7.01vw;
  width: 3px;
  position: relative;
  border-right: 3px solid var(--color-stats-num);
  box-sizing: border-box;
}
.amritex-dev__section-title {
  margin: 0;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: var(--font-montserrat);
  color: var(--color-text-black);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
}
.amritex-dev__subtitle-wrap {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.35vw;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-dev__subtitle {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.amritex-dev__cards-row {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0.28% 0 0.49%;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-dev__cards-grid {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 1.67vw;
  max-width: 100%;
}
.amritex-dev__card {
  flex: 1;
  border-radius: var(--radius-card-sm);
  background-color: var(--color-card-blue);
  display: flex;
  align-items: center;
  gap: 3.06vw;
  min-width: 29.44%;
  max-width: 100%;
}
.amritex-dev__card-bg { display: none; }
.amritex-dev__card-icon {
  width: 20%;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.amritex-dev__card-text-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  min-width: 17.71%;
  max-width: 100%;
}
.amritex-dev__card-text { position: relative; z-index: 1; }
.amritex-dev__backend-heading {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 0.35vw;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
  box-sizing: border-box;
  max-width: 100%;
}

/* =============================================================
   RESULTS
   ============================================================= */
/* === РЕЗУЛЬТАТ НАШЕЙ РАБОТЫ === */
.amritex-results {
  display: flex;
  flex-direction: column;
  gap: 3.68vw;
  padding: 60px 0 0;
  font-family: var(--font-montserrat);
  color: var(--color-text-black);
}
.amritex-results__title-line {
  display: flex;
  align-items: center;
  gap: 3.68vw;
}
.amritex-results__title-line::before,
.amritex-results__title-line::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: var(--color-text-black);
}
.amritex-results__title {
  margin: 0;
  font-size: var(--fs-48);
  font-weight: 700;
  flex-shrink: 0;
}
.amritex-results__block {
  background-color: var(--color-card-blue);
  padding: 3.96vw 0 5.76vw;
}
.amritex-results__subtitle {
  font-size: var(--fs-24);
  font-size: clamp(18px, calc((24 / 1440) * 100vw), 32px);
  font-weight: 400;
  margin: 0 0 2.5vw;
}
.amritex-results__gallery {
  display: flex;
  flex-direction: column;
  gap: 3.47vw;
}
.amritex-results__item img {
  width: 100%;
  border-radius: var(--radius-pill);
  display: block;
  margin-bottom: 0.69vw;
}
.amritex-results__item p {
  font-size: var(--fs-15);
  font-size: clamp(16px, calc((20 / 1440) * 100vw), 24px);
}
.amritex-results__mobile-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3.47vw 3.06vw;
}
.amritex-results__mobile-item {
  flex: 0 0 calc(25% - 2.3vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.69vw;
  text-align: center;
  font-size: clamp(16px, calc((18 / 1440) * 100vw), 22px);
}



.amritex-results__mobile-item img {
  width: 100%;
  border-radius: 15px;
  display: block;
}

/* =============================================================
   SUMMARY
   ============================================================= */
.amritex-summary-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 2.36%;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--fs-96);
  color: var(--color-stats-num);
  font-family: var(--font-lato);
}
.amritex-summary {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.43vw;
  max-width: 100%;
}
.amritex-summary__header-wrap {
  display: flex;
  align-items: flex-start;
  padding: 0 1.74%;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-summary__header {
  width: 26.18%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.39vw;
  max-width: 100%;
}
.amritex-summary__sep {
  height: 7.01vw;
  width: 3px;
  position: relative;
  border-right: 3px solid var(--color-stats-num);
  box-sizing: border-box;
}
.amritex-summary__title {
  margin: 0;
  position: relative;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: var(--font-montserrat);
  color: var(--color-text-black);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}
.amritex-summary__content {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 10.07vw;
  max-width: 100%;
  font-size: var(--fs-24);
  color: var(--color-text-black);
  font-family: var(--font-inter);
}
.amritex-summary__icon {
  flex: 1;
  position: relative;
  border-radius: var(--radius-pill);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-width: 30%;
}
.amritex-summary__text-wrap {
  width: 37.99%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28.61vw 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.amritex-summary__text { position: relative; }

/* =============================================================
   MEDIA QUERIES
   ============================================================= */
@media screen and (max-width: 1350px) {
  .amritex-intro__inner { flex-wrap: wrap; gap: 20px; }
  .amritex-showcase__cards {
     gap: 16px;
        flex-wrap: nowrap;
    }
  .amritex-showcase__card {
    min-width: calc(50% - 8px); gap: 14px; padding: 20px 16px; }
  .amritex-stats__mockup-row { flex-wrap: wrap; justify-content: center; }
  .amritex-stats__grid, .amritex-stats__mockup-img { flex: 1; min-width: 280px; }
  .amritex-stages__launch-row { padding-left: 17%; padding-right: 17%; }
  .amritex-analytics { padding-bottom: 3.54vw; }
  .amritex-design__palette-left, .amritex-design__palette-right { min-width: 100%; }
  .amritex-dev__cards-grid { flex-wrap: wrap; }
  .amritex-dev__card { flex: 1; gap: 20px; }
  .amritex-summary__content { gap: 5vw; flex-wrap: wrap; }
  .amritex-summary__text-wrap { flex: 1; }
}

@media screen and (max-width: 1125px) {
  .amritex-cta {
    height: auto;
    padding: 20px;
  }
  .amritex-cta__inner, .amritex-analytics__worked { flex-wrap: wrap; }
  .amritex-analytics__chart { flex: 1; margin-left: 0; }
  .amritex-analytics__findings-grid,
  .amritex-prototype__screens { flex-wrap: wrap; }
  .amritex-design__palette-row { flex-wrap: wrap; gap: 20px; }
  .amritex-design__fonts { flex: 1; }
  .amritex-design__feature-content { gap: 20px; min-width: 100%; }
  .amritex-prototype__screens { flex-wrap: wrap; gap: 12px; }
  .amritex-prototype__screen-col { min-width: calc(50% - 6px); max-width: calc(50% - 6px); }
}

@media screen and (max-width: 800px) {
  .amritex-design__feature-icon{
    width: 24px;
  }
  .amritex-page__body { gap: 28px; padding-bottom: 60px; }
  .amritex-showcase, .amritex-intro { padding-left: 25px; padding-right: 25px; }
  .amritex-showcase__content { gap: 35px; }
  .amritex-showcase__header { gap: 15px; }
  .amritex-showcase__title { font-size: 26px; }
  /* showcase cards переходят в 1 колонку на 768px — см. ниже */
  .amritex-stats__layout { gap: 47px; }
  .amritex-stats__area { gap: 20px; }
  .amritex-stats__title { font-size: 32px; }
  .amritex-stats__grid { gap: 20px; }
  .amritex-stats__big-num, .amritex-stats__big-num--100, .amritex-stats__plain-num { font-size: 48px; margin-left: 0; }
  .amritex-stats__sign { font-size: 38px; }
  .amritex-stats__num-group {
    height: auto; align-items: center;
  max-width: 80%; }
  .amritex-cta-stages { gap: 25px; }
  .amritex-cta__inner { gap: 25px; }
  .amritex-cta__title { font-size: 32px; width: auto; }
  .amritex-stages { gap: 20px; }
  .amritex-stages__title { font-size: 32px; }
  .amritex-stages__grid { width: 100%; gap: 19px; }
  .amritex-stages__launch-row { padding-left: 8%; padding-right: 8%; }
  .amritex-analytics { gap: 28px; padding-bottom: 33px; }
  .amritex-analytics__approach { min-width: 100%; }
  .amritex-analytics__num-header { gap: 35px; flex-wrap: wrap; width: auto; height: auto; }
  .amritex-analytics__section-num { font-size: 48px; height: auto; }
  .amritex-analytics__num-sep { width: 100%; height: 3px; border-right: none; border-top: 3px solid var(--color-stats-num); }
  .amritex-analytics__section-title { font-size: 32px; }
  .amritex-analytics__chart { min-width: 100%; }
  .amritex-analytics__findings-title { font-size: 26px; }
  .amritex-analytics__findings-grid { gap: 16px; }
  .amritex-analytics__cjm-block { height: auto; min-height: 327px; }
  .amritex-prototype { gap: 26px; }
  .amritex-prototype__num-header { width: auto; height: auto; gap: 35px; flex-wrap: wrap; }
  .amritex-prototype__num-sep { width: 100%; height: 3px; border-right: none; border-top: 3px solid var(--color-stats-num); }
  .amritex-prototype__section-title { font-size: 32px; }
  .amritex-design { padding-left: 24px; padding-right: 26px; padding-bottom: 396px; }
  .amritex-design__section-title { font-size: 32px; }
  .amritex-design__num-header { width: auto; height: auto; gap: 35px; flex-wrap: wrap; }
  .amritex-design__num-sep { width: 100%; height: 3px; border-right: none; border-top: 3px solid var(--color-stats-num); }
  .amritex-design__color-scheme { gap: 39px; }
  .amritex-design__standards { gap: 16px; }
  .amritex-design__colors-desc, .amritex-design__fonts-desc { width: 100%; }
  .amritex-design__font-name { font-size: 38px; line-height: 42px; }
  .amritex-design__font-name--montserrat { font-size: 32px; }
  .amritex-design__features-wrap { gap: 17px; }
  .amritex-design__feature-text { font-size: 26px; }
  .amritex-design__palette-row { width: 100%; }
  .amritex-dev__num-header { width: auto; height: auto; flex-wrap: wrap; }
  .amritex-dev__num-sep { width: 100px; height: 3px; border-right: none; border-top: 3px solid var(--color-stats-num); }
  .amritex-dev__section-title { font-size: 32px; }
  .amritex-dev__card {
    gap: 22px; flex-wrap: wrap; min-width: 100%; padding: 10px 0;

  }
  .amritex-dev__card-icon {
    flex: 1;
  max-width: 60px; }
  .amritex-results__title { font-size: 38px; }
  .amritex-results__block { padding: 20px 0 40px; }
  .amritex-results__gallery { gap: 25px; }
  .amritex-results__mobile-item { flex: 0 0 calc(50% - 1.5vw); }
  .amritex-summary__header { width: auto; flex-wrap: wrap; }
  .amritex-summary__title { font-size: 32px; }
  .amritex-summary__content { gap: 36px; }
  .amritex-summary__icon, .amritex-summary__text-wrap { min-width: 100%; }
  .amritex-summary__text-wrap { padding-top: 0px; }

  .amritex-design__swatch {
    min-height: 120px;
    font-size: 10px;
  }
  .amritex-stats__plain-num-wrap {
    height: auto;
  }
  .amritex-stats__plain-num {
    height: fit-content;
  }
  .amritex-stats__plain-item {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .amritex-intro__text, .amritex-hero__stack-title { font-size: 16px; }
  .amritex-showcase__content { gap: 17px; }
  .amritex-showcase__title { font-size: 19px; }
  .amritex-showcase__admin-text, .amritex-showcase__ux-text { font-size: 16px; }
  .amritex-stats__layout { gap: 23px; }
  .amritex-stats__title { font-size: 24px; }
  .amritex-stats__sign, .amritex-stats__big-num, .amritex-stats__plain-num { font-size: 29px; }
  .amritex-stats__item-label, .amritex-stats__item-label--alt { font-size: 14px; }
  .amritex-cta__title, .amritex-stages__title { font-size: 24px; }
  .amritex-stages__col { gap: 20px; }
  .amritex-stages__launch-row { padding-left: 20px; padding-right: 20px; }
  .amritex-analytics__section-num { font-size: 29px; }
  .amritex-analytics__section-title { font-size: 24px; }
  .amritex-analytics__cjm-text, .amritex-analytics__findings-title { font-size: 16px; }
  .amritex-analytics__finding-card { padding-left: 20px; padding-right: 20px; flex: 1; }
  .amritex-analytics__finding-text { font-size: 16px; }
  .amritex-prototype__section-title { font-size: 24px; }
  .amritex-prototype__subtitle { font-size: 16px; }
  .amritex-prototype__screen-label { font-size: 14px; }
  .amritex-prototype__screens { flex-wrap: wrap; gap: 10px; }
  .amritex-prototype__screen-col { flex: 1; min-width: calc(50% - 5px); max-width: 100%; }
  .amritex-design { padding-bottom: 257px; }
  .amritex-design__section-title { font-size: 24px; }
  .amritex-design__concept-text, .amritex-design__colors-desc, .amritex-design__fonts-desc { font-size: 16px; }
  .amritex-design__font-name { font-size: 29px; line-height: 31px; }
  .amritex-design__font-name--montserrat { font-size: 24px; }
  .amritex-design__feature-text { font-size: 16px; }
  .amritex-dev__section-title { font-size: 24px; }
  .amritex-dev__card { gap: 16px; }
  .amritex-dev__card-text { font-size: 16px; }
  .amritex-results__title { font-size: 29px; }
  .amritex-results__subtitle { font-size: 16px; }
  .amritex-results__mobile-item { flex: 0 0 100%; }
  .amritex-summary__title { font-size: 24px; }
  .amritex-summary__content { gap: 18px; }
  .amritex-summary__text { font-size: 16px; }
}



.hanwei-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}
.hanwei-step {
    border-radius: 20px;
    background-color: rgba(238, 238, 238, 1);

    border-radius: 20px;
    background-color: rgba(238, 238, 238, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: clamp(16px, calc((18 / 1440) * 100vw), 24px);
    line-height: 100%;
    padding-bottom: 20px;
    p {
        max-width: 80%;
        margin: 0 auto;
        margin-top: auto;
        color: #000;
        font-family: 'Montserrat';
    }
}


.prototyp-footer__text {
  font-size: clamp(18px, calc((24 / 1440) * 100vw), 24px);
}

.hanwei-step:last-child {
    grid-column: 2;
}

.hanwei-step-title {
    margin-bottom: 60px;
}

.hanwei-steps__line {
    position: absolute;
    max-width: 85%;
    width: 100%;
    border: 3px dashed #cec8c8;
}
.hanwei-steps__line-one {
    top: 15%;
    right: 0;
}
.hanwei-steps__line-two {
    top: 50%;
}
.hanwei-steps__line-three {
    bottom: 15%;
    max-width: 100%;
}

.section-steps {
    position: relative;
}

.stage {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.stage__body {
  width: fit-content;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding-right: 60px;
  position: relative;
}
.stage__body::before {
  content: "";
  position: absolute;
  height: 98px;
  left: 100%;
  top: 0px;
  width: 3px;
  background-color: rgba(134, 132, 132, 1);;
}
.stage__num {
  color: rgba(134, 132, 132, 1);
  font-family: "Lato", sans-serif;
  font-size: 96px;
  font-weight: 600;
  line-height: 100%;
}

.stage__title {
  color: rgba(0, 0, 0, 1);
  font-family: "Lato", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  margin-left: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
}
.stage__title span {
  flex-shrink: 0;
}
@media (max-width: 1300px){
  .stage__title span{
    display: none;
  }
}

.stages-amritex__title {
  font-weight: 700;
  font-size: clamp(24px, calc((40 / 1440) * 100vw), 56px);
  color: #000;
  text-align: center;
  margin-bottom: 40px;
}

.analytics__wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
    .text {
        max-width: 50%;
        font-size: 24px;
        line-height: 125%;
    }
}

.analytics__items {
  b  {
    font-size: 32px;
    font-family: 'Inter';
    font-weight: 500;
    margin-bottom: 30px;
    display: block;
  }
  .analytics__item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: 'Inter';
    img {
      width: 26px;
    }
  }

}

.phase__text {
  font-size: clamp(20px, calc((24 / 1440) * 100vw), 28px);
}

/* =============================================================
   MOBILE — дополнения (800px)
   Секции с .container уже адаптивны — правим остальное
   ============================================================= */
@media screen and (max-width: 800px) {

  /* Шаги реализации: 3 колонки → 2 */
  .hanwei-steps {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
    gap: 16px;
  }
  .hanwei-step:last-child { grid-column: auto; }

  /* Аналитика: строка с картинкой → стэк */
  .analytics__wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
    gap: 24px;
  }
  .analytics__wrap-img { width: 100%; }
  .analytics__items b { font-size: 22px; }
  .analytics__items .analytics__item { font-size: 18px; }

  /* Резюме: горизонтальный padding */
  .amritex-summary-wrap { padding: 0 20px; }
  .amritex-summary__header { width: auto; min-width: 0; }

  /* Прототип: полная ширина */
  .prototyp .phase__text { font-size: 18px; }
}

/* =============================================================
   MOBILE — дополнения (600px)
   ============================================================= */
@media screen and (max-width: 600px) {

  /* Прототип: экраны по 1 в строке на совсем маленьких */
  .amritex-prototype__screen-col { min-width: 100%; max-width: 100%; }

  /* Шаги: 1 колонка */
  .hanwei-steps { grid-template-columns: 1fr; }

  /* Аналитика */
  .analytics__items b { font-size: 18px; }
  .analytics__items .analytics__item { font-size: 15px; gap: 12px; }
  .amritex-analytics__findings-grid { flex-direction: column; gap: 12px; }

  /* Резюме */
  .amritex-summary-wrap { padding: 0 16px; }
  .amritex-summary__content { flex-direction: column; gap: 20px; }
  .amritex-summary__icon { min-width: 0; width: 100%; }
  .amritex-summary__text-wrap { width: 100%; padding-top: 0; }

  /* Showcase UX-banner */
  .amritex-showcase__ux-3d-icons { flex-wrap: wrap; }
  .amritex-showcase__ux-text { font-size: 18px; }

  /* Design: убираем большой padding-bottom */
  .amritex-design { padding-bottom: 40px; }

  /* Results: мобильная сетка 2 колонки на 600 */
  .amritex-results__mobile-item { flex: 0 0 calc(50% - 1.5vw); }
}

/* =============================================================
   Showcase cards — 1 колонка ниже 768px
   ============================================================= */
@media screen and (max-width: 768px) {
  .amritex-showcase__cards {
    flex-direction: row; gap: 16px; }
  .amritex-showcase__card { flex-direction: column; min-width: 50%; padding: 20px 16px; gap: 16px; }
  .amritex-showcase__left { flex: 0 0 auto; width: 100%; }
  .amritex-showcase__card-preview { max-width: 220px; margin: 0 auto; }
  .amritex-showcase__card-list { gap: 12px; }
}

/* =============================================================
   Showcase cards — 1 колонка ниже 425px
   ============================================================= */
@media screen and (max-width: 425px) {
  .amritex-showcase__cards { flex-direction: column; }
  .amritex-showcase__card { min-width: 100%; }
}

/* =============================================================
   MOBILE — дополнения (450px) — уже есть блок, добавляем
   ============================================================= */
@media screen and (max-width: 450px) {

  /* Шаги */
  .hanwei-steps { gap: 10px; }
  .stages-amritex__title { font-size: 22px; margin-bottom: 20px; }

  /* Analytics */
  .amritex-analytics__research { gap: 12px; }

  /* Summary */
  .amritex-summary__sep { height: 40px; }
  .amritex-summary-wrap { padding: 0 12px; }

  /* Results */
  .amritex-results__title-line { gap: 16px; }
  .amritex-results__mobile-item { flex: 0 0 100%; }
}
/* =============================================================
   amritex-hero — АДАПТИВ
   ============================================================= */

@media (max-width: 1440px) {
  .amritex-hero__logo img { width: 160px; }
  .amritex-hero__title { font-size: 48px; }
  .amritex-hero__subtitle { font-size: 26px; margin-bottom: 28px; }
  .amritex-hero__stack-title { font-size: 28px; }
  .amritex-hero__tags { font-size: 22px; }
}

@media (max-width: 1200px) {
  .amritex-hero__logo img { width: 130px; }
  .amritex-hero__title { font-size: 40px; }
  .amritex-hero__subtitle { font-size: 22px; }
  .amritex-hero__feature { font-size: 16px; }
  .amritex-hero__stack-title { font-size: 24px; }
  .amritex-hero__stack-figma { width: 80px; }
  .amritex-hero__stack-wp { width: 58px; }
  .amritex-hero__tags { font-size: 20px; }
}

@media (max-width: 1024px) {
  .amritex-hero__container { padding: 36px 24px 0; }
  .amritex-hero__title { font-size: 34px; }
  .amritex-hero__subtitle { font-size: 18px; margin-bottom: 20px; }
  .amritex-hero__features { gap: 10px; margin-bottom: 16px; }
  .amritex-hero__feature { font-size: 14px; padding: 10px 0; }
  .amritex-hero__stack-title { font-size: 20px; }
  .amritex-hero__tags { font-size: 18px; margin-bottom: 36px; }
}

@media (max-width: 900px) {
  /* Переход в колонку: текст сверху, мокап снизу */
  .amritex-hero__wrap { flex-direction: column; }
  .amritex-hero__left { width: 100%; padding-right: 0; }
  .amritex-hero__right { width: 100%; margin-top: 20px; }
  .amritex-hero__mockup { position: static; border-radius: 20px; }
  .amritex-hero__wheat-decor { display: none; }
  .amritex-hero__tags { margin-bottom: 24px; }
  .amritex-cta__btn {
    width: 100%;
  }
  .amritex-cta__btn-arrow { height: auto; width: 21px;
  }
  .hanwei-steps__line {
    display: none;
  }
}

@media (max-width: 768px) {
  .amritex-results {
    padding-top: 0;
  }
  .amritex-results__mobile-grid {
    justify-content: center;
  }
  .amritex-hero__container { padding: 24px 20px 0px; }
  .amritex-hero__logo img { width: 110px; }
  .amritex-hero__title { font-size: 28px; }
  .amritex-hero__subtitle { font-size: 16px; }
  .amritex-hero__features { gap: 8px 10px; }
  .amritex-hero__feature { font-size: 13px; padding: 10px 12px; border-radius: 14px; white-space: nowrap; }
  .amritex-hero__stack-title { font-size: 18px; }
  .amritex-hero__tags { font-size: 16px; gap: 12px; }

      /* --- stage --- */
    .stage__num {
        font-size: 48px;
    }

    .stage__title {
        font-size: 20px;
        margin-left: 20px;
    }

    .stage__body {
        padding-right: 20px;
    }

    .stage__body::before {
        height: 60px;
    }
}

@media (max-width: 480px) {
  .amritex-hero__container { padding: 16px 14px 0px; }
  .amritex-hero__logo img { width: 90px; }
  .amritex-hero__title { font-size: 22px; }
  .amritex-hero__subtitle { font-size: 14px; margin-bottom: 16px; }
  .amritex-hero__features { grid-template-columns: 1fr; gap: 8px; max-width: 100%; }
  .amritex-hero__feature { font-size: 13px; border-radius: 12px; }
  .amritex-hero__stack-figma { width: 60px; }
  .amritex-hero__stack-wp { width: 44px; }
  .amritex-hero__tags { font-size: 14px; gap: 8px; margin-bottom: 16px; }


    /* --- stage --- */
    .stage__num {
        font-size: 40px;
    }

    .stage__title {
        font-size: 18px;
        margin-left: 16px;
    }

    .stage__body {
        padding-right: 16px;
    }

    .stage__body::before {
        height: 52px;
    }
}