/* База масштабирования: 1rem = 16px при ширине 1440px,
   линейно растёт/сжимается, но не меньше 12px и не больше 20px */
/* Century Gothic Regular */
@font-face {
  font-family: 'Century Gothic';
  src: url('fonts/centurygothic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Century Gothic Bold */
@font-face {
  font-family: 'Century Gothic';
  src: url('fonts/centurygothic_bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html { font-size: clamp(12px, calc(100vw / 1440 * 16), 20px); scroll-behavior: auto; overflow-y: scroll; max-height: 100vh;}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #000; font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
:root{
  --bar: rgba(242,244,255,1);
  --accent: rgb(63,63,230);
  --text: rgb(0,0,0);
  --lk-bg: #4C4AE6;
  --logo-rot: 0deg;      /* текущее значение (для фолбэка) */
  --logo-turn: 360deg;
}

.logo{
  transform-origin: 50% 50%;
  will-change: transform;
  animation: none !important;
}

/* Современные браузеры: привязка анимации к скроллу */
@supports (animation-timeline: scroll()) {
  .logo{
    animation: logo-spin linear both;
    animation-timeline: scroll(root);  /* вся страница */
    animation-range: 0 100vh;          /* вращение в пределах первого вьюпорта */
  }
  @keyframes logo-spin{
    from { transform: rotate(0deg); }
    to   { transform: rotate(var(--logo-turn)); }
  }
}

@media (prefers-reduced-motion: reduce){
  .logo{ animation: none !important; transform: rotate(0deg) !important; }
}

/* Плоскость макета 1440×4500 => 90rem × 281.25rem */
.page{
  position: relative;
  width: 90rem;
  height: 250rem;
  margin: 0 auto;
  background: #fff;
  overflow: hidden; /* было hidden */
}

/* Верхняя полоса W1440 H75 */
.topbar{
  position: absolute;
  left: 0rem; top: 0rem;
  width: 90rem; height: 4.6875rem;
  background: var(--bar);
}

/* Личный кабинет W197 H40 X1086 Y18 radius 15 */
.btn-lk{
  position: absolute;
  left: 67.875rem; top: 1.125rem;
  width: 12.3125rem; height: 2.5rem;
  border-radius: 0.9375rem;
  background: var(--lk-bg);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  z-index: 5;
}

/* Кнопка Меню W40 H40 X1371 Y18 */
.btn-menu{
  position: absolute;
  left: 85.6875rem; top: 1.125rem;
  width: 2.5rem; height: 2.5rem;
  background: transparent;
  border: 0; padding: 0; cursor: pointer;
  z-index: 5;
}
.btn-menu img{ display: block; width: 100%; height: 100%; }

/* Заголовки (Century Gothic Bold) */
.t{
  position: absolute;
  margin: 0;
  font-family: "Century Gothic","URW Gothic","DejaVu Sans",Arial,sans-serif;
  font-weight: 700;
  font-size: 5.75rem;
  line-height: 1;
  color: var(--text);
}
.t1{ left: 6.25rem; top: 14.1875rem; color: var(--text); }      /* X100 Y227 */
.t2{ left: 6.25rem; top: 20.0625rem; color: var(--accent); }    /* X100 Y321 */
.t3{ left: 6.25rem; top: 25.9375rem; color: var(--text); }      /* X100 Y415 */

/* Подзаголовок: Решим вопросы вместе? Y541 X100 */
.subtitle{
  position: absolute;
  left: 6.25rem; top: 33.8125rem;
  margin: 0;
  font-weight: 400;
  font-size: 2rem;
  color: var(--text);
}

/* Лого Y132 X786 W554.46 H526.73 */
.logo{
  position: absolute;
  left: 49.125rem; top: 8.25rem;
  width: 34.65375rem; height: 32.920625rem;
  object-fit: contain;
  z-index: 1;
  pointer-events: none;
}

/* Кнопка пролистывания: область W846 H125 X297 Y585 с видимой иконкой */
.scroll-down{
  position: absolute;
  left: 18.5625rem;   /* 297px */
  top: 36.5625rem;    /* 585px */
  width: 52.875rem;   /* 846px */
  height: 7.8125rem;  /* 125px */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}
.scroll-down svg{
  display: block;
  width: 3.875rem;    /* 62px */
  height: 2.25rem;    /* 36px — место под две стрелки */
  transition: transform .2s ease, filter .2s ease;
}

/* Вариант 1: <img src="down.svg">, обе стрелки видны */
.scroll-down img{
  display:block;
  width:3.875rem;      /* 62px */
  height:auto;         /* вместо 1.125rem */
  object-fit:contain;
  transition:transform .2s ease, filter .2s ease;
  max-height:2.25rem;  /* чтобы не разрасталась > ~36px */
}

.scroll-down:hover svg{ filter: brightness(1.12); }
.scroll-down:active svg{ transform: translateY(.0625rem); }
/* Якорь прокрутки — чуть ниже первого экрана */
.next-anchor{
  position: absolute;
  left: 0; top: 56.25rem;  /* 900px */
  width: 1px; height: 1px; opacity: 0;
}

.back-bg{
  position: absolute;
  left: -13rem;           /* 2px */
  top: 3.1875rem;           /* 51px */
  width: 116.25rem;         /* 1860px */
  height: 42.5625rem;       /* 681px */
  background: url("back.svg") center/contain no-repeat; /* замените на back.svg при необходимости */
  z-index: 0;               /* под логотипом/текстом */
  pointer-events: none;     /* не мешает кликам по контенту */
}

/* СЕКЦИЯ 2: контейнер страницы */
:root{ --sec2-top: 46.875rem; } /* 750px → 46.875rem (было 0rem) */
.sec-ai{
  position: absolute;
  left: 0; top: var(--sec2-top);
  width: 90rem; height: 43.75rem;
}

/* Заголовок: X353 Y120 W734 H122, Century Gothic 50, #3F3FE6 */
.ai-title{
  position: absolute;
  left: 22.0625rem; top: 7.5rem; width: 45.875rem; height: 7.625rem;
  font-family: "Century Gothic", "URW Gothic L", "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  font-size: 3.125rem;
  line-height: 1.22;
  color: #3F3FE6;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Фоновое лого: X -197.22 Y 452.21 W 528.29 H 497.52, цвет 3F3FE6 20% */
.ai-logo{
  position: absolute;
  left: -9rem; top: 30rem;
  width: 37.018rem; height: 34.095rem;
  object-fit: contain;
  opacity: 1;
  filter: saturate(1);
  pointer-events: none;
  user-select: none;
}

/* Базовые стили колонок */
.col{ position: absolute; }
.col .bar{
  position: absolute; left: 0; top: 0; width: 5rem; height: 0.25rem; background: #3F3FE6;
  display: block;
}

/* Заголовки колонок: Manrope Bold 18 */
.col-title{
  position: absolute; left: 0; top: 1.25rem;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 700; font-size: 1.125rem; line-height: 1.3; color: #000;
  margin: 0;
}

/* Тексты колонок: Manrope Regular 18 */
.col-text{
  position: absolute; left: 0; top: 5.25rem;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 400; font-size: 1.125rem; line-height: 1.4; color: #000;
  margin: 0;
}

/* Позиции и ширины колонок */
.col1{ left: 6.25rem; top: 19rem; width: 18.8125rem; }
.col1 .col-title{ width: 18.5625rem; }
.col1 .col-text { width: 18.8125rem; }

.col2{ left: 27.375rem; top: 19rem; width: 17.0625rem; }
.col2 .col-title{ width: 11.875rem; }
.col2 .col-text { width: 17.0625rem; }

.col3{ left: 46.75rem; top: 19rem; width: 16.5rem; }
.col3 .col-title{ width: 11.625rem; }
.col3 .col-text { width: 16.5rem; }

.col4{ left: 65.5rem; top: 19rem; width: 18.3125rem; }
.col4 .col-title{ width: 18.3125rem; }
.col4 .col-text { width: 18.3125rem; }

/* СЕКЦИЯ 3: Чем мы можем помочь? */
:root{ --sec3-top: 93.75rem; } /* 1500px (750+750) или подстройте под реальную высоту секции 2 */
.sec-help{
  position: absolute;
  left: 0; top: var(--sec3-top);
  width: 90rem; height: 43.75rem; /* 1440px → 90rem, 700px → 43.75rem */
}

/* Заголовок: X394 Y120, Century Gothic Bold */
.help-title{
  position: absolute;
  left: 0; right: 0; top:6rem; /* 394px → 24.625rem, 120px → 7.5rem */
  width: auto;
  font-family: "Century Gothic", "URW Gothic L", "Segoe UI", Arial, sans-serif;
  font-weight: 700; /* Bold */
  font-size: 3.125rem; /* 50px как в предыдущих секциях */
  line-height: 1.22;
  color: #3F3FE6;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

/* Базовые стили карточек: иконка слева, текст справа */
.card{
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1.875rem; /* 30px между иконкой и текстом */
}

.card-icon{
  width: 4.375rem; height: 4.375rem; /* 70px → 4.375rem */
  flex-shrink: 0;
  object-fit: contain;
}

.card-text{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 400; /* Regular */
  font-size: 1.5625rem; /* 25px → 1.5625rem */
  line-height: 1.4;
  color: #000;
  margin: 0;
  max-width: 31.25rem; /* ~500px для комфортного переноса текста */
  text-align: center;
}

.card-text strong{
  font-weight: 700; /* Bold для выделенных слов */
}

/* Позиции карточек */
/* Карточка 1: иконка X101 Y273, текст X201 Y261 */
.card1{
  left: 6.3125rem; top: 15.5625rem; /* 101px → 6.3125rem, 273px → 17.0625rem */
}

/* Карточка 2: иконка X101 Y444, текст X201 Y448 */
.card2{
  left: 6.3125rem; top: 26.25rem; /* 101px → 6.3125rem, 444px → 27.75rem */
}

/* Карточка 3: иконка X790 Y273, текст X890 Y261 */
.card3{
  left: 49.375rem; top: 15.5625rem; /* 790px → 49.375rem, 273px → 17.0625rem */
}

/* Карточка 4: иконка X790 Y444, текст X881 Y448 */
.card4{
  left: 49.375rem; top: 26.25rem; /* 790px → 49.375rem, 444px → 27.75rem */
}

/* Кнопка Услуги и продукты: X547 Y609 W347 H61 */
.services-btn{
  position: absolute;
  left: 34.1875rem; top: 36.5625rem; /* 547px → 34.1875rem, 609px → 38.0625rem */
  width: 21.6875rem; height: 3.8125rem; /* 347px → 21.6875rem, 61px → 3.8125rem */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.services-btn img{
  width: 100%; height: 100%;
  object-fit: contain;
}

.services-btn:hover{
  opacity: 0.85;
}

.services-btn:active{
  opacity: 0.7;
}

/* Фоновое лого Group-80: X-197.21 Y-297.8 W528.29 H497.52 */
.help-logo{
  position: absolute;
  left: -1rem; top: -4.15rem; /* -197.21px → -12.3256rem, -297.8px → -18.6125rem */
  width: 29.0181rem; height: 27.095rem;  /* 528.29px → 33.0181rem, 497.52px → 31.095rem */
  object-fit: contain;
  opacity: 1;                         /* настройте прозрачность по вкусу (0.1-0.2) */
  pointer-events: none;
  user-select: none;
  z-index: 0;                           /* под контентом */
}

/* Остальные элементы должны иметь z-index > 0, если нужно поднять над лого */
.help-title{ position: relative; z-index: 1; }
.card{ z-index: 1; }
.services-btn{ z-index: 1; }

/* СЕКЦИЯ 4: Возможности платформы */
:root{ --sec4-top: 140.625rem; }
.sec-features{
  position: absolute;
  left: 0; top: var(--sec4-top);
  width: 90rem; height: 46.875rem;
}

/* Заголовок: X359 Y100, Century Gothic Bold 50, #3F3FE6 */
.features-title{
  position: absolute;
  left: 22.4375rem; top: 3.25rem;
  font-family: "Century Gothic", "URW Gothic L", "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  font-size: 3.125rem;
  line-height: 1.22;
  color: #3F3FE6;
  margin: 0;
  text-align: center;
}

/* Базовые стили карточек: прямоугольники 220×220 */
.feature-card{
  position: absolute;
  width: 13.75rem; height: 13.75rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  text-align: center;
  color: #FFFFFF;
  gap: 0.625rem;
}

/* Фоновые SVG для каждой карточки */
.card-1{ background-image: url('Rectangle 771.svg'); }
.card-2{ background-image: url('Rectangle 772.svg'); }
.card-3{ background-image: url('Rectangle 773.svg'); }
.card-4{ background-image: url('Rectangle 775.svg'); }
.card-5{ background-image: url('Rectangle 776.svg'); }
.card-6{ background-image: url('Rectangle 777.svg'); }

/* Номер карточки: Manrope ExtraBold 75 FFFFFF */
.card-number{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 800;
  font-size: 4.6875rem;
  line-height: 1;
  color: #FFFFFF;
  margin: 0;
}

/* Описание карточки: Manrope Regular 15 FFFFFF */
.card-desc{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #FFFFFF;
  margin: 0;
}

/* Позиции карточек */
.card-1{ left: 11.875rem; top: 8.8125rem; }
.card-2{ left: 29.375rem; top: 8.8125rem; }
.card-3{ left: 29.375rem; top: 25.6875rem; }
.card-4{ left: 46.875rem; top: 25.6875rem; }
.card-5{ left: 64.375rem; top: 25.6875rem; }
.card-6{ left: 64.375rem; top: 8.8125rem; }

/* Декоративные ромбы: W132.5 H228 */
.diamond{
  position: absolute;
  width: 12.2813rem; height: 18.25rem;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  opacity: 1;
}

/* Ромбы с поворотом -52.88° */
.d1{ left: 0rem; top: 30.4875rem;  }
.d2{ left: 4.5rem; top: 21.6rem;  }
.d3{ left: 9.8rem; top: 28.5331rem;  }
.d4{ left: 14.1656rem; top: 19.8125rem;  }

/* Ромбы с поворотом 90° */
.d5{ left: 46rem; top: 9.8988rem; transform: rotate(36deg); }
.d6{ left: 54.195rem; top: 4.625rem; transform: rotate(36deg); }

/* Кнопка прокрутки наверх: X1305 Y640 W71 H71 */
.scroll-top{
  position: absolute;
  left: 81.5625rem; top: 37rem;
  width: 4.4375rem; height: 4.4375rem;
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.scroll-top img{
  width: 100%; height: 100%;
  object-fit: contain;
}

.scroll-top:hover{
  opacity: 0.8;
  transform: translateY(-0.3125rem);
}

.scroll-top:active{
  opacity: 0.6;
}

/* СЕКЦИЯ 5 */
:root{ --sec5-top: 187.5rem; }
.sec-products{
  position: absolute;
  left: 0; top: var(--sec5-top);
  width: 90rem; height: 46.875rem;
  overflow: hidden;
}

.products-label{
  position: absolute;
  left: 1.0625rem; top: 3.25rem;
  width: 87.9375rem; height: 10.25rem;
  object-fit: contain;
}

.deco-rect{
  position: absolute;
  left: 0rem; top: 14.6875rem;
  opacity: 1;
  pointer-events: none;
}

.deco-polygon{
  position: absolute;
  left: 28.375rem; top: 41.3125rem;
  opacity: 1;
  pointer-events: none;
}

.deco-ellipse{
  position: absolute;
  left: 82.8125rem; top: 34.3125rem;
  width: 9.3125rem; height: 9.3125rem;
  opacity: 1;
  pointer-events: none;
}

/* Карусель */
.carousel-container{
  position: absolute;
  left: 0; top: 17.875rem;
  width: 100%;
  height: 19.4375rem;
  overflow: hidden;
}

/* Карточки */
.product-card{
  position: absolute;
  top: 0;
  width: 15.625rem; 
  height: 19.4375rem;
  transition: left 0.5s ease, filter 0.5s ease, opacity 0.5s ease; /* плавный blur */
  cursor: pointer;
}

.product-card img{
  width: 100%; 
  height: 100%;
  object-fit: contain;
}

/* Фиксированные позиции (начальные) */
.card-extra-left{
  left: -16.25rem;
}

.card-left{
  left: 10.3125rem;
}

.card-center{
  left: 37.1875rem;
}

.card-right{
  left: 64.0625rem;
}

.card-extra-right{
  left: 91.9375rem;
}

/* Blur для боковых карточек — плавная анимация через transition */
.blurred{
  filter: blur(5px);
  opacity: 0.6;
}

/* Кнопки */
.carousel-btn{
  position: absolute;
  width: 5rem; 
  height: 5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 10;
}

.carousel-btn img{
  width: 100%; 
  height: 100%;
}

.carousel-btn:hover{
  opacity: 0.8;
  transform: scale(1.05);
}

.btn-left{
  left: 29.0625rem; 
  top: 4.8rem;
}

.btn-right{
  right: 29.0625rem; 
  top: 4.8rem;
}

/* СЕКЦИЯ 6: Контакты */
:root{ --sec6-top: 234.375rem; }
.sec-contacts{
  position: absolute;
  left: 0; top: var(--sec6-top);
  width: 90rem; height: 31.25rem;
  overflow: visible; /* ← изменено с hidden на visible, чтобы декорации были видны за пределами */
}

/* Фон */
.contacts-bg{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Кнопка контакта */
.contact-btn{
  position: absolute;
  left: 2.375rem; top: 5.8125rem;
  width: 33.5rem; height: 4.3125rem;
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.contact-btn img{
  width: 100%; height: 100%;
  object-fit: contain;
}

.contact-btn:hover{
  opacity: 1;
}

/* Левая колонка: Контакты */
.contacts-info{
  position: absolute;
  left: 4.125rem; top: 11rem;
  z-index: 2;
}

.contacts-title {
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0; /* ← изменено с 1.875rem (30px) на 0.625rem (10px) */
}

.contacts-address{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  font-style: normal;
  margin: 0 0 0rem 0;
  max-width: 31.25rem;
}

.contacts-links{
  display: flex;
  flex-direction: column;
  gap: 0rem;
  padding-left: 2.0625rem;
}

.contact-link{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact-link:hover{
  color: #3F3FE6;
}

/* Правая колонка: Мы в социальных сетях */
.social-section{
  position: absolute;
  left: 62rem; top: 11rem;
  z-index: 2;
}

.social-title{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 1.875rem 0;
}

.social-item{
  display: flex;
  align-items: center;
  gap: 1.3125rem;
}

.social-icon{
  width: 1.875rem; height: 1.875rem;
  flex-shrink: 0;
  object-fit: contain;
}

.social-text{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

/* Декоративное лого */
.deco-logo{
  position: absolute;
  left: 31.4375rem; top: 16.5rem;
  width: 29.5625rem; height: 15.0844rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Декоративный полигон: увеличена видимость */
.deco-polygon-contacts{
  position: absolute;
  left: 28.2rem; top: -3.23rem;
  width: 8.125rem; height: 8.125rem;
  object-fit: contain;
  opacity: 1; /* ← увеличено с 0.5 до 0.8 */
  pointer-events: none;
  z-index: 3; /* ← добавлено для яркости */
}

/* Декоративный круг: увеличена видимость */
.deco-circle-contacts{
  position: absolute;
  left: 82.95rem; top: -6.2rem;
  width: 9.3125rem; height: 9.3125rem;
  object-fit: contain;
  opacity: 1; /* ← увеличено с 0.5 до 0.8 */
  pointer-events: none;
  z-index: 3; /* ← добавлено для яркости */
}

/* Модальное окно "Парсер" */
.modal-parser {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8); /* затемнение фона */
  z-index: 9999;
  overflow-y: auto; /* прокрутка внутри модального окна */
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0; /* убрали отступ */
}

.modal-parser-content {
  position: relative;
  width: 90rem; /* 1440px */
  min-height: 78.125rem; /* 1250px минимум */
  background: #fff;
  margin: 0 auto; /* центрируем */
  overflow-y: visible; /* внутренняя прокрутка контента */
}

/* Верхняя полоса: X0 Y0 W1440 H76 */
.parser-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.75rem; /* 76px */
  background: #F2F4FF;
  z-index: 1;
}

/* Тело страницы */
.parser-body {
  position: relative;
  width: 100%;
  height: 46.875rem; /* 750px (1250 - 500 футер) */
  padding: 6.9375rem 5.9375rem 0; /* отступы от краёв */
}

/* Заголовок "Для чего мы здесь?" X95 Y111 */
.parser-title-1 {
  position: absolute;
  left: 5.9375rem;
  top: 6.9375rem; /* 111px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem; /* 35px */
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
}

/* Текст под первым заголовком X95 Y153 */
.parser-text-1 {
  position: absolute;
  left: 5.9375rem;
  top: 9.5625rem; /* 153px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem; /* 25px */
  line-height: 1.4;
  color: #000;
  margin: 0;
}

/* Заголовок "Что вы получаете?" X95 Y297 */
.parser-title-2 {
  position: absolute;
  left: 5.9375rem;
  top: 18.5625rem; /* 297px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
}

/* Текст под вторым заголовком X95 Y340 */
.parser-text-2 {
  position: absolute;
  left: 5.9375rem;
  top: 21.25rem; /* 340px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.4;
  color: #000;
  margin: 0;
}

/* Лого справа X724 Y86 W747.29 H755 */
.parser-logo {
  position: absolute;
  left: 45.25rem; /* 724px */
  top: 5.375rem; /* 86px */
  width: 46.7056rem; /* 747.29px */
  height: 44.1875rem; /* 755px */
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

/* Кнопка "Поделиться мнением" X95 Y469 W347 H61 */
.parser-btn-feedback {
  position: absolute;
  left: 5.9375rem;
  top: 29.3125rem; /* 469px */
  width: 21.6875rem; /* 347px */
  height: 3.8125rem; /* 61px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.parser-btn-feedback img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.parser-btn-feedback:hover {
  opacity: 0.85;
}

/* Три ромба X18 Y654 (первый), X160 Y577 (второй), X296 Y654 (третий) */
.parser-diamonds {
  position: absolute;
  left: 1.125rem; /* 18px */
  top: 40.875rem; /* 654px */
  width: 19.625rem; /* 314px */
  height: 14.25rem; /* 228px */
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Кнопка возврата X1365 Y675 W40 H40 */
.parser-btn-back {
  position: absolute;
  left: 86.5rem; /* 1365px от левого края = right: 75px */
  top: 40.1875rem; /* 675px */
  width: 2.5rem; /* 40px */
  height: 2.5rem; /* 40px */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 3;
}

.parser-btn-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.parser-btn-back:hover {
  transform: scale(1.1);
}

/* Футер (копия секции контактов) - высота 500px */
.parser-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 31.25rem; /* 500px */
  overflow: hidden;
}

.parser-footer-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.parser-contacts-info {
  position: absolute;
  left: 4.125rem;
  top: 14rem;
  z-index: 2;
}

.parser-contacts-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.parser-contacts-address {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  font-style: normal;
  margin: 0 0 0rem 0;
  max-width: 31.25rem;
}

.parser-contacts-links {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  padding-left: 2.0625rem;
}

.parser-contact-link {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
}

.parser-contact-link:hover {
  color: #3F3FE6;
}

.parser-social-section {
  position: absolute;
  left: 62rem;
  top: 14rem;
  z-index: 2;
}

.parser-social-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.parser-social-item {
  display: flex;
  align-items: center;
  gap: 1.3125rem;
}

.parser-social-icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  object-fit: contain;
}

.parser-social-text {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

.parser-deco-logo {
  position: absolute;
  left: 31.4375rem;
  top: 10.5rem;
  width: 29.5625rem;
  height: 28.0844rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Три ромба: X18 Y654, X160 Y577, X296 Y654, W132.5 H228 */
.parser-diamond-1 {
  position: absolute;
  left: 1.125rem; /* 18px */
  top: 34.875rem; /* 654px */
  width: 14.28125rem; /* 132.5px */
  height: 18.25rem; /* 228px */
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

.parser-diamond-2 {
  position: absolute;
  left: 10rem; /* 160px */
  top: 30.0625rem; /* 577px */
  width: 14.28125rem;
  height: 18.25rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

.parser-diamond-3 {
  position: absolute;
  left: 18.5rem; /* 296px */
  top: 34.875rem; /* 654px */
  width: 14.28125rem;
  height: 18.25rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Модальное окно "Ариадна" */
.modal-ariadna {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.modal-ariadna-content {
  position: relative;
  width: 90rem; /* 1440px */
  min-height: 78.125rem; /* 1250px */
  background: #fff;
  margin: 0;
  overflow: visible;
}

/* Верхняя полоса */
.ariadna-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.75rem; /* 76px */
  background: #F2F4FF;
  z-index: 1;
}

/* Тело страницы */
.ariadna-body {
  position: relative;
  width: 100%;
  min-height: 46.875rem; /* 750px */
  padding: 6.25rem 6.25rem 0; /* 100px отступы */
}

/* Заголовок "Для чего мы здесь?" X100 Y100 */
.ariadna-title-1 {
  position: absolute;
  left: 6.25rem; /* 100px */
  top: 6.25rem; /* 100px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem; /* 35px */
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
  z-index: 3;
}

/* Текст под первым заголовком X100 Y143 */
.ariadna-text-1 {
  position: absolute;
  left: 6.25rem;
  top: 8.9375rem; /* 143px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem; /* 25px */
  line-height: 1.4;
  color: #000;
  margin: 0;
  z-index: 3;
}

/* Заголовок "Что вы получаете:" X100 Y256 */
.ariadna-title-2 {
  position: absolute;
  left: 6.25rem;
  top: 16rem; /* 256px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
  z-index: 3;
}

/* Текст под вторым заголовком X100 Y299 */
.ariadna-text-2 {
  position: absolute;
  left: 6.25rem;
  top: 18.6875rem; /* 299px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.4;
  color: #000;
  margin: 0;
  z-index: 3;
}

/* Декоративное лого (за элементами) X-80 Y305 W923.73 H899.57 */
.ariadna-deco-logo {
  position: absolute;
  left: 0rem; /* -80px */
  top: 6.0625rem; /* 305px */
  width: 57.7331rem; /* 923.73px */
  height: 62.2231rem; /* 899.57px */
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Декоративный телефон X509 Y-37 W958 H849 */
.ariadna-phone {
  position: absolute;
  left: 31.8125rem; /* 509px */
  top: -2.3125rem; /* -37px */
  width: 59.875rem; /* 958px */
  height: 53.0625rem; /* 849px */
  object-fit: contain;
  pointer-events: none;
  z-index: 2;
}

/* Кнопка "Поделиться мнением" X100 Y633 W347 H61 */
.ariadna-btn-feedback {
  position: absolute;
  left: 6.25rem;
  top: 39.5625rem; /* 633px */
  width: 21.6875rem; /* 347px */
  height: 3.8125rem; /* 61px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 3;
}

.ariadna-btn-feedback img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ariadna-btn-feedback:hover {
  opacity: 0.85;
}

/* Кнопка возврата X1364 Y675 W40 H40 */
.ariadna-btn-back {
  position: absolute;
  left: 86.5rem;/* 1440-1364-40 = 36px от правого края ≈ 4.75rem */
  top: 42.1875rem; /* 675px */
  width: 2.5rem; /* 40px */
  height: 2.5rem; /* 40px */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 3;
}

.ariadna-btn-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ariadna-btn-back:hover {
  transform: scale(1.1);
}

/* Футер (копия секции контактов) - высота 500px */
.ariadna-footer {
  position: relative;
  width: 100%;
  height: 31.25rem; /* 500px */
  overflow: hidden;
}

.ariadna-footer-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.ariadna-contacts-info {
  position: absolute;
  left: 4.125rem;
  top: 14rem;
  z-index: 2;
}

.ariadna-contacts-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.ariadna-contacts-address {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  font-style: normal;
  margin: 0 0 0rem 0;
  max-width: 31.25rem;
}

.ariadna-contacts-links {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  padding-left: 2.0625rem;
}

.ariadna-contact-link {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ariadna-contact-link:hover {
  color: #3F3FE6;
}

.ariadna-social-section {
  position: absolute;
  left: 62rem;
  top: 14rem;
  z-index: 2;
}

.ariadna-social-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.ariadna-social-item {
  display: flex;
  align-items: center;
  gap: 1.3125rem;
}

.ariadna-social-icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  object-fit: contain;
}

.ariadna-social-text {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

.ariadna-footer-deco-logo {
  position: absolute;
  left: 31.4375rem;
  top: 10.5rem;
  width: 29.5625rem;
  height: 28.0844rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Кнопка контактов для Парсера: X38 Y141 W536 H69 */
.parser-btn-contact {
  position: absolute;
  left: 2.375rem; /* 38px */
  top: 55.6875rem; /* 141px */
  width: 33.5rem; /* 536px */
  height: 4.3125rem; /* 69px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.parser-btn-contact img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.parser-btn-contact:hover {
  opacity: 0.85;
}

/* Кнопка контактов для Ариадны: X38 Y141 W536 H69 */
.ariadna-btn-contact {
  position: absolute;
  left: 2.375rem; /* 38px */
  top: 55.6875rem; /* 141px */
  width: 33.5rem; /* 536px */
  height: 4.3125rem; /* 69px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.ariadna-btn-contact img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ariadna-btn-contact:hover {
  opacity: 0.85;
}

/* Модальное окно "Ре!Агент" */
.modal-reagent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.modal-reagent-content {
  position: relative;
  width: 90rem; /* 1440px */
  min-height: 78.125rem; /* 1250px */
  background: #fff;
  margin: 0;
  overflow: visible;
}

/* Верхняя полоса */
.reagent-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.75rem; /* 76px */
  background: #F2F4FF;
  z-index: 1;
}

/* Тело страницы */
.reagent-body {
  position: relative;
  width: 100%;
  min-height: 46.875rem; /* 750px */
  padding: 0;
}

/* Декоративный круг X0 Y76 W395 H395 */
.reagent-circle {
  position: absolute;
  left: 0;
  top: 4.75rem; /* 76px */
  width: 24.6875rem; /* 395px */
  height: 24.6875rem; /* 395px */
  object-fit: contain;
  opacity: 0.4;
  pointer-events: none;
  z-index: 1;
}

/* Декоративный компьютер X71 Y66 W763 H638.6 */
.reagent-computer {
  position: absolute;
  left: 4.4375rem; /* 71px */
  top: 4.125rem; /* 66px */
  width: 47.6875rem; /* 763px */
  height: 39.9125rem; /* 638.6px */
  object-fit: contain;
  pointer-events: none;
  z-index: 2;
}

/* Заголовок "Для чего мы здесь?" X851 Y99 */
.reagent-title-1 {
  position: absolute;
  left: 53.1875rem; /* 851px */
  top: 6.1875rem; /* 99px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem; /* 35px */
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
  z-index: 3;
}

/* Текст под первым заголовком X850.5 Y152 W549 */
.reagent-text-1 {
  position: absolute;
  left: 53.15625rem; /* 850.5px */
  top: 9.5rem; /* 152px */
  width: 34.3125rem; /* 549px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem; /* 25px */
  line-height: 1.4;
  color: #000;
  margin: 0;
  z-index: 3;
}

/* Заголовок "Что вы получаете:" X850.5 Y289 */
.reagent-title-2 {
  position: absolute;
  left: 53.15625rem;
  top: 18.0625rem; /* 289px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
  z-index: 3;
}

/* Текст под вторым заголовком X850.5 Y342 */
.reagent-text-2 {
  position: absolute;
  left: 53.15625rem;
  top: 21.375rem; /* 342px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.4;
  color: #000;
  margin: 0;
  z-index: 3;
}

/* Кнопка "Поделиться мнением" X660.5 Y587 W347 H61 */
.reagent-btn-feedback {
  position: absolute;
  left: 41.28125rem; /* 660.5px */
  top: 36.6875rem; /* 587px */
  width: 21.6875rem; /* 347px */
  height: 3.8125rem; /* 61px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 3;
}

.reagent-btn-feedback img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reagent-btn-feedback:hover {
  opacity: 0.85;
}

/* Декоративный квадрат верхний X1253 Y-177 W206 H206 */
.reagent-square-top {
  position: absolute;
  left: 78.3125rem; /* 1253px */
  top: 36rem; /* -177px */
  width: 12.875rem; /* 206px */
  height: 12.875rem; /* 206px */
  object-fit: contain;
  opacity: 0.4;
  pointer-events: none;
  z-index: 1;
}

/* Декоративный квадрат нижний X1253 Y573 W206 H206 */
.reagent-square-bottom {
  position: absolute;
  left: 78.3125rem; /* 1253px */
  top: 45.8125rem; /* 573px */
  width: 12.875rem; /* 206px */
  height: 12.875rem; /* 206px */
  object-fit: contain;
  opacity: 0.4;
  pointer-events: none;
  z-index: 1;
}

/* Кнопка контактов X38 Y141 W536 H69 */
.reagent-btn-contact {
  position: absolute;
  left: 2.375rem; /* 38px */
  top: 55.6875rem; /* 891px - в футере */
  width: 33.5rem; /* 536px */
  height: 4.3125rem; /* 69px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.reagent-btn-contact img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reagent-btn-contact:hover {
  opacity: 0.85;
}

/* Кнопка возврата X1365 Y675 W40 H40 */
.reagent-btn-back {
  position: absolute;
  left: 86.5rem; /* 75px от правого края */
  top: 42.1875rem; /* 675px */
  width: 2.5rem; /* 40px */
  height: 2.5rem; /* 40px */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 3;
}

.reagent-btn-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reagent-btn-back:hover {
  transform: scale(1.1);
}

/* Футер (копия секции контактов) - высота 500px */
.reagent-footer {
  position: relative;
  width: 100%;
  height: 31.25rem; /* 500px */
  overflow: hidden;
}

.reagent-footer-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.reagent-contacts-info {
  position: absolute;
  left: 4.125rem;
  top: 14rem;
  z-index: 2;
}

.reagent-contacts-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.reagent-contacts-address {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  font-style: normal;
  margin: 0 0 0rem 0;
  max-width: 31.25rem;
}

.reagent-contacts-links {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  padding-left: 2.0625rem;
}

.reagent-contact-link {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
}

.reagent-contact-link:hover {
  color: #3F3FE6;
}

.reagent-social-section {
  position: absolute;
  left: 62rem;
  top: 14rem;
  z-index: 2;
}

.reagent-social-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.reagent-social-item {
  display: flex;
  align-items: center;
  gap: 1.3125rem;
}

.reagent-social-icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  object-fit: contain;
}

.reagent-social-text {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

.reagent-footer-deco-logo {
  position: absolute;
  left: 31.4375rem;
  top: 10.5rem;
  width: 29.5625rem;
  height: 28.0844rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Модальное окно "Кампус" */
.modal-campus {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.modal-campus-content {
  position: relative;
  width: 90rem; /* 1440px */
  min-height: 78.125rem; /* 1250px */
  background: #fff;
  margin: 0;
  overflow: visible;
}

/* Верхняя полоса */
.campus-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.75rem; /* 76px */
  background: #F2F4FF;
  z-index: 1;
}

/* Тело страницы */
.campus-body {
  position: relative;
  width: 100%;
  min-height: 46.875rem; /* 750px */
  padding: 0;
}

/* Декоративное лого X-52 Y-3 W1124 H951 */
.campus-deco-logo {
  position: absolute;
  left: 0rem; /* -52px */
  top: -5.52rem; /* -3px */
  width: 70.25rem; /* 1124px */
  height: 59.4375rem; /* 951px */
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* Заголовок "Для чего мы здесь?" X545 Y103 */
.campus-title-1 {
  position: absolute;
  left: 34.0625rem; /* 545px */
  top: 6.4375rem; /* 103px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem; /* 35px */
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
  z-index: 3;
}

/* Текст под первым заголовком X545 Y146 */
.campus-text-1 {
  position: absolute;
  left: 34.0625rem;
  top: 9.125rem; /* 146px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem; /* 25px */
  line-height: 1.4;
  color: #000;
  margin: 0;
  z-index: 3;
}

/* Заголовок "Что вы получаете:" X545 Y255 */
.campus-title-2 {
  position: absolute;
  left: 34.0625rem;
  top: 15.9375rem; /* 255px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  line-height: 1.2;
  color: #3F3FE6;
  margin: 0;
  z-index: 3;
}

/* Текст под вторым заголовком X545 Y298 */
.campus-text-2 {
  position: absolute;
  left: 34.0625rem;
  top: 18.625rem; /* 298px */
  font-family: 'Century Gothic', Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.4;
  color: #000;
  margin: 0;
  z-index: 3;
}

/* Кнопка "Поделиться мнением" X993 Y434 W347 H61 */
.campus-btn-feedback {
  position: absolute;
  left: 62.0625rem; /* 993px */
  top: 27.125rem; /* 434px */
  width: 21.6875rem; /* 347px */
  height: 3.8125rem; /* 61px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 3;
}

.campus-btn-feedback img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.campus-btn-feedback:hover {
  opacity: 0.85;
}

/* Кнопка контактов X38 Y141 W536 H69 */
.campus-btn-contact {
  position: absolute;
  left: 2.375rem; /* 38px */
  top: 55.6875rem; /* 891px - в футере */
  width: 33.5rem; /* 536px */
  height: 4.3125rem; /* 69px */
  display: block;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.campus-btn-contact img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.campus-btn-contact:hover {
  opacity: 1;
}

/* Кнопка возврата X1365 Y675 W40 H40 */
.campus-btn-back {
  position: absolute;
  left: 86.5rem; /* 75px от правого края */
  top: 42.1875rem; /* 675px */
  width: 2.5rem; /* 40px */
  height: 2.5rem; /* 40px */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 3;
}

.campus-btn-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.campus-btn-back:hover {
  transform: scale(1.1);
}

/* Футер (копия секции контактов) - высота 500px */
.campus-footer {
  position: relative;
  width: 100%;
  height: 31.25rem; /* 500px */
  overflow: hidden;
}

.campus-footer-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.campus-contacts-info {
  position: absolute;
  left: 4.125rem;
  top: 14rem;
  z-index: 2;
}

.campus-contacts-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.campus-contacts-address {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  font-style: normal;
  margin: 0 0 0rem 0;
  max-width: 31.25rem;
}

.campus-contacts-links {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  padding-left: 2.0625rem;
}

.campus-contact-link {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
}

.campus-contact-link:hover {
  color: #3F3FE6;
}

.campus-social-section {
  position: absolute;
  left: 62rem;
  top: 14rem;
  z-index: 2;
}

.campus-social-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 2.14875rem;
  line-height: 1.3;
  color: #000;
  margin: 0 0 0.625rem 0;
}

.campus-social-item {
  display: flex;
  align-items: center;
  gap: 1.3125rem;
}

.campus-social-icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  object-fit: contain;
}

.campus-social-text {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

.campus-footer-deco-logo {
  position: absolute;
  left: 31.4375rem;
  top: 10.5rem;
  width: 29.5625rem;
  height: 28.0844rem;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}