/* Страницы услуг и маршрутов. Дополняет site.css (общая палитра/шрифты уже там). */

.pg{background:#0b1220;color:#dbe4f0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.7;margin:0}

/* Шапка */
.pg-hd{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:18px 32px;background:rgba(11,18,32,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:50;flex-wrap:wrap}
.pg-logo img{height:38px;width:auto;display:block}
.pg-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.pg-nav a{color:#9fb0c9;text-decoration:none;font-size:15px;font-weight:500;transition:.2s}
.pg-nav a:hover{color:#00BBDD}
.pg-nav .pg-tel{color:#e8eef7;font-weight:700}

/* Контент */
.pg-main{max-width:820px;margin:0 auto;padding:56px 24px 80px}
.pg-main h1{font-family:'Montserrat',sans-serif;font-size:clamp(30px,5vw,44px);line-height:1.15;
  font-weight:800;color:#fff;margin:0 0 20px;letter-spacing:-.5px}
.pg-lead{font-size:19px;color:#a9bbd2;margin:0 0 44px;padding-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,.08)}
.pg-main h2{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#fff;
  margin:44px 0 14px;letter-spacing:-.2px}
.pg-main h3{font-size:18px;font-weight:700;color:#e8eef7;margin:26px 0 8px}
.pg-main p{margin:0 0 16px;color:#c3d0e2}

/* FAQ — блоки, из которых Google собирает раскрывашки в выдаче */
.pg-faq{margin-top:56px;padding-top:36px;border-top:1px solid rgba(255,255,255,.08)}
.pg-faq-i{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.pg-faq-i:last-child{border-bottom:0}
.pg-faq-i h3{margin:0 0 8px;color:#00BBDD;font-size:17px}
.pg-faq-i p{margin:0;color:#a9bbd2}

/* Перелинковка */
.pg-rel{margin-top:56px}
.pg-rel h2{margin-bottom:18px}
.pg-rel-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.pg-rel-i{display:block;padding:16px 18px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#dbe4f0;
  text-decoration:none;font-weight:600;font-size:15px;transition:.2s}
.pg-rel-i:hover{background:rgba(0,187,221,.1);border-color:#00BBDD;color:#00BBDD}

/* Призыв к действию */
.pg-cta{margin-top:64px;padding:40px 32px;text-align:center;border-radius:8px;
  background:linear-gradient(135deg,rgba(0,187,221,.12),rgba(214,60,45,.08));
  border:1px solid rgba(0,187,221,.25)}
.pg-cta h2{margin:0 0 10px}
.pg-cta p{color:#a9bbd2;margin:0 0 24px}
.pg-btn{display:inline-block;padding:15px 38px;background:#00BBDD;color:#0b1220;
  text-decoration:none;font-weight:700;border-radius:4px;transition:.2s}
.pg-btn:hover{background:#009FBC;transform:translateY(-1px)}

/* Подвал */
.pg-ft{border-top:1px solid rgba(255,255,255,.08);background:#080d17;margin-top:80px}
.pg-ft-in{max-width:1080px;margin:0 auto;padding:48px 24px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
.pg-ft h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#6b7f9c;
  margin:0 0 16px;font-weight:700}
.pg-ft ul{list-style:none;padding:0;margin:0}
.pg-ft li{margin-bottom:9px}
.pg-ft a{color:#9fb0c9;text-decoration:none;font-size:15px;transition:.2s}
.pg-ft a:hover{color:#00BBDD}
.pg-ft p{margin:0 0 9px;color:#9fb0c9;font-size:15px}
.pg-ft-bot{text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,.06);
  color:#556b8a;font-size:14px}

@media(max-width:640px){
  .pg-hd{padding:14px 18px}
  .pg-nav{gap:16px;font-size:14px}
  .pg-main{padding:36px 18px 60px}
  .pg-lead{font-size:17px}
}