/* 1. hero: на 577-1100 px заголовок и правый блок в столбик */
@media (min-width:577px) and (max-width:1100px){
  .hero__inner{flex-direction:column;align-items:flex-start;gap:32px}
  .hero__title{flex:none;width:100%;max-width:none}
  .hero__aside{flex:none;width:100%;max-width:594px}
}
/* 2. тап-зоны: футер и меню не меньше 44 px */
@media (max-width:1024px),(pointer:coarse){
  .footer__col{gap:0}
  .footer__col a,.footer__col span{display:flex;align-items:center;min-height:44px}
  .header__link{display:inline-flex;align-items:center;min-height:44px}
}
/* 3. контраст на тёмном: светлый синий и светлее вторичный текст */
.title--light span,.hero__title span,.hero__label{color:#86a9e8}
.hero__note,.footer__desc{color:#aab2bf}