/* Промо-блок питальника «Мій шлях легалізації» під першим екраном головної.
 *
 * Живе окремим файлом, а не в <style> кожного index.html: копій головної п'ять
 * (корінь плюс /uk/ /ru/ /pl/ /en/), і вони вже розійшлись між собою. Дублювати
 * стилі п'ять разів означало б посадити шосте розходження.
 *
 * Форма змодельована з .partner-teaser: текст плюс кнопка праворуч, на мобілці
 * колонкою. Відрізняється фоном: блок стоїть між світлим hero і темною
 * .preview, тому має світлу підкладку і зелений акцент, щоб не читався як
 * продовження hero і не конкурував з його головною кнопкою.
 */
.pathfinder { background:var(--light); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:3.25rem 2rem; }
.pathfinder-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2.5rem; flex-wrap:wrap; }
.pathfinder-text { flex:1; min-width:260px; }
.pathfinder-tag { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green); margin-bottom:.625rem; }
.pathfinder-title { font-size:1.35rem; font-weight:700; color:var(--navy); letter-spacing:-.02em; margin-bottom:.625rem; }
.pathfinder-desc { font-size:.9rem; color:var(--grey); line-height:1.75; max-width:520px; }
.pathfinder-cta { display:inline-flex; align-items:center; gap:.5rem; background:var(--green); color:#fff; padding:.75rem 1.75rem; border-radius:10px; font-size:.95rem; font-weight:600; text-decoration:none; transition:background .2s; white-space:nowrap; flex-shrink:0; }
.pathfinder-cta:hover { background:#15803d; }

@media (max-width:600px) {
  .pathfinder { padding:2.5rem 1.25rem; }
  .pathfinder-inner { flex-direction:column; align-items:stretch; }
  .pathfinder-text { min-width:0; }
  .pathfinder-cta { white-space:normal; text-align:center; justify-content:center; }
}