.site-main{ padding-top: 86px; }

.section{
  padding: 84px 0;
}

.section__head{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 26px;
}

.grid-2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.grid-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.card{
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.card--grad{
  background: linear-gradient(180deg, rgba(25,159,250,.16), rgba(115,42,240,.12));
  border-color: rgba(255,255,255,.14);
}

.page-hero{
  padding: 90px 0 60px;
}

@media (max-width: 900px){
  .grid-2{ grid-template-columns: 1fr; }
  .grid-3{ grid-template-columns: 1fr; }
  .section{ padding: 64px 0; }
}

[data-reveal]{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .55s ease, transform .55s ease;
  will-change: opacity, transform;
}
[data-reveal].is-revealed{
  opacity: 1;
  transform: translateY(0);
}