/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/about/about.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* src/app/about/about.module.css */

.about_aboutPageContainer__MIzfc {
  padding: 0px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/AboutPageBlocks/IntroBlock.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/* src/components/AboutPageBlocks/IntroBlock.module.css */

.IntroBlock_introSection__yLRvJ {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 160px); /* !! ЗАМЕНИ 80px !! */
  padding: 2rem 1rem;
  /* --- НОВЫЙ ФОН --- */
  background: #4e54c8;
  background: linear-gradient(to left, #8f94fb, #4e54c8);
  /* --- НОВЫЙ ЦВЕТ ТЕКСТА ДЛЯ ТЕМНОГО ФОНА --- */
  color: #f0f0f0; /* Светлый текст по умолчанию */
  font-family: var(--font-inter), sans-serif;
  overflow: hidden;
  position: relative;
}

.IntroBlock_introContentWrapper__FQxxM {
  width: 100%;
  max-width: 1264px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 1.5rem;
  position: relative;
  z-index: 1; /* Чтобы контент был НАД пузырьками */
}

.IntroBlock_introTextContent__QhYbB {
  width: 100%;
}

.IntroBlock_mainHeading__BAeY3 {
  font-size: clamp(1.8rem, 5vw, 3rem);
  color: #ffffff; /* Белый заголовок */
  margin-bottom: 0.25rem;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2); /* Легкая тень для читаемости */
}

.IntroBlock_subHeadingName__kVeTm {
  font-size: clamp(1.1rem, 3.2vw, 1.5rem);
  color: #d1d5db; /* Светло-серый для подзаголовка */
  font-weight: 600;
  margin-top: 0.15rem;
  margin-bottom: 1.25rem;
  line-height: 1.3;
}

.IntroBlock_introText__vQtWB {
  font-size: clamp(0.95rem, 2.5vw, 1.1rem);
  color: #e5e7eb; /* Еще один оттенок светло-серого */
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.IntroBlock_introImageContainer__41WSJ {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.IntroBlock_profileImage__ZRph_ {
  border-radius: 10px;
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.IntroBlock_introCtaButtons__sYxol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

/* --- НОВЫЕ СТИЛИ КНОПОК ДЛЯ ТЕМНОГО ФОНА --- */
.IntroBlock_button__Fl77W {
  padding: 0.75rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
  text-align: center;
  display: inline-block;
  border: 2px solid transparent;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  flex-grow: 0;
  flex-shrink: 0;
}

.IntroBlock_buttonPrimary__iZTzJ {
  background-color: #f0f0f0; /* Светлая кнопка */
  color: #3b4194; /* Темно-синий текст, как фон */
  border-color: #f0f0f0;
}
.IntroBlock_buttonPrimary__iZTzJ:hover {
   background-color: #ffffff;
   border-color: #ffffff;
   color: #4e54c8;
   transform: translateY(-2px) scale(1.02);
   box-shadow: 0 6px 18px rgba(255, 255, 255, 0.2);
}

.IntroBlock_buttonSecondary__Bgmpu {
  background-color: transparent;
  color: #e0e0e0; /* Светлый текст */
  border-color: #e0e0e0; /* Светлая рамка */
}
.IntroBlock_buttonSecondary__Bgmpu:hover {
   background-color: rgba(255, 255, 255, 0.1);
   color: #ffffff;
   border-color: #ffffff;
   transform: translateY(-2px) scale(1.02);
   box-shadow: 0 6px 18px rgba(255, 255, 255, 0.1);
}

/* --- СТИЛИ ДЛЯ АНИМАЦИИ ПУЗЫРЬКОВ-ЛОГОТИПОВ --- */
.IntroBlock_floatingCircles__ewmwa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  padding: 0;
  margin: 0;
}

.IntroBlock_floatingCircles__ewmwa li {
  position: absolute;
  display: flex; /* Чтобы центрировать Image внутри */
  align-items: center;
  justify-content: center;
  list-style: none;
  /* Базовые размеры, будут переопределены */
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.12); /* ПОЛУПРОЗРАЧНЫЙ БЕЛЫЙ ФОН ДЛЯ КВАДРАТИКА */
  animation: IntroBlock_animateBubbles__N1hf_ 25s linear infinite;
  bottom: -160px; /* Начальная позиция снизу */
  padding: 5px; /* Небольшой внутренний отступ, чтобы лого не прилипал к краям квадратика */
  border-radius: 8px; /* Слегка скруглим углы квадратика */
}

.IntroBlock_logoInBubble__NfuLu {
  opacity: 0.3;
  filter: brightness(1.8) contrast(0.9);
}

.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem1__KAsKQ  { left: 4%;   width: 130px; height: 130px; animation-delay: 0s; }        /* Google Analytics */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem2__zimI7  { left: 10%;  width: 110px; height: 110px; animation-delay: 2s; }        /* Yandex Metrika */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem3__u0YIR  { left: 16%;  width: 65px;  height: 65px;  animation-delay: 4s; }        /* Next.js */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem4__B5s5v  { left: 22%;  width: 75px;  height: 75px;  animation-delay: 0s; }        /* React */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem5__JUD6q  { left: 28%;  width: 55px;  height: 55px;  animation-delay: 1.5s; }      /* SendSay */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem6__UFOxF  { left: 34%;  width: 50px;  height: 50px;  animation-delay: 3s; }        /* Strapi */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem7__SbRp_  { left: 40%;  width: 60px;  height: 60px;  animation-delay: 15s; animation-duration: 45s; } /* Unisender */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem8__iq7Dx  { left: 46%;  width: 90px;  height: 90px;  animation-delay: 2s; animation-duration: 35s; }  /* VK Ads */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem9__qk4mJ  { left: 52%;  width: 100px; height: 100px; animation-delay: 0s; animation-duration: 11s; }  /* Yandex Direct */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem10__Dyrla { left: 58%;  width: 35px;  height: 35px;  animation-delay: 1s; }        /* Home Assistant */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem11__qvo2R { left: 64%;  width: 30px;  height: 30px;  animation-delay: 5s; }        /* Figma */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem12__fRjua { left: 70%;  width: 110px; height: 110px; animation-delay: 3s; }        /* AmoCRM */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem13__INeCD { left: 76%;  width: 120px; height: 120px; animation-delay: 2.5s; }      /* Bitrix24 */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem14__QfzHv { left: 82%;  width: 100px; height: 100px; animation-delay: 9s; }        /* ORD-A */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem15__RsNy5 { left: 88%;  width: 100px; height: 100px; animation-delay: 5s; }        /* Roistat */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem16__o6DIr { left: 94%;  width: 80px;  height: 80px;  animation-delay: 8s; }        /* Power BI */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem17__Gz4VY { left: 18%;  width: 60px;  height: 60px;  animation-delay: 10s; }       /* Trello */
.IntroBlock_floatingCircles__ewmwa .IntroBlock_circleItem18__UeRyo { left: 60%;  width: 85px;  height: 85px;  animation-delay: 6s; }        /* MTS-Link */

@keyframes IntroBlock_animateBubbles__N1hf_ {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1; /* Квадратик видим */
    border-radius: 8px; /* Начальный border-radius квадратика */
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%; /* Квадратик становится кругом и исчезает */
  }
}

/* Медиа-запросы для адаптивности ОСТАЛЬНОГО КОНТЕНТА (текст, фото, кнопки) */
@media (min-width: 768px) {
  .IntroBlock_introSection__yLRvJ { padding: 3rem 2rem; min-height: calc(100vh - 100px);}
  .IntroBlock_introContentWrapper__FQxxM { flex-direction: row; justify-content: space-between; gap: 2.5rem; align-items: stretch; }
  .IntroBlock_introTextContent__QhYbB { flex-basis: 58%; max-width: none; display: flex; flex-direction: column; align-items: flex-start; }
  .IntroBlock_introImageContainer__41WSJ { flex-basis: 38%; display: flex; align-items: stretch; justify-content: flex-end; min-height: 250px; width: auto; }
  .IntroBlock_profileImage__ZRph_ {
    width: 100%; height: 100%; object-fit: cover;
    max-width: none;
  }
  .IntroBlock_introCtaButtons__sYxol { flex-wrap: nowrap; width: auto; margin-top: 1.5rem; }
}

@media (min-width: 1024px) {
  .IntroBlock_introSection__yLRvJ { padding: 4rem 3rem; }
  .IntroBlock_mainHeading__BAeY3 { font-size: clamp(2.5rem, 5vw, 3.5rem); }
  .IntroBlock_introText__vQtWB { font-size: clamp(1.1rem, 2.2vw, 1.25rem); }
  .IntroBlock_introImageContainer__41WSJ { min-height: 300px; }
}

@media (max-width: 420px) {
  .IntroBlock_introCtaButtons__sYxol { flex-direction: column; align-items: flex-start; }
  .IntroBlock_button__Fl77W { width: 100%; padding: 0.75rem 0; }
  .IntroBlock_introSection__yLRvJ { padding-top: 90px; }
  .IntroBlock_circleItem1__KAsKQ  { width: 45px !important; height: 45px !important; left: 10% !important; }
  .IntroBlock_circleItem2__zimI7  { width: 45px !important; height: 45px !important; left: 30% !important; }
  .IntroBlock_circleItem9__qk4mJ  { width: 45px !important; height: 45px !important; left: 50% !important; }
  .IntroBlock_circleItem12__fRjua { width: 45px !important; height: 45px !important; left: 70% !important; }
  .IntroBlock_circleItem13__INeCD { width: 45px !important; height: 45px !important; left: 90% !important; }
}

@media (max-width: 768px) {
  /* Скрываем второстепенные */
  .IntroBlock_circleItem3__u0YIR,
  .IntroBlock_circleItem4__B5s5v,
  .IntroBlock_circleItem5__JUD6q,
  .IntroBlock_circleItem6__UFOxF,
  .IntroBlock_circleItem7__SbRp_,
  .IntroBlock_circleItem8__iq7Dx,
  .IntroBlock_circleItem10__Dyrla,
  .IntroBlock_circleItem11__qvo2R,
  .IntroBlock_circleItem15__RsNy5,
  .IntroBlock_circleItem16__o6DIr,
  .IntroBlock_circleItem17__Gz4VY,
  .IntroBlock_circleItem18__UeRyo {
    display: none !important;
  }

  /* Уменьшаем размер оставшихся */
  .IntroBlock_circleItem1__KAsKQ,
  .IntroBlock_circleItem2__zimI7,
  .IntroBlock_circleItem9__qk4mJ,
  .IntroBlock_circleItem12__fRjua,
  .IntroBlock_circleItem13__INeCD,
  .IntroBlock_circleItem14__QfzHv {
    width: 60px !important;
    height: 60px !important;
  }

  /* Распределяем по горизонтали */
  .IntroBlock_circleItem1__KAsKQ  { left: 10% !important; }  /* GA */
  .IntroBlock_circleItem2__zimI7  { left: 25% !important; }  /* Metrika */
  .IntroBlock_circleItem9__qk4mJ  { left: 40% !important; }  /* Yandex Direct */
  .IntroBlock_circleItem12__fRjua { left: 55% !important; }  /* AmoCRM */
  .IntroBlock_circleItem13__INeCD { left: 70% !important; }  /* Bitrix24 */
  .IntroBlock_circleItem14__QfzHv { left: 85% !important; }  /* ORD-A */
}