/*
 * Общие стили лендингов нового дизайна (docs/landings.md).
 * Стили страниц лежат рядом ({key}.css) и уже ограничены контейнером .ba-landing,
 * поэтому не влияют на шапку, подвал и остальные страницы сайта.
 */
:root{--site-h:94px}
@media (max-width:992px){:root{--site-h:80px}}

/* shared.css сайта обнуляет отступы у всех элементов (*{margin:0;padding:0}) и стили ссылок/кнопок.
   Лендинги свёрстаны от стандартных стилей браузера — возвращаем их только внутри .ba-landing. */
.ba-landing :where(p,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,blockquote,fieldset,legend,details,summary,table){margin:revert;padding:revert}
.ba-landing :where(a){color:revert;text-decoration:revert}
.ba-landing :where(button,input,textarea,select){border:revert;background-color:revert;outline:revert;cursor:revert}
.ba-landing :where(button){cursor:pointer}
.ba-landing{display:block;overflow-x:clip;-webkit-font-smoothing:antialiased}
.ba-landing img{max-width:revert}

/* форма заявки (BA.openLead) */
html.ba-modal-open{overflow:hidden}
.ba-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px;background:rgba(3,4,6,.78);backdrop-filter:blur(4px);
  font-family:Inter,'Helvetica Neue',Arial,sans-serif;animation:ba-modal-in .25s ease}
@keyframes ba-modal-in{from{opacity:0}}
.ba-modal *{box-sizing:border-box}
.ba-modal__box{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:30px 28px 24px;border-radius:20px;
  background:#0E1217;border:1px solid #273039;color:#ECF0F2;display:grid;gap:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.ba-modal__x{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#8D99A4;font-size:28px;line-height:1;cursor:pointer}
.ba-modal__x:hover{color:#fff;background:#1B222A}
.ba-modal__eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#4DB2BC}
.ba-modal__title{margin:0;font-family:'Dela Gothic One',Impact,sans-serif;font-weight:400;font-size:26px;line-height:1.1;text-transform:uppercase}
.ba-modal__sub{margin:0;color:#B9C3CB;font-size:15px;line-height:1.5}
.ba-modal__ctx{margin:0;padding:10px 12px;border-radius:10px;background:#151B22;border:1px solid #273039;font-size:14px;color:#D6DEE3;line-height:1.45}
.ba-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.ba-modal label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#8D99A4}
.ba-modal__full{grid-column:1/-1}
.ba-modal input,.ba-modal textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:10px;border:1px solid #273039;background:#07090C;color:#ECF0F2;font:16px Inter,Arial,sans-serif;outline:none}
.ba-modal input:focus,.ba-modal textarea:focus{border-color:#4DB2BC}
.ba-modal input[aria-invalid="true"]{border-color:#F0A86B}
.ba-modal textarea{min-height:80px;resize:vertical}
.ba-modal__send{min-height:54px;margin-top:6px;border:0;border-radius:12px;background:#4DB2BC;color:#06080A;font-family:'Dela Gothic One',Impact,sans-serif;font-size:15px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.ba-modal__send:disabled{opacity:.6;cursor:default}
.ba-modal__msg{margin:0;min-height:1.2em;font-size:14px;font-weight:600}
.ba-modal__msg.is-err{color:#F0A86B}
.ba-modal__agree{margin:0;font-size:12px;color:#6C7782}
@media (max-width:560px){.ba-modal__grid{grid-template-columns:1fr}.ba-modal__box{padding:26px 18px 20px}}