/* секция ТЕХНОЛОГИЧЕСКИЙ СТЕК */
#stack{
  border-top:1px solid #cfcfcf;
  padding-top:46px;
  margin-top:46px;
}
.stack-title{
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.02em;
  margin-bottom:22px;
  text-align:center;
}

/* базовая сетка — мобильная/планшет */
.stack-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}

/* карточка */
.stack-item{
  background:#fff;
  border:1px solid #d9d9d9;
  border-radius:14px;
  padding:16px 18px;
  text-align:center;
  box-shadow:0 1px 0 rgba(0,0,0,.02), 0 8px 20px rgba(0,0,0,.03);
}
.item-title{
  font-size:12px; text-transform:uppercase; letter-spacing:.03em; color:#555; margin-bottom:6px;
}
.item-values{
  font-size:16px; font-weight:500;
}

/* планшет — две колонки */
@media (min-width: 720px){
  .stack-grid{ grid-template-columns:repeat(2,1fr); }
}

/* десктоп — три сверху, две снизу (растягиваются на всю ширину) */
@media (min-width: 1024px){
  .stack-grid{
    grid-template-columns:repeat(6, 1fr);  /* 6 единиц сетки */
    gap:22px;
  }
  /* первые три карточки занимают по 2 единицы -> 3 штуки в первой строке */
  .stack-item{ grid-column: span 2; }
  /* 4-я и 5-я карточки занимают по 3 единицы -> 2 штуки во второй строке */
  .stack-item:nth-child(n+4){ grid-column: span 3; }
}

/* стрелка вниз после стека */
.stack-scroll-hint{
  display:flex; align-items:center; justify-content:center;
  width:24px; height:24px; margin:18px auto 0;
  color:#111; text-decoration:none; opacity:.85;
  animation:stack-bounce 1.6s infinite ease-in-out;
}
.scroll-arrow{ width:100%; height:100%; }
@keyframes stack-bounce{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(4px) } }