/* Общие стили новых вкладок лендинга (каркас 08.09).
   Палитра и типографика — те же, что на главной: синий #0055D3 на светлом.
   Шапка и подвал приезжают инлайном вместе с разметкой, здесь — только
   медиа-запросы и стили самих страниц. */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:#FAFAFA;font-family:'Manrope',-apple-system,system-ui,sans-serif;color:#16130D;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;zoom:.8}
@media(min-width:881px){body{zoom:1}}
a{color:inherit}
.tg-page{position:relative;min-height:60vh;isolation:isolate}
/* Подложка как у героя: мелкая синяя сетка и свечение, размытые книзу
   (Юра 09.09). Псевдоэлемент: ни картинок, ни лишних запросов. */
.tg-page::before{content:'';position:absolute;left:0;right:0;top:0;height:1100px;z-index:-1;
  pointer-events:none;
  background-image:
    radial-gradient(58% 44% at 50% 12%,rgba(0,85,211,.14),transparent 70%),
    linear-gradient(rgba(0,85,211,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,85,211,.085) 1px,transparent 1px);
  background-size:100% 100%,28px 28px,28px 28px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}

/* --- вступление страницы --- */
.page-intro{padding:170px 0 56px}
/* Надзаголовок: точка и текст, без рамки — как в секции «Всё, что умеет». */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:rgba(22,19,13,0.6);margin-bottom:20px}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#0055D3;flex:none}
.page-intro h1{font-size:clamp(36px,4.6vw,66px);font-weight:800;line-height:1.04;letter-spacing:-0.035em;max-width:17ch}
.page-intro h1 em{font-style:normal;color:#0055D3}
.page-intro p.lead{margin-top:22px;font-size:clamp(15px,1.5vw,19px);line-height:1.5;color:rgba(22,19,13,0.62);max-width:56ch}

/* --- заглушка «раздел собирается» --- */
.soon{margin:0 0 110px;border:1.5px dashed rgba(0,85,211,0.35);background:rgba(0,85,211,0.04);padding:26px 28px;max-width:760px}
.soon b{display:block;font-size:15px;font-weight:800;margin-bottom:8px}
.soon p{font-size:13.5px;line-height:1.6;color:rgba(22,19,13,0.66)}
.soon ul{margin:12px 0 0 18px;font-size:13.5px;line-height:1.7;color:rgba(22,19,13,0.66)}

/* --- адаптив шапки и подвала: как на главной --- */
@media(max-width:980px){
  .nav-menu{display:none !important}
  .footer-grid{grid-template-columns:1fr 1fr !important;gap:32px 24px !important}
  .site-footer{padding:72px 20px 40px !important}
  .page-intro{padding:130px 0 44px}
}
@media(max-width:520px){
  .nav-login{display:none !important}
  .footer-grid{grid-template-columns:1fr !important}
}