/* ============================================================
   Dataplaner — общие стили сайта (стиль «Спокойный финтех»).
   Подключают index.html, legal.html, doc.html. wrong-host.html живёт
   отдельно: на чужом хосте nginx отдаёт её на ЛЮБОЙ путь, ассеты туда не доедут.
   Токены и решения — docs/SAAS_LANDING_REDESIGN.md.
   Вёрстка страниц перенесена из утверждённых макетов один в один, поэтому
   основная часть оформления — в атрибутах style; здесь только общее.
   ============================================================ */

/* Шрифты лежат рядом: CSP прода пускает шрифты только со своего origin.
   Файл Golos Text — переменный 400–600; объявлен до 700, чтобы «жирный» брал 600,
   а не дорисовывал ложный полужирный. */
@font-face{font-family:'Golos Text';src:url('fonts/GolosText-400-600.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
/* Martian Mono — только цифры (стеки в разметке: 'Martian Mono',ui-monospace,monospace).
   Статические начертания 400 и 500 из релиза evilmartians/mono v1.1.0, OFL — лицензия рядом. */
@font-face{font-family:'Martian Mono';src:url('fonts/MartianMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Martian Mono';src:url('fonts/MartianMono-Medium.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#F4F5F7}
[hidden]{display:none !important}
a{color:#12171C}
a:hover{color:#0B5D47}
img,svg{max-width:100%}

/* показ/скрытие по ширине */
.only-mobile{display:none}
@media (max-width:860px){.only-desktop{display:none !important}.only-mobile{display:flex !important}}
/* шапка сворачивается в меню раньше остальной вёрстки: пять пунктов и две кнопки не влезают уже в 960px */
.hdr-mob{display:none}
@media (max-width:960px){.hdr-desk{display:none !important}.hdr-mob{display:flex !important}}
.show-sm{display:none}
@media (max-width:640px){.hide-sm{display:none !important}.show-sm{display:flex !important}}

/* кнопки и поля */
.btn-p:hover{background:#084836 !important;color:#FFFFFF !important}
.btn-s:hover{border-color:#12171C !important;color:#12171C !important}
input:focus,textarea:focus{outline:2px solid #0B5D47;outline-offset:1px;border-color:#0B5D47 !important}
input::placeholder,textarea::placeholder{color:#5F6873;opacity:1}
a:focus-visible,button:focus-visible{outline:2px solid #0B5D47;outline-offset:2px}
button:disabled{cursor:default}
.btn-p:disabled{background:#C9CFD6 !important;color:#3D4650 !important}

/* вопросы */
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary:hover{color:#0B5D47}
summary:focus-visible{outline:2px solid #0B5D47;outline-offset:-2px;border-radius:14px}
details[open] .faq-icon{transform:rotate(180deg)}
.faq-answer p,.faq-answer ul{margin:0}
.faq-answer p+p,.faq-answer p+ul,.faq-answer ul+p{margin-top:10px}
.faq-answer ul{padding-left:20px}

/* переключатель периода в тарифах */
[role="group"] button[aria-pressed="false"]:hover{background:#F1F3F5 !important;color:#12171C !important}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.plans{grid-template-columns:minmax(0,1fr)}}

/* шапка прилипает к верху; фон сплошной — без «стекла» */
.site-hdr{position:sticky;top:0;z-index:50;background:#F4F5F7}

/* меню на телефоне: на весь экран поверх страницы */
.mnav{position:fixed;inset:0;z-index:10000;background:#F4F5F7;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
body.nav-open{overflow:hidden}
@media (min-width:961px){.mnav{display:none !important}}

/* форма заявки: ошибки и сообщения */
.field-err{display:flex;align-items:flex-start;gap:6px;font-size:13.5px;line-height:1.4;color:#B4232F}
.field-err svg{flex:none;margin-top:2px}
input[aria-invalid="true"],textarea[aria-invalid="true"]{border:1.5px solid #B4232F !important;background:#FFFFFF !important}
input[type="checkbox"][aria-invalid="true"]{outline:1.5px solid #B4232F;outline-offset:1px}
.form-alert{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#FBECEC;border:1px solid #F2C9CC;font-size:14px;line-height:1.5;color:#12171C}
.form-alert b{font-weight:600;color:#B4232F}
.form-alert a{color:#12171C}
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* тексты из админки (мини-разметка: абзацы, «## » подзаголовки, «- » списки) */
.prose p{margin:0 0 14px}
.prose p:last-child{margin-bottom:0}
.prose h3{margin:26px 0 10px;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-0.015em;color:#12171C}
.prose h3:first-child{margin-top:0}
.prose ul{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.prose li::marker{color:#0B5D47}
/* таблицы из «| … |» в текстах админки: на узком экране листаются вбок внутри себя */
.md-table{overflow-x:auto;border:1px solid #E2E5E9;border-radius:14px;background:#FFFFFF}
.md-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.5}
.md-table th{text-align:left;font-weight:600;color:#12171C;background:#F8F9FA}
.md-table th,.md-table td{padding:10px 14px;vertical-align:top;border-top:1px solid #EDF0F2}
.md-table thead th{border-top:none}
.prose .md-table{margin:0 0 14px}

/* шапка: пункты не переносятся; второстепенные (.hdr-wide) прячутся, пока шапке тесно */
.site-hdr a{white-space:nowrap}
@media (max-width:1100px){.hdr-wide{display:none !important}}

/* новости: карточки на главной и в ленте news.html */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.news-grid{grid-template-columns:minmax(0,1fr)}}
.news-card{transition:border-color .15s ease}
.news-card:hover{border-color:#C9CFD6 !important}
.news-card:hover .news-title{color:#0B5D47}
.news-body ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.news-body li::marker{color:#0B5D47}
.news-body p{margin:0}
.news-body h3{margin:12px 0 0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-0.015em;color:#12171C}

/* загрузка / пусто / ошибка на страницах с данными из API */
.state-note{padding:18px 20px;border-radius:16px;background:#FFFFFF;border:1px solid #E2E5E9;font-size:15px;line-height:1.55;color:#3D4650}
.state-note.is-error{background:#FBECEC;border-color:#F2C9CC;color:#12171C}

/* скопировано */
.copied-tip{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;padding:10px 16px;border-radius:12px;background:#12171C;color:#FFFFFF;font-size:14px;line-height:1.4;box-shadow:0 8px 24px -10px rgba(18,23,28,0.45)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .faq-icon{transition:none !important}
}

/* печать реквизитов и документов: только содержание */
@media print{
  body,div[style*="background:#F4F5F7"]{background:#FFFFFF !important}
  .site-hdr,.no-print,footer,.mnav,#dp-cookie-banner{display:none !important}
  a{color:#12171C !important;text-decoration:none !important}
}