/* Первый экран «Мечтай правильно» - в токенах MGM Glass */
.hero--mnfq h1 { font-size: clamp(34px, 6vw, 68px); max-width: 16ch; margin-inline: auto; }
.hero--mnfq .hero__lead { max-width: 60ch; font-size: clamp(16px, 1.8vw, 19px); }
.hero__actions--key { margin-top: 14px; }
.hero__chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 22px; }
.chip {
	display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 999px;
	font-size: 14px; font-weight: 520; color: var(--ink-soft); text-decoration: none;
	background: var(--glass-shade); border: 1px solid var(--glass-edge);
	transition: color .3s var(--ease), transform .3s var(--ease);
}
.chip:hover { color: var(--ink); transform: translateY(-1px); }
.hero__routes { margin-top: 20px; }
.card--route { display: flex; flex-direction: column; gap: 6px; color: inherit; text-decoration: none; }
.card--route h3 { margin: 0; }
.card__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--ink-faint); }
@media (max-width: 640px) {
	.hero--mnfq .hero__actions .btn { width: 100%; justify-content: center; text-align: center; }
}
@media (min-width: 860px) { .hero__routes { grid-template-columns: repeat(3, 1fr); } }