/* =========================
   ADVANTAGES — CENTER / PRO / NO WRAP TITLES
   + PRO SECTION TRANSITION
========================= */

.advantages{
  position: relative;
  padding: clamp(64px, 6vw, 96px) 0;

  /* Smooth transition background (previous section -> advantages) */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f5f6f7 24%,
    #ffffff 78%,
    #ffffff 100%
  );
}

/* Soft depth at top (studio-like separation) */
.advantages::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:52px;

  background: linear-gradient(
    to bottom,
    rgba(17,24,39,0.06),
    rgba(17,24,39,0)
  );

  pointer-events:none;
}

/* Optional: soft exit to next block */
.advantages::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:48px;

  background: linear-gradient(
    to top,
    rgba(17,24,39,0.04),
    rgba(17,24,39,0)
  );

  pointer-events:none;
}

.advantages__header{
  text-align: center;
  max-width: 760px;
  margin: 0 auto 44px;
}

.advantages__title{
  margin: 0 0 12px;
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #1f2937;
}

.advantages__subtitle{
  margin: 0 auto;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(31,41,55,0.72);
}

/* =========================
   GRID
========================= */

.advantages__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

@media (max-width: 1024px){
  .advantages__grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px){
  .advantages__grid{
    grid-template-columns: 1fr;
  }
}

/* =========================
   CARD (premium + aligned)
========================= */

.adv-card{
  display: grid;
  grid-template-rows:
    96px   /* icon zone */
    40px   /* title zone (one line) */
    auto;  /* text zone */

  justify-items: center;
  text-align: center;

  background: #ffffff;
  border-radius: 24px;
  padding: 28px 26px 32px revealing;
  border: 1px solid rgba(17,24,39,0.08);
  box-shadow: 0 18px 56px rgba(17,24,39,0.06);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.adv-card:hover{
  transform: translateY(-4px);
  border-color: rgba(249,115,22,0.28);
  box-shadow: 0 32px 96px rgba(17,24,39,0.12);
}

/* =========================
   ICON — centered & bigger
========================= */

.adv-card__icon{
  width: 72px;
  height: 72px;
  place-self: center;

  display: grid;
  place-items: center;

  border-radius: 20px;
  background: rgba(249,115,22,0.14);
}

.adv-ic{
  width: 36px;
  height: 36px;
  stroke: #f97316;
  fill: none;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================
   TITLE — ALWAYS ONE LINE
========================= */

.adv-card__title{
  margin: 0;
  align-self: start;
  padding-top: 6px;

  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 800;
  line-height: 1.2;
  color: #111827;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* =========================
   TEXT
========================= */

.adv-card__text{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(31,41,55,0.72);
}