.vy-group { margin: 28px 0 12px; font-size: 18px; font-weight: 700; }
.vy-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.vy-card { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border: 1px solid #e3e8ef; border-radius: 12px; background: #fff; color: inherit; text-decoration: none; transition: box-shadow .15s, border-color .15s; }
.vy-card:hover { border-color: #b9c6dc; box-shadow: 0 4px 16px rgba(20, 40, 80, .08); }
.vy-card b { font-size: 16px; line-height: 1.3; }
.vy-card span { font-size: 14px; line-height: 1.5; color: #5b6578; }
.vy-widget { padding: 28px 24px; text-align: center; }
.vy-widget h3 { margin: 0 0 8px; font-size: 20px; }
.vy-widget p { margin: 0; color: #5b6578; }

/* Первый экран: фон — service-hero-vyplaty.webp, правило hero-bg--vyplaty в service-landing.css */