/* HERO */
.hero{padding:72px 0 48px;text-align:center}
.hero h1{font-size:clamp(28px,4.5vw,48px);margin-bottom:8px}
.hero p{color:#6c757d;margin-bottom:16px}

/* Сітки блоків */
.features,.services,.prices,.cta{display:grid;gap:16px}
.features,.services,.prices{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Карточки/посилання */
.card,.svc,.price{
  border:1px solid #e5e7eb;border-radius:16px;padding:16px;
  display:block;text-decoration:none
}
.card:hover,.svc:hover,.price:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  transition:.2s
}

/* CTA */
.cta{justify-items:center;text-align:center;padding:24px;
  border:1px dashed #d0d7de;border-radius:16px}

/* Анімація появи */
.fade-in{opacity:0;transform:translateY(12px);animation:fi .7s ease-out .06s forwards}
.fade-in.delay2{animation-delay:.22s}
@keyframes fi{to{opacity:1;transform:none}}

/* Адаптив */
@media (max-width:991px){.features,.services,.prices{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.features,.services,.prices{grid-template-columns:1fr}}