/* Общий стиль сайта: шрифт Inter (свой, без внешних CDN), спокойные цвета, поисковая выдача. */
@font-face { font-family: 'Inter Var'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-cyrillic-wght-normal.woff2') format('woff2-variations'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter Var'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2-variations'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root, [data-bs-theme] {
  --tblr-font-sans-serif: 'Inter Var', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-secondary-color: #4b5563;
  --site-muted: #4b5563;
  --site-line: #e5e7eb;
}
body { font-family: var(--tblr-font-sans-serif); font-size: 15px; line-height: 1.6; font-feature-settings: 'cv11', 'ss01'; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .h1, .h2, .h3 { letter-spacing: -.015em; }
.text-secondary, .text-muted, .form-text, .card-subtitle { color: var(--site-muted) !important; }
.page-body { margin-top: 0; }

/* ---------- главная ---------- */
.home-hero { padding: 3.5rem 0 2.5rem; text-align: center; }
.home-hero h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700; line-height: 1.2; max-width: 720px; margin: 0 auto .75rem; }
.home-hero .lead { color: var(--site-muted); font-size: 1.0625rem; max-width: 620px; margin: 0 auto 1.75rem; }
.search-box { position: relative; max-width: 640px; margin: 0 auto; text-align: left; }
.search-box .form-control { height: 3.25rem; padding-left: 2.75rem; padding-right: 7rem; font-size: 1rem; border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
.search-box .search-ico { position: absolute; left: 1rem; top: 0; height: 3.25rem; display: flex; align-items: center; color: #9ca3af; font-size: 1.25rem; pointer-events: none; }
.search-box .search-go { position: absolute; right: .375rem; top: .375rem; height: 2.5rem; border-radius: 9px; padding: 0 1.1rem; }
.search-hints { margin-top: 1rem; font-size: .9375rem; color: var(--site-muted); }
.search-hints a { color: var(--tblr-body-color); text-decoration: none; border-bottom: 1px dashed #9ca3af; margin: 0 .5rem; white-space: nowrap; }
.search-hints a:hover { color: var(--tblr-primary); border-color: var(--tblr-primary); }
.suggest { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 6px); background: var(--tblr-bg-surface, #fff); border: 1px solid var(--site-line); border-radius: 12px; box-shadow: 0 10px 30px rgba(15, 23, 42, .12); overflow: hidden; display: none; }
.suggest.open { display: block; }
.suggest a { display: block; padding: .625rem 1rem; color: var(--tblr-body-color); text-decoration: none; }
.suggest a small { display: block; color: var(--site-muted); }
.suggest a:hover, .suggest a.active { background: rgba(var(--tblr-primary-rgb), .07); }
.home-section { margin-bottom: 3rem; }
.home-section > h2 { font-size: 1.25rem; font-weight: 650; margin-bottom: 1rem; }
.cat-tile { display: flex; gap: .875rem; align-items: flex-start; padding: 1rem 1.125rem; border: 1px solid var(--site-line); border-radius: 12px; background: var(--tblr-bg-surface, #fff); color: inherit; text-decoration: none; height: 100%; transition: border-color .15s, box-shadow .15s; }
.cat-tile:hover { border-color: rgba(var(--tblr-primary-rgb), .5); box-shadow: 0 2px 10px rgba(15, 23, 42, .06); color: inherit; }
.cat-tile .ico { flex: none; width: 2.5rem; height: 2.5rem; border-radius: 10px; background: #f1f3f5; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: #374151; }
.cat-tile .t { font-weight: 600; line-height: 1.3; }
.cat-tile .d { color: var(--site-muted); font-size: .875rem; margin-top: .125rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cat-tile .n { color: #6b7280; font-size: .8125rem; margin-top: .375rem; }
.doc-list { border: 1px solid var(--site-line); border-radius: 12px; background: var(--tblr-bg-surface, #fff); overflow: hidden; }
.doc-row { display: flex; align-items: center; gap: 1rem; padding: .875rem 1.125rem; color: inherit; text-decoration: none; border-top: 1px solid var(--site-line); }
.doc-row:first-child { border-top: 0; }
.doc-row:hover { background: #f9fafb; color: inherit; }
.doc-row .main { flex: 1; min-width: 0; }
.doc-row .t { font-weight: 600; }
.doc-row .d { color: var(--site-muted); font-size: .875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.doc-row .cat { font-size: .8125rem; color: #6b7280; }
.price { font-size: .875rem; font-weight: 600; white-space: nowrap; }
.price.free { color: #2f9e44; }
.doc-row .go { color: #9ca3af; }
.steps-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; padding: 1.5rem 0; border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); }
.steps-strip .n { display: inline-flex; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #f1f3f5; color: #374151; font-weight: 600; font-size: .875rem; align-items: center; justify-content: center; margin-bottom: .5rem; }
.steps-strip .t { font-weight: 600; }
.steps-strip .d { color: var(--site-muted); font-size: .9375rem; }

/* ---------- поиск ---------- */
.serp { max-width: 760px; margin: 0 auto; }
.serp .search-box { max-width: none; margin: 0 0 1rem; }
.serp-meta { color: var(--site-muted); font-size: .9375rem; margin-bottom: 1rem; }
.serp-filter { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--site-line); }
.serp-filter a { padding: .5rem 0; color: var(--site-muted); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; font-size: .9375rem; }
.serp-filter a:hover { color: var(--tblr-body-color); }
.serp-filter a.active { color: var(--tblr-primary); border-color: var(--tblr-primary); font-weight: 600; }
.serp-item { padding: 1rem 0; border-bottom: 1px solid var(--site-line); }
.serp-item:last-child { border-bottom: 0; }
.serp-item .path { font-size: .8125rem; color: #6b7280; }
.serp-item .path a { color: inherit; text-decoration: none; }
.serp-item .path a:hover { text-decoration: underline; }
.serp-item h3 { font-size: 1.1875rem; font-weight: 600; margin: .125rem 0 .25rem; line-height: 1.35; }
.serp-item h3 a { color: var(--tblr-primary); text-decoration: none; }
.serp-item h3 a:hover { text-decoration: underline; }
.serp-item p { margin: 0 0 .375rem; color: #374151; }
.serp mark { background: #fff3bf; color: inherit; padding: 0 .1em; border-radius: 3px; }
.serp-empty { padding: 2rem 0; }
.link-list { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 2rem; }
.link-list li { padding: .25rem 0; break-inside: avoid; }
.link-list a { color: var(--tblr-body-color); text-decoration: none; }
.link-list a:hover { color: var(--tblr-primary); text-decoration: underline; }
@media (max-width: 575.98px) { .link-list { columns: 1; } .home-hero { padding: 2rem 0 1.5rem; } .doc-row .go { display: none; } }

/* ---------- карточки документов на главной ---------- */
.doc-card { display: flex; flex-direction: column; height: 100%; padding: 1.125rem 1.25rem; border-radius: 12px; background: var(--tblr-bg-surface, #fff); border: 1px solid var(--site-line); color: inherit; text-decoration: none; transition: box-shadow .15s, border-color .15s; }
.doc-card:hover { border-color: rgba(var(--tblr-primary-rgb), .5); box-shadow: 0 4px 16px rgba(15, 23, 42, .07); color: inherit; }
.doc-card .t { font-weight: 600; line-height: 1.35; }
.doc-card .d { color: var(--site-muted); font-size: .875rem; margin-top: .25rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.doc-card .f { margin-top: auto; padding-top: .875rem; display: flex; justify-content: space-between; align-items: center; font-size: .875rem; }
.doc-card .go { color: var(--tblr-primary); font-weight: 500; }
.doc-card:hover .go i { transform: translateX(3px); }
.doc-card .go i { transition: transform .15s; }

/* ---------- страница документа ---------- */
.article-card { background: #ffffff; border: 0; }
.info-list li { display: flex; gap: .625rem; align-items: flex-start; padding: .375rem 0; color: #374151; font-size: .9375rem; }
.info-list i { flex: none; font-size: 1.125rem; color: #6b7280; margin-top: .125rem; }

/* ---------- мастер заполнения ---------- */
.wizard { border: 0; box-shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 8px 24px rgba(15, 23, 42, .04); border-radius: 14px; scroll-margin-top: 5rem; }
.wizard-head { padding: 1.25rem 1.5rem 0; }
.wizard-body { padding: 1.25rem 1.5rem 1rem; transition: height .28s ease; }
.wizard-foot { padding: .75rem 1.5rem 1.25rem; display: flex; justify-content: space-between; align-items: center; }
.wizard .progress { background: #eef1f5; height: 6px; border-radius: 3px; }
.wizard .progress-bar { transition: width .3s ease; border-radius: 3px; }
.wizard-step h2 { font-size: 1.25rem; font-weight: 650; }
.wizard-step > .row { --tblr-gutter-x: 1rem; --tblr-gutter-y: 1.125rem; }
.wizard-step.step-in { animation: step-in .28s ease both; }
.wizard-step.step-back { animation-name: step-back; }
@keyframes step-in { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@keyframes step-back { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wizard-step.step-in, .wizard-body, .wizard .progress-bar { animation: none; transition: none; } }
.wizard .form-label { font-weight: 500; margin-bottom: .375rem; }
.wizard .form-control, .wizard .form-select { border-color: #dfe3ea; }
.wizard .form-text { margin-top: .375rem; }
.repeat-row { background: #f6f8fb; border-radius: 10px; padding: 1rem 1.125rem; margin-bottom: .75rem; }
.repeat-row .row { --tblr-gutter-y: 1rem; }
.preview-box { background: #f6f8fb; border-radius: 10px; padding: 1rem 1.25rem; }
.wizard .card-sm.bg-primary-lt { border: 0; }
.chips { display: flex; flex-wrap: wrap; gap: .375rem; align-items: center; margin-top: .5rem; }
.chips-l { font-size: .8125rem; color: var(--site-muted); margin-right: .125rem; }
.chip { border: 0; background: #eef1f5; color: #374151; border-radius: 999px; padding: .1875rem .75rem; font-size: .8125rem; line-height: 1.5; cursor: pointer; transition: background .12s, color .12s; }
.chip:hover { background: rgba(var(--tblr-primary-rgb), .12); color: var(--tblr-primary); }
@media (max-width: 575.98px) { .wizard-head, .wizard-body, .wizard-foot { padding-left: 1rem; padding-right: 1rem; } }

/* ---------- страница готового документа ---------- */
.order-ready { border: 0; box-shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 12px 32px rgba(15, 23, 42, .06); border-radius: 16px; }
.order-ready .card-body { padding: 2.5rem 1.5rem; }
.ready-ico { width: 4.5rem; height: 4.5rem; margin: 1.25rem auto 0; border-radius: 50%; background: #e6f6ea; color: #2f9e44; display: flex; align-items: center; justify-content: center; font-size: 2.25rem; animation: pop .5s cubic-bezier(.2, 1.4, .4, 1) both; }
@keyframes pop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
.order-title { font-size: clamp(1.75rem, 4.5vw, 2.5rem); font-weight: 700; line-height: 1.15; margin: 0 0 .5rem; }
.ready-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid var(--site-line); text-align: left; }
button.ready-act, a.ready-act { display: flex; align-items: center; justify-content: flex-start; gap: .875rem; width: 100%; margin: 0; padding: .875rem 1rem; text-align: left; background: #fff; border: 1px solid var(--site-line); border-radius: 12px; color: inherit; text-decoration: none; cursor: pointer; font: inherit; appearance: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.ready-actions .ready-act:last-child:nth-child(odd) { grid-column: 1 / -1; }
button.ready-act:hover, a.ready-act:hover { border-color: var(--tblr-primary); box-shadow: 0 6px 18px rgba(15, 23, 42, .08); transform: translateY(-1px); color: inherit; }
.ready-act-ico { flex: 0 0 2.5rem; height: 2.5rem; border-radius: 10px; background: rgba(var(--tblr-primary-rgb), .1); color: var(--tblr-primary); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; }
.ready-act-text { display: flex; flex-direction: column; align-items: flex-start; flex: 1; min-width: 0; line-height: 1.3; text-align: left; }
.ready-act-text b { font-weight: 600; font-size: .9375rem; }
.ready-act-text small { color: var(--site-muted); font-size: .8125rem; }
.ready-back { color: var(--site-muted); text-decoration: none; font-size: .9375rem; }
.ready-back:hover { color: var(--tblr-primary); }
@media (max-width: 575.98px) { .ready-actions { grid-template-columns: 1fr; } }
.row-soft { background: #f6f8fb; border-radius: 10px; padding: .75rem 1rem; margin-bottom: .5rem; }
#confetti { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2000; }

/* ---------- уведомления справа вверху ---------- */
.site-toasts { z-index: 2100; padding: 1.5rem; }
.site-toasts .toast { min-width: 22rem; max-width: 30rem; border: 0; border-left: 4px solid var(--tblr-primary); border-radius: .5rem; padding: 1.25rem 1.5rem; margin-bottom: 1rem; box-shadow: 0 12px 32px rgba(15, 23, 42, .18); }
.site-toasts .toast-success { border-left-color: var(--tblr-success); }
.site-toasts .toast-danger { border-left-color: var(--tblr-danger); }
.site-toasts .toast-warning { border-left-color: var(--tblr-warning); }
.site-toasts .toast .toast-icon { font-size: 1.75rem; margin-right: 1rem; flex-shrink: 0; }
.site-toasts .toast .toast-body { flex: 1; padding: 0; font-size: 1rem; line-height: 1.5; color: var(--tblr-body-color); }
.site-toasts .toast .btn-close { margin: 0 0 0 1rem; flex-shrink: 0; }
@media (max-width: 575.98px) { .site-toasts { left: 0; padding: 1rem; } .site-toasts .toast { min-width: 0; max-width: none; width: 100%; } }

/* без подчёркивания при наведении */
.doc-card, .doc-card:hover, .doc-card:hover *, .cat-tile, .cat-tile:hover, .cat-tile:hover *, .doc-row, .doc-row:hover, .doc-row:hover * { text-decoration: none; }

/* главная: шаги и преимущества */
.how-steps .step-n { display: inline-flex; width: 2rem; height: 2rem; border-radius: 50%; background: var(--tblr-primary); color: #fff; font-weight: 600; align-items: center; justify-content: center; }
.perk { padding: 1.25rem; border: 1px solid var(--site-line); border-radius: 12px; background: var(--tblr-bg-surface, #fff); }

/* футер */
.site-footer { border-top: 1px solid var(--site-line); margin-top: 3rem; background: none; }
.site-footer .footer-links a { color: var(--site-muted); text-decoration: none; }
.site-footer .footer-links a:hover { color: var(--tblr-primary); text-decoration: none; }
.site-footer .footer-links a.active { color: var(--tblr-primary); font-weight: 600; }
.site-footer .footer-bottom { margin-top: 1.5rem; padding: 1rem 0; color: var(--site-muted); font-size: .875rem; text-align: left; }
.footer-text-cook { color: #a3a3a3; font-family: "Fira Sans", sans-serif; font-size: 12px; margin-top: .5rem; }

/* баннер сверху сайта: плавный выезд по высоте */
.tblr-banner { height: 0; overflow: hidden; transition: height .4s ease, filter .2s ease; }
.tblr-banner:hover { filter: brightness(.88); }
.tblr-banner-inner { --banner-color: #fff; align-items: center; justify-content: center; gap: .5rem; padding: .5rem 1rem; text-align: center; font-size: .875rem; line-height: 1.4; color: var(--banner-color); }
@media (min-width: 768px) { .tblr-banner-inner { padding: .625rem 2rem; } }
.tblr-banner-inner a { color: var(--banner-color); font-weight: 600; text-decoration: none; }
@media (prefers-reduced-motion: reduce) { .tblr-banner { transition: none; } }

/* Навигация: один sticky-navbar + мега-меню категорий */
#site-nav .nav-link{white-space:nowrap}
.mega-menu{padding:.5rem 0}
.mega-cat{display:flex;align-items:center;padding:.5rem 1rem;font-weight:600;color:var(--tblr-body-color);text-decoration:none;border-radius:var(--tblr-border-radius)}
.mega-cat:hover,.mega-doc:hover{text-decoration:none;background:var(--tblr-bg-surface-secondary)}
.mega-doc{display:block;padding:.2rem 1rem .2rem 2.6rem;font-size:.85rem;color:#000;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mega-doc{border-radius:var(--tblr-border-radius)}
.mega-all{color:var(--tblr-primary);font-weight:500}
@media(min-width:992px){
  .mega-menu{left:0;right:0;width:100%;margin-top:0;padding:1.25rem 0;max-height:calc(100vh - 5rem);overflow-y:auto;box-shadow:0 .75rem 1.5rem rgba(15,23,42,.12)}
  .mega-cat{padding:.4rem .5rem}.mega-doc{padding-left:2.1rem;padding-right:.5rem}
}
@media(max-width:991.98px){
  #site-nav .navbar-collapse{max-height:calc(100vh - 4.5rem);overflow-y:auto}
  .mega-menu{border:0;box-shadow:none;background:transparent;padding:0}
}

/* Футер */
.site-footer .footer-title{color:#000;font-size:1rem}
.site-footer .footer-links li{margin-bottom:.4rem}
@media(min-width:576px){.site-footer .footer-cols{columns:2;column-gap:1.5rem}.site-footer .footer-cols li{break-inside:avoid}}

/* Карточки документов в категории */
.doc-card > .d-flex + .d{margin-top:.75rem}
.doc-card:hover .t{color:var(--tblr-primary)}

/* Сравнительная таблица */
.compare-wrap{border:1px solid var(--site-line);border-radius:12px;background:var(--tblr-bg-surface,#fff)}
.compare-table thead th{font-size:.875rem;font-weight:600;padding:1rem;white-space:nowrap;background:var(--tblr-bg-surface-secondary,#f8fafc);border-bottom:1px solid var(--site-line)}
.compare-table tbody th{font-weight:500;padding:.875rem 1rem;min-width:220px}
.compare-table td{padding:.875rem 1rem;vertical-align:middle}
.compare-table .us{background:rgba(var(--tblr-primary-rgb),.06)}
.compare-table thead .us{color:var(--tblr-primary);font-weight:700}

/* Финальный CTA (как на dogovor365.ru) */
.final-cta{padding:112px 0 0}
.final-cta-box{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:56px;padding:64px 56px;background:#1f6fe5;color:#fff;border-radius:16px}
.final-cta h2{margin:0 0 16px;color:#fff;font-size:40px;font-weight:700;line-height:1.1;letter-spacing:-.028em}
.final-cta p{max-width:440px;margin:0;color:rgba(255,255,255,.85) !important;font-size:17px;line-height:1.5}
.final-cta-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.btn-white,.btn-light-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none !important}
.btn-white{padding:15px 30px;background:#fff;color:#1f6fe5}
.btn-white:hover{color:#1f6fe5;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.btn-light-ghost{padding:14px 30px;color:#fff;border:1px solid rgba(255,255,255,.4)}
.btn-light-ghost:hover{color:#fff;background:rgba(255,255,255,.1)}
@media(max-width:1000px){.final-cta{padding-top:72px}.final-cta-box{grid-template-columns:1fr;gap:32px;padding:48px 32px}.final-cta h2{font-size:30px}.final-cta-btns{justify-content:flex-start}}
@media(max-width:640px){.final-cta h2{font-size:24px}.final-cta-box{padding:32px 22px}}

/* Сайдбар документа */
.aside-card .card-header{padding:1rem 1.25rem;background:var(--tblr-bg-surface-secondary,#f8fafc);border-bottom:1px solid var(--site-line)}
.aside-card .card-body{padding:1.25rem}
.aside-card .list-group-item{padding:.75rem 1.25rem}

/* Сравнение: центрированный заголовок, отступ сверху, значки */
.compare-section{margin-top:5rem}
.compare-title{font-size:1.75rem !important;font-weight:700 !important;margin-bottom:.5rem !important}
.compare-wrap{max-width:860px;margin:0 auto}
.compare-table thead th:first-child{width:56%}
.cmp{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;font-size:1.125rem}
.cmp-yes{background:#2f9e44;color:#fff}
.cmp-no{background:#f1f3f5;color:#9ca3af}
.cmp-part{background:#fff4d6;color:#b7791f}
.final-cta{padding-top:5rem}

/* Чередующиеся полноширинные блоки главной (#fff / #fafbfc) */
.home-section{margin:0;padding:4rem 0}
.compare-section{margin-top:0}
.final-cta{padding:4rem 0}
.band-alt{background:#fafbfc;box-shadow:0 0 0 100vmax #fafbfc;clip-path:inset(0 -100vmax)}
@media(max-width:1000px){.final-cta{padding:3rem 0}}
@media(max-width:575.98px){.home-section{padding:2.5rem 0}}

/* Полноширинные блоки главной */
.home-hero{padding:3.5rem 0 3rem;background:#fff}
.band-alt{background:#fafbfc;box-shadow:none;clip-path:none}
.home-section{border-top:1px solid var(--site-line)}
.home-section:last-of-type{border-bottom:0}
.section-head{text-align:center;max-width:720px;margin:0 auto 2.25rem}
.section-head h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}
.final-cta{border-top:1px solid var(--site-line)}
.site-footer{margin-top:0}

/* Высота блоков главной (как на dogovor365.ru: ~112px) и единый фон шапки-героя */
.home-hero{padding:5.5rem 0 6rem;background:#fff}
.home-section{padding:6.5rem 0}
.final-cta{padding:6.5rem 0}
.section-head{margin-bottom:3.5rem}
.page-wrapper:has(.home-hero){background:#fff}
/* мягкое синее свечение в шапке главной (вместо inline-стиля) */
.stat-num{font-variant-numeric:tabular-nums}
.home-hero.home-hero-grad{background-image:radial-gradient(1100px 420px at 50% -20%,rgba(13,110,253,.18),rgba(0,0,0,0)),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,0))}
@media(max-width:1000px){.home-hero{padding:3.5rem 0 4rem}.home-section,.final-cta{padding:4.5rem 0}.section-head{margin-bottom:2.5rem}}
@media(max-width:575.98px){.home-hero{padding:2.5rem 0 3rem}.home-section,.final-cta{padding:3.5rem 0}}

/* «Часто ищут»: чипы с плавной сменой */
.search-hints{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin-top:1.25rem}
.search-hints-list{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.5rem;transition:opacity .3s,transform .3s}
.search-hints-list.is-out{opacity:0;transform:translateY(6px)}
.search-hints a{margin:0;padding:.3rem .875rem;border:1px solid var(--site-line);border-radius:999px;background:#fff;color:var(--tblr-body-color);white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
.search-hints a:hover{border-color:var(--tblr-primary);color:var(--tblr-primary);background:rgba(var(--tblr-primary-rgb),.05)}

/* Сравнение: сдержанные монохромные значки */
.cmp{width:1.75rem;height:1.75rem;font-size:1rem}
.cmp-yes{background:rgba(var(--tblr-primary-rgb),.12);color:var(--tblr-primary)}
.cmp-yes i{font-weight:700;-webkit-text-stroke:.5px currentColor}
.cmp-no,.cmp-part{background:transparent;color:#9ca3af}

/* ===== Сравнительная таблица v2 ===== */
.compare-wrap{max-width:900px;margin:0 auto;border:0;border-radius:0;background:transparent;overflow:visible}
.compare-table{border-collapse:separate;border-spacing:0;--cmp-line:#e5e7eb}
.compare-table th,.compare-table td{border:0;border-bottom:1px solid var(--cmp-line);background:#fff;vertical-align:middle}
.compare-table thead th{padding:1.5rem 1rem 1.25rem;font-size:.9375rem;font-weight:600;color:#111827;background:#fff;white-space:normal}
.compare-table .cmp-head-first{text-align:left;width:52%;color:#6b7280;font-weight:500;font-size:.875rem}
.compare-table .cmp-head-other{color:#6b7280;width:20%}
.compare-table tbody th{padding:1rem 1rem}
.compare-table td{padding:1rem;width:24%}
.compare-table .us{background:rgba(var(--tblr-primary-rgb),.06);border-left:2px solid var(--tblr-primary);border-right:2px solid var(--tblr-primary);border-bottom-color:rgba(var(--tblr-primary-rgb),.15)}
.compare-table thead .us-top{position:relative;background:var(--tblr-primary);color:#fff;border-radius:14px 14px 0 0;padding-top:1.75rem;border-bottom:0}
.compare-table .us-name{display:block;font-size:1.0625rem;font-weight:700;color:#fff}
.compare-table .us-badge{position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);background:#111827;color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .75rem;border-radius:999px;white-space:nowrap}
.compare-table tfoot th,.compare-table tfoot td{border-bottom:0;padding:1.25rem 1rem}
.compare-table tfoot .us-bottom{border-radius:0 0 14px 14px;border-bottom:2px solid var(--tblr-primary)}
.cmp-foot-label{color:#6b7280;font-weight:500;font-size:.875rem;text-align:left}
.cmp-score{display:block;font-size:1.375rem;font-weight:700;line-height:1.2;color:var(--tblr-primary)}
.cmp-score-muted{color:#6b7280}
.cmp-feat{display:flex;align-items:center;gap:.875rem;text-align:left}
.cmp-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:10px;background:#f3f4f6;color:#374151;font-size:1.25rem}
.cmp-f{display:block;font-weight:600;color:#111827;line-height:1.3}
.cmp-d{display:block;font-size:.8125rem;font-weight:400;color:#6b7280;line-height:1.35;margin-top:.125rem}
.cmp{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1.125rem}
.cmp-yes{background:var(--tblr-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--tblr-primary-rgb),.35)}
.cmp-yes i{-webkit-text-stroke:0;font-weight:400}
.cmp-no{background:#f3f4f6;color:#9ca3af}
.cmp-part{background:#f3f4f6;color:#6b7280}
.cmp-t{display:block;margin-top:.25rem;font-size:.75rem;font-weight:500;color:#6b7280}
.us .cmp-t{color:var(--tblr-primary);font-weight:600}
@media(max-width:767.98px){
  .compare-table .cmp-d{display:none}
  .compare-table tfoot .cmp-d{display:block}
  .cmp-ico{display:none}
  .compare-table tbody th,.compare-table td{padding:.75rem .5rem}
  .compare-table .cmp-head-first{width:44%}
}
.compare-wrap{padding-top:1.25rem}

/* ===== Как это работает: интерактивный степпер ===== */
.how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center;max-width:1000px;margin:0 auto}
.how-steps-nav{display:flex;flex-direction:column;gap:.5rem}
.how-step{position:relative;display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;text-align:left;background:transparent;border:1px solid transparent;border-radius:14px;color:inherit;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}
.how-step:hover{background:#fff;border-color:var(--site-line)}
.how-step.active{background:#fff;border-color:var(--site-line);box-shadow:0 6px 20px rgba(15,23,42,.08)}
.how-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#eef0f3;color:#6b7280;font-weight:700;transition:background .2s,color .2s}
.how-step.active .how-n,.how-step.done .how-n{background:var(--tblr-primary);color:#fff}
.how-txt{flex:1;min-width:0}
.how-t{display:block;font-weight:600;color:#111827}
.how-d{display:block;font-size:.875rem;color:#6b7280}
.how-ic{font-size:1.5rem;color:#9ca3af}
.how-step.active .how-ic{color:var(--tblr-primary)}
.how-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
.how-bar span{display:block;height:100%;width:0;background:var(--tblr-primary)}
.how-step.active .how-bar span{animation:how-fill var(--how-dur,5000ms) linear forwards}
.how.is-paused .how-step.active .how-bar span,.how.no-anim .how-step.active .how-bar span{animation-play-state:paused}
.how.no-anim .how-step.active .how-bar span{animation:none;width:100%}
@keyframes how-fill{to{width:100%}}
.how-stage{min-height:340px;display:flex;align-items:center}
.how-panel{width:100%;animation:how-in .35s ease}
.how-panel[hidden]{display:none}
@keyframes how-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mock{background:#fff;border:1px solid var(--site-line);border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.1);overflow:hidden}
.mock-bar{display:flex;gap:.375rem;padding:.75rem 1rem;background:#f3f4f6;border-bottom:1px solid var(--site-line)}
.mock-bar i{width:.625rem;height:.625rem;border-radius:50%;background:#d1d5db}
.mock-body{padding:1.5rem;min-height:250px}
.mock-search{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;margin-bottom:1rem;border:1px solid var(--tblr-primary);border-radius:10px;color:#111827;box-shadow:0 0 0 3px rgba(var(--tblr-primary-rgb),.12)}
.mock-caret{width:1px;height:1em;background:#111827;animation:how-blink 1s steps(1) infinite}
@keyframes how-blink{50%{opacity:0}}
.mock-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:10px;font-size:.9375rem}
.mock-row:first-of-type{background:rgba(var(--tblr-primary-rgb),.07)}
.mock-row i:first-child{color:var(--tblr-primary);font-size:1.125rem}
.mock-field{padding:.6rem .9rem;margin-bottom:.625rem;border:1px solid var(--site-line);border-radius:10px}
.mock-field span{display:block;font-size:.75rem;color:#6b7280}
.mock-field b{font-weight:600;color:#111827}
.mock-doc{position:relative;padding:1.5rem;border:1px solid var(--site-line);border-radius:6px;background:#fff}
.mock-doc-t{text-align:center;font-weight:700;font-size:.875rem;letter-spacing:.06em;margin-bottom:1rem}
.mock-doc .l{display:block;height:.5rem;margin-bottom:.625rem;border-radius:4px;background:#e5e7eb}
.w60{width:60%}.w75{width:75%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.mock-pill{position:absolute;top:-.75rem;right:1rem}
.mock-file{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;margin:.75rem 0 1rem;border-radius:16px;background:rgba(var(--tblr-primary-rgb),.1);color:var(--tblr-primary);font-size:2.25rem}
@media(max-width:991.98px){.how{grid-template-columns:1fr;gap:2rem}.how-stage{min-height:0}.mock-body{min-height:0}}
@media(prefers-reduced-motion:reduce){.how-panel,.mock-caret{animation:none}}

/* ---------- /faq: в общем стиле сайта (плитки как у категорий, белый фон, спокойные рамки) ---------- */
.faq-top { max-width: 760px; margin: 0 auto 2rem; text-align: center; }
.faq-title { font-size: clamp(1.875rem, 4.5vw, 2.75rem); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: .5rem 0 .75rem; }
.faq-lead { font-size: 1.0625rem; margin-bottom: 1.5rem; }
.faq-bar { max-width: 960px; margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border: 1px solid var(--site-line); border-radius: 12px; background: #f9fafb; font-weight: 500; scroll-margin-top: 5.5rem; }
.faq-search { margin-bottom: 0; }
.faq-search .search-go { color: #6b7280; }
.faq-hints a { margin: 0 .5rem; }
.faq-cat { cursor: pointer; }
.faq-cat.active { border-color: var(--tblr-primary); box-shadow: 0 0 0 1px var(--tblr-primary); }
.faq-cat.active .ico { background: rgba(var(--tblr-primary-rgb), .12); color: var(--tblr-primary); }
.faq-wrap { max-width: 960px; margin: 0 auto; }
.faq-group { scroll-margin-top: 5.5rem; margin-bottom: 2.5rem; }
.faq-acc { border: 1px solid var(--site-line); border-radius: 12px; background: var(--tblr-bg-surface, #fff); overflow: hidden; }
.faq-acc .accordion-item { border: 0; border-top: 1px solid var(--site-line); border-radius: 0; background: transparent; scroll-margin-top: 5.5rem; }
.faq-acc .accordion-item:first-child { border-top: 0; }
.faq-acc .accordion-header { margin: 0; }
.faq-acc .accordion-button { padding: 1rem 1.25rem; font-size: 1.0625rem; font-weight: 600; line-height: 1.4; background: transparent; box-shadow: none; color: var(--tblr-body-color); }
.faq-acc .accordion-button:hover { background: #f9fafb; }
.faq-acc .accordion-button:not(.collapsed) { color: var(--tblr-primary); background: transparent; }
.faq-a { padding: 0 1.25rem 1.25rem; font-size: 1rem; line-height: 1.7; color: #374151; }
.faq-a ol, .faq-a ul { padding-left: 1.25rem; }
.faq-a li { margin-bottom: .25rem; }
.faq-a a { text-decoration: underline; text-underline-offset: 2px; }
.faq-ico { width: 3rem; height: 3rem; border-radius: 10px; background: #f1f3f5; color: #374151; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
.faq-help { margin-top: 1rem; }
.faq-btns { max-width: 26rem; }
@media (min-width: 992px) { .faq-help .faq-btns { width: 22rem; } }
.faq-item mark, .faq-q mark { padding: 0 .1em; border-radius: 3px; background: #fff3bf; color: inherit; }
.flex-none { flex: none; }
.min-w-0 { min-width: 0; }

/* /updates: журнал обновлений */
.timeline-event { scroll-margin-top: 5.5rem; }
.upd-list li::marker { color: var(--site-muted); }

/* предпросмотр на странице оплаты */
.order-preview-wrap { position: relative; max-width: 30rem; margin-left: auto; margin-right: auto; }
.order-preview { position: relative; height: 15rem; overflow: hidden; text-align: left; background: #fff; border: 1px solid var(--tblr-border-color); border-radius: 8px; box-shadow: 0 8px 28px rgba(15, 23, 42, .1); padding: 1.25rem 1.5rem; font-size: .75rem; line-height: 1.45; user-select: none; pointer-events: none; }
.order-preview-body { filter: blur(1.4px); }
.order-preview-body h1, .order-preview-body h2, .order-preview-body h3 { font-size: .9rem; margin: .5rem 0 .25rem; text-align: center; }
.order-preview-body p { margin: .25rem 0; }
.order-preview::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 65%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%); }
.order-preview-lock { position: absolute; left: 50%; bottom: .875rem; transform: translateX(-50%); z-index: 2; padding: .375rem .875rem; white-space: nowrap; font-size: .8125rem; color: #475569; background: #fff; border: 1px solid var(--tblr-border-color); border-radius: 999px; box-shadow: 0 2px 8px rgba(15, 23, 42, .08); }
.order-perks { max-width: 22rem; }
.order-perks li { padding: .1875rem 0; }
.order-cta { animation: order-pulse 2.4s ease-out infinite; }
.order-cta:hover { animation: none; }
@keyframes order-pulse { 0% { box-shadow: 0 0 0 0 rgba(var(--tblr-primary-rgb), .45); } 70%, 100% { box-shadow: 0 0 0 14px rgba(var(--tblr-primary-rgb), 0); } }
@media (prefers-reduced-motion: reduce) { .order-cta { animation: none; } }

/* хлебные крошки: одна строка, на мобильных — горизонтальный свайп */
.breadcrumb { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.breadcrumb::-webkit-scrollbar { display: none; }
.breadcrumb-item { flex: none; }

/* ---------- SEO-статья документа: якоря, таблицы, содержание ---------- */
html { scroll-behavior: smooth; }
.article h2, .article h3 { scroll-margin-top: 5rem; }
.article h2 { margin-top: 2rem; }
.article > h2:first-child { margin-top: 0; }
.article table { width: 100%; }
.article .table-responsive { border: 1px solid var(--tblr-border-color); border-radius: 8px; margin-bottom: 1rem; }
.article .table-responsive table { margin-bottom: 0; }

/* ---------- вводный текст: ссылка с пунктирным подчёркиванием, раскрывающая подсказку ---------- */
.dashed-link { color: inherit; text-decoration: none; border-bottom: 1px dashed currentColor; cursor: pointer; }
.dashed-link:hover, .dashed-link:focus { color: var(--tblr-primary); text-decoration: none; }
.faq-head h2 { font-size: 1.375rem; font-weight: 650; margin: 0 0 .5rem; }
.faq-head p { font-size: .9375rem; }
.faq-popular .faq-pop-link { display: block; padding: .375rem .5rem; border-radius: 8px; color: inherit; text-decoration: none; line-height: 1.4; }
.faq-popular .faq-pop-link:hover { background: #f1f3f5; color: var(--tblr-primary); }
.faq-item:target > .accordion-header .accordion-button { color: var(--tblr-primary); }
.faq-cat .t .badge { vertical-align: middle; font-size: .6875rem; }


/* ---------- footer v3 (тёмный) ---------- */
.site-footer{background:#0f172a;border-top:0;color:#cbd5e1}
.site-footer .footer-cta{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;align-items:center;justify-content:space-between;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.site-footer .footer-cta-title{font-size:1.375rem;font-weight:700;color:#fff;letter-spacing:-.015em}
.site-footer .footer-cta-sub{color:#94a3b8}
.site-footer .footer-search{flex:1 1 320px;max-width:460px}
.site-footer .footer-label{margin-bottom:.9rem;font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#64748b}
.site-footer .footer-links a{color:#e2e8f0;text-decoration:none}
.site-footer .footer-links a:hover,.site-footer .footer-links a.active{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-bottom{margin-top:0;padding:1.25rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.1)}
.site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;justify-content:space-between;font-size:.8125rem;color:#64748b}
.site-footer .footer-legal-links{display:flex;gap:1rem}
.site-footer .footer-legal-links a{color:#64748b;text-decoration:none}
.site-footer .footer-legal-links a:hover{color:#94a3b8}
.site-footer .footer-text-cook{color:#64748b}

/* ---------- header (тёмный, в цвет футера) ---------- */
#site-nav{background:#0f172a;border-bottom:1px solid rgba(255,255,255,.1);--tblr-navbar-border-color:transparent}
#site-nav .navbar-brand,#site-nav .navbar-brand span{color:#fff}
#site-nav .navbar-nav>.nav-item>.nav-link{color:#e2e8f0}
#site-nav .navbar-nav>.nav-item>.nav-link:hover,#site-nav .navbar-nav>.nav-item>.nav-link.show{color:#fff}
#site-nav .navbar-nav>.nav-item>.nav-link .small,#site-nav .navbar-nav .text-secondary{color:#94a3b8!important}
#site-nav .navbar-nav>.nav-item>.nav-link .avatar{background:rgba(255,255,255,.12);color:#fff}
#site-nav .navbar-nav>.nav-item>.nav-link .d-xl-block div:first-child{color:#fff}
#site-nav .btn:not(.btn-primary){background:transparent;border-color:rgba(255,255,255,.25);color:#fff}
#site-nav .btn:not(.btn-primary):hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
#site-nav .navbar-toggler{border-color:rgba(255,255,255,.25)}
#site-nav .navbar-toggler-icon{filter:invert(1)}
@media(max-width:991.98px){#site-nav .navbar-collapse{border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}}
#site-nav .nav-link-icon,#site-nav .nav-link-icon .ti{color:#fff}
#site-nav .navbar-nav>.nav-item>.nav-link.active{color:#fff;background:rgba(255,255,255,.14);border-radius:var(--tblr-border-radius)}

/* гость: приглашение в личный кабинет */
.guest-cta { margin-top: 2rem; padding: 1.5rem; background: #f6f8fb; border: 1px solid var(--site-line); border-radius: 14px; text-align: left; }
.guest-cta-head { display: flex; align-items: center; gap: .875rem; margin-bottom: 1rem; }
.guest-cta-ico { flex: 0 0 2.75rem; height: 2.75rem; border-radius: 12px; background: rgba(var(--tblr-primary-rgb), .12); color: var(--tblr-primary); display: flex; align-items: center; justify-content: center; font-size: 1.4rem; }
.guest-cta-title { margin: 0; font-weight: 600; font-size: 1.0625rem; line-height: 1.3; }
.guest-cta-sub { margin: .125rem 0 0; color: var(--site-muted); font-size: .875rem; word-break: break-all; }
.guest-cta-list { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .5rem; }
.guest-cta-list li { display: flex; align-items: flex-start; gap: .625rem; font-size: .9375rem; }
.guest-cta-list i { flex: 0 0 auto; margin-top: .125rem; color: var(--tblr-primary); font-size: 1.125rem; }
.guest-cta-note { margin: .625rem 0 0; text-align: center; color: var(--site-muted); font-size: .8125rem; }

/* поиск в футере: тёмный, светлеет при hover/focus */
.site-footer .footer-search .form-control{background:#1e293b;border-color:rgba(255,255,255,.12);color:#e2e8f0;transition:background-color .15s,border-color .15s,color .15s}
.site-footer .footer-search .form-control::placeholder{color:#94a3b8}
.site-footer .footer-search .input-icon-addon{color:#94a3b8}
.site-footer .footer-search .form-control:hover{background:#334155;border-color:rgba(255,255,255,.25)}
.site-footer .footer-search .form-control:focus{background:#fff;border-color:var(--tblr-primary);color:#0f172a;box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}
.site-footer .footer-search .form-control:focus::placeholder{color:#64748b}
.site-footer .footer-search .input-icon:focus-within .input-icon-addon{color:#475569}

/* мега-меню: плавное появление + затемнение страницы */
@keyframes mega-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mega-menu.show{animation:mega-in .22s cubic-bezier(.2,.7,.3,1)}
body::after{content:"";position:fixed;inset:0;z-index:1010;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}
body:has(#site-nav .mega-menu.show)::after{opacity:1;visibility:visible;transition:opacity .25s ease}
@media(max-width:991.98px){body::after{display:none}}
@media(prefers-reduced-motion:reduce){.mega-menu.show{animation:none}body::after{transition:none}}

/* ===== лендинг счетов (/schet-na-oplatu) ===== */
.page-wrapper:has(.il-hero){background:#fff}
.il-hero{padding:2rem 0 4.5rem;background:#fff}
.il-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
.il-hero h1{font-size:clamp(1.85rem,4vw,2.75rem);font-weight:700;line-height:1.15;margin:0 0 1rem}
.il-hero .lead{color:var(--site-muted);font-size:1.125rem;max-width:560px;margin-bottom:1.75rem}
.il-checks li{display:flex;gap:.625rem;align-items:flex-start;padding:.25rem 0;color:#374151}
.il-checks i{flex:none;margin-top:.15rem;color:var(--tblr-primary);font-size:1.125rem}
.il-demo{background:#fff;border:1px solid var(--site-line);border-radius:16px;padding:1.5rem;box-shadow:0 16px 40px rgba(15,23,42,.1)}
.il-demo-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.il-total{padding:1rem 1.125rem;background:#f6f8fb;border-radius:12px}
.il-total-sum{font-size:1.75rem;font-weight:700;line-height:1.2;color:#111827;display:inline-block}
.il-total-sum.is-bump{animation:il-bump .3s ease}
@keyframes il-bump{40%{transform:scale(1.04);color:var(--tblr-primary)}}
.il-adv{padding:3.5rem 0;background:#fafbfc;border-top:1px solid var(--site-line)}
.il-adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem 1.5rem}
.il-adv-item h2{font-size:1.0625rem;font-weight:650}
.il-ico{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-bottom:.875rem;border-radius:12px;background:rgba(var(--tblr-primary-rgb),.1);color:var(--tblr-primary);font-size:1.375rem}
.il-ico-sm{flex:none;width:2.25rem;height:2.25rem;margin:0;border-radius:10px;font-size:1.125rem}
.home-section.il-sec{padding:4.5rem 0}
.il-h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem}
/* документы */
.il-doc-tabs{justify-content:center;gap:.25rem;flex-wrap:wrap}
.il-doc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;max-width:1000px;margin:0 auto}
.il-paper{background:#fff;border:1px solid var(--site-line);border-radius:6px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 16px 40px rgba(15,23,42,.1);font-size:.8125rem;color:#111827;min-height:420px}
.il-p-title{font-weight:700;font-size:.9375rem;margin-bottom:1rem;padding-bottom:.625rem;border-bottom:2px solid #111827}
.il-p-parties{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.il-p-parties span{display:block;color:#6b7280;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em}
.il-p-parties b{display:block;margin-bottom:.375rem;overflow-wrap:anywhere}
.il-p-parties i,.il-p-sk i{display:block;height:.4375rem;margin-bottom:.4375rem;border-radius:4px;background:#e5e7eb}
.il-p-sk{margin-bottom:1rem}
.il-p-sub{font-weight:600;margin-bottom:.625rem}
.il-p-table{width:100%;border-collapse:collapse;margin-bottom:.75rem}
.il-p-table th,.il-p-table td{padding:.4375rem .5rem;border:1px solid #d1d5db;vertical-align:top;overflow-wrap:anywhere}
.il-p-table th{background:#f3f4f6;font-weight:600;font-size:.75rem}
.il-p-table .r{text-align:right;white-space:nowrap}
.il-p-sum{text-align:right;color:#4b5563}
.il-p-grand{font-size:.9375rem;color:#111827;margin-top:.125rem}
.il-p-words{margin:.625rem 0 1rem;font-style:italic;color:#374151}
.il-p-note{margin-bottom:1rem;color:#4b5563}
.il-p-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.875rem;border-top:1px dashed #d1d5db;color:#4b5563}
.il-qr{display:inline-flex;font-size:2.25rem;color:#111827;line-height:1}
.il-sign{padding:.25rem .625rem;border:1px dashed #9ca3af;border-radius:6px;font-size:.75rem}
.il-doc-info .h2{font-size:1.5rem;font-weight:700}
.tab-pane.fade{transition:opacity .25s}
/* контрагенты */
.il-cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;max-width:1000px;margin:0 auto}
.il-cl{box-shadow:0 16px 40px rgba(15,23,42,.1);border-radius:16px}
.il-cl-list{display:grid;gap:.375rem;margin-bottom:1rem;min-height:11.5rem;align-content:start}
.il-cl-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;text-align:left;background:#fff;border:1px solid var(--site-line);border-radius:10px;color:inherit;transition:border-color .15s,background .15s}
.il-cl-item[hidden]{display:none}
.il-cl-item:hover{border-color:rgba(var(--tblr-primary-rgb),.5)}
.il-cl-item.active{border-color:var(--tblr-primary);background:rgba(var(--tblr-primary-rgb),.05)}
.il-cl-n{display:block;font-weight:600;line-height:1.3}
.il-cl-n small{display:block;font-weight:400;color:#6b7280}
.il-cl-detail{padding:1rem 1.125rem;background:#f6f8fb;border-radius:12px;min-height:11.5rem}
.il-cl-detail.is-in{animation:il-in .3s ease}
@keyframes il-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.il-dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0 0 .875rem;font-size:.875rem}
.il-dl dt{font-weight:400;color:#6b7280}
.il-dl dd{margin:0;font-weight:500}
/* сравнение */
.il-prio{border:0;padding:0;margin:0 auto 1.75rem;max-width:900px}
.il-prio legend{float:none;width:auto;font-size:.9375rem}
.il-cmp{max-width:1000px;overflow-x:auto}
.il-cmp .compare-table{min-width:660px}
.il-cmp .compare-table td{width:auto}
.il-cmp .compare-table thead .cmp-head-first{width:34%}
.il-cmp .compare-table thead th.cmp-head-other{width:15%;white-space:normal;font-size:.8125rem}
.il-cmp .compare-table thead th.us{width:20%}
.il-cmp tbody tr{transition:opacity .25s}
.il-cmp tbody tr.is-dim{opacity:.3}
.il-save{max-width:1000px;margin:2.5rem auto 0;border-radius:16px}
.il-save-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:center}
.il-save-res{text-align:center;padding:1.25rem;background:#f6f8fb;border-radius:12px}
.il-save-big{font-size:2.75rem;font-weight:700;line-height:1.1;color:var(--tblr-primary)}
/* сомнения, FAQ */
.il-req-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start;max-width:1000px;margin:0 auto}
.il-doubts{display:grid;gap:1.25rem}
.il-doubt{display:flex;gap:.875rem;align-items:flex-start}
.il-faq{max-width:820px;margin:0 auto}
/* мобильная плашка */
.il-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1020;padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--site-line);box-shadow:0 -6px 20px rgba(15,23,42,.08);transform:translateY(110%);transition:transform .25s ease}
.il-sticky.is-on{transform:none}
@media(max-width:991.98px){
  .il-hero-grid,.il-doc-grid,.il-cl-grid,.il-save-grid,.il-req-grid{grid-template-columns:1fr;gap:2rem}
  .il-hero{padding:1.5rem 0 3rem}
  .home-section.il-sec{padding:3.5rem 0}
  .il-paper{min-height:0}
}
@media(max-width:575.98px){
  .il-p-parties{grid-template-columns:1fr}
  .il-p-table th,.il-p-table td{padding:.375rem .25rem;font-size:.6875rem;overflow-wrap:normal}
  .il-paper{padding:1.125rem 1rem}
  .il-cmp .compare-table thead th.cmp-head-other{font-size:.6875rem}
  .il-doc-tabs .nav-link{padding:.375rem .625rem}
}
@media(prefers-reduced-motion:reduce){.il-total-sum.is-bump,.il-cl-detail.is-in{animation:none}.il-sticky,.il-cmp tbody tr{transition:none}}

/* главная: счета */
.home-hero-sub{margin:1.25rem 0 0;color:var(--site-muted);font-size:.9375rem}
.home-hero-sub i{margin-right:.375rem;color:var(--tblr-primary);vertical-align:-2px}
.home-hero-sub a{color:var(--tblr-primary);border-bottom:1px dashed currentColor;text-decoration:none}
.il-home-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:start;max-width:1100px;margin:0 auto}
.il-home-grid .il-doc-tabs{justify-content:flex-start}
.il-doc-compact{grid-template-columns:1fr;gap:1.5rem}
.il-doc-compact .il-checks,.il-doc-compact .il-doc-info .h2{display:none}
@media(max-width:991.98px){.il-home-grid{grid-template-columns:1fr}}

@media(max-width:575.98px){.compare-wrap{overflow-x:auto}}

/* мобильное меню категорий: белые ссылки на синем фоне */
@media(max-width:991.98px){
  .mega-cat,.mega-doc,.mega-all{color:#fff}
  .mega-cat:hover,.mega-doc:hover,.mega-cat:focus,.mega-doc:focus{color:#fff;background:rgba(255,255,255,.12)}
  .mega-all{opacity:.85}
}
/* футер: активная ссылка — акцентным цветом, без подчёркивания */
.site-footer .footer-links a.active,.site-footer .footer-links a.active:hover{color:#8ea6ff;font-weight:600;text-decoration:none}
/* счёт: ровная сетка показателей, всё в одну строку */
.inv-datagrid{--tblr-datagrid-padding:1.25rem;--tblr-datagrid-item-width:11.5rem}
.inv-datagrid .datagrid-title{white-space:nowrap}
.inv-datagrid .datagrid-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.5rem}
/* подпись от руки */
.sig-board{position:relative;height:200px;background:#fff;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);touch-action:none;overflow:hidden}
.sig-board::after{content:"";position:absolute;left:5%;right:5%;bottom:44px;border-bottom:1px dashed #cbd5e1;pointer-events:none}
.sig-board canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}
.sig-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#94a3b8;font-size:.875rem;pointer-events:none}
.sig-board.has-ink .sig-hint{display:none}

/* генератор печати */
.stamp-gen{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:center}
.stamp-preview{display:flex;align-items:center;justify-content:center;min-height:240px;padding:.75rem;background:#fff;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
.stamp-preview canvas{max-width:100%;max-height:216px;width:auto;height:auto}
@media(max-width:767.98px){.stamp-gen{grid-template-columns:1fr}}

/* Автообразец документа */
.doc-sample { position: relative; max-height: 560px; overflow: hidden; padding: 28px 32px; background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.06); font-family: "Times New Roman", serif; font-size: 15px; line-height: 1.5; color: #1b1b1b; }
.doc-sample::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; background: linear-gradient(rgba(255,255,255,0), #fff 85%); pointer-events: none; }
.doc-sample table { width: 100%; }
.doc-sample-more { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 1; margin: 0; text-align: center; font: 14px/1.4 system-ui, sans-serif; color: #5b6770; }
@media (max-width: 575px) { .doc-sample { padding: 16px; } }

/* ---------- footer: юридические ссылки рядом с копирайтом ---------- */
.site-footer .footer-legal{justify-content:flex-start;align-items:center;gap:.25rem 1.25rem}
.site-footer .footer-legal-links{gap:1.25rem}
.site-footer .footer-legal-links a{color:#64748b;text-decoration:none}
.site-footer .footer-legal-links a:hover{color:#94a3b8}
.site-footer .footer-legal-links a.active{color:#8ea6ff;font-weight:600}
/* «Написать нам» — как остальные ссылки футера, без подчёркивания (подчёркивание только при наведении) */
.site-footer .footer-links a{text-decoration:none}
.site-footer .footer-links a:hover{text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-links a.active:hover{text-decoration:none}

/* ---------- подсказки поиска ---------- */
.footer-search{position:relative}
.suggest{max-height:70vh;overflow-y:auto}
.suggest a{display:flex;align-items:flex-start;gap:.75rem}
.suggest a>i{flex:none;margin-top:.15rem;font-size:1.15rem;color:var(--site-muted)}
.suggest a>span{min-width:0}
.suggest a .t{display:block}
.suggest a mark{padding:0;background:none;color:var(--tblr-primary);font-weight:600}
.suggest.suggest-up{top:auto;bottom:calc(100% + 6px)}
.site-footer .suggest{color:#0f172a;text-align:left}
.site-footer .suggest a{color:#0f172a;text-decoration:none}
.site-footer .suggest a small{color:#64748b}

/* Сравнение с другими сервисами: вкладки, «не указано», раскрывающиеся пояснения */
.cmp-na{background:transparent;color:#c0c6cf;border:1px dashed #d5dae1}
.cmp-multi{min-width:560px}
.cmp-multi td{width:auto}
.compare-wrap{max-width:1000px}
.cmp-more{display:block;font-size:.8125rem;color:#374151;line-height:1.45;margin-top:.375rem}
.cmp-more a{text-decoration:underline}
.cmp-f[aria-expanded="true"] .ti-chevron-down{transform:rotate(180deg)}
.cmp-tabs .nav-pills .nav-link{white-space:nowrap}

/* Блок вопросов на главной: плавная смена карточек */
.qa-rotor .card{transition:opacity .3s,transform .3s}
.qa-rotor .card.is-out{opacity:0;transform:translateY(6px)}
.qa-rotor .card-body{min-height:5.5rem}

/* Плитки категорий на главной: описание в 2 строки */
.cat-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Каталог /docs */
.cat-block{scroll-margin-top:7.5rem}

/* /docs: те же цветные плитки, что и на главной, но со списком документов */
.cb-card.cb-list .cb-d{margin-bottom:.875rem}
.cb-card.cb-list .cb-docs{margin-bottom:.75rem;gap:0}
.cb-card.cb-list .cb-docs a{padding:.3rem 0}
.cb-card.cb-list .cb-foot{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.cb-card.cb-list .cat-more{padding:.1rem .6rem;border:1px solid color-mix(in oklch,var(--c) 30%,#fff);border-radius:999px;background:#fff;color:var(--cd);font-weight:600}
.cb-card.cb-list .cat-more:hover{background:var(--c);border-color:var(--c);color:#fff}
.cb-card.cb-list .cb-more{margin-top:0;position:relative;z-index:2}
@media(max-width:575.98px){.cb-card.cb-list{padding:1.25rem}.cb-card.cb-list .cb-d{display:block}.cb-card.cb-list .cb-docs{display:flex}.cb-card.cb-list .cb-more{display:inline-flex}.cb-card.cb-list .cb-cnt{font-size:.8125rem}}

/* /docs: «Как это работает» */
.cb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cb-step{padding:1.5rem}
.cb-step .cb-t{font-size:1.1875rem}
.cb-step .cb-d{font-size:.9375rem}
.cb-num{position:absolute;right:1rem;top:.25rem;font-size:4.5rem;font-weight:800;line-height:1;color:var(--c);opacity:.12;transition:transform .3s,opacity .2s}
.cb-step:hover .cb-num{transform:scale(1.15);opacity:.22}
@media(min-width:768px){.cb-step{overflow:visible}.cb-step:not(:last-child)::after{content:"";position:absolute;right:-.8rem;top:50%;width:.6rem;height:.6rem;margin-top:-.3rem;border-top:2px solid var(--cd);border-right:2px solid var(--cd);transform:rotate(45deg);z-index:3}}
@media(max-width:767.98px){.cb-steps{grid-template-columns:1fr}.cb-step .cb-d{display:block}}

/* ===== Категории на главной: цветная мозаика с живым фильтром ===== */
.cb-filter{position:relative;max-width:560px;margin:0 auto 2rem}
.cb-filter .ti-search{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}
.cb-filter input{padding:.8rem 1rem .8rem 2.75rem;border-radius:999px;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.cb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:1100px;margin:0 auto}
.cb-card{--c:var(--tblr-blue);--cd:color-mix(in oklch,var(--c) 78%,#000);position:relative;display:flex;flex-direction:column;min-height:100%;padding:1.25rem;border:1px solid color-mix(in oklch,var(--c) 22%,#fff);border-radius:18px;background:linear-gradient(160deg,color-mix(in oklch,var(--c) 9%,#fff),#fff 70%);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.cb-card:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 14px 32px color-mix(in oklch,var(--c) 22%,transparent)}
.cb-wm{position:absolute;right:-.75rem;bottom:-1.25rem;font-size:7.5rem;line-height:1;color:var(--c);opacity:.09;transition:transform .35s,opacity .2s;pointer-events:none}
.cb-card:hover .cb-wm{transform:rotate(-12deg) scale(1.12);opacity:.16}
.cb-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}
.cb-ic{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:14px;background:color-mix(in oklch,var(--c) 16%,#fff);color:var(--cd);font-size:1.5rem;transition:background .2s,color .2s,transform .2s}
.cb-card:hover .cb-ic{background:var(--c);color:#fff;transform:scale(1.06)}
.cb-cnt{flex:none;white-space:nowrap;padding:.2rem .6rem;border-radius:999px;background:#fff;border:1px solid color-mix(in oklch,var(--c) 25%,#fff);color:var(--cd);font-size:.8125rem;font-weight:600}
.cb-t{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;line-height:1.3}
.cb-t a{color:#111827;text-decoration:none}
.cb-t a::after{content:"";position:absolute;inset:0;z-index:1}
.cb-d{margin:0 0 .75rem;color:#4b5563;font-size:.875rem}
.cb-docs{position:relative;z-index:2;display:flex;flex-direction:column;gap:.125rem;margin:0 0 1rem;padding:0;list-style:none}
.cb-docs a{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;color:#374151;text-decoration:none;font-size:.875rem;line-height:1.35}
.cb-docs a::before{content:"";flex:none;width:.375rem;height:.375rem;border-radius:50%;background:var(--c);opacity:.6;transition:transform .15s,opacity .15s}
.cb-docs a:hover{color:var(--cd)}
.cb-docs a:hover::before{opacity:1;transform:scale(1.5)}
.cb-more{margin-top:auto;display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--cd)}
.cb-more i{transition:transform .2s}
.cb-card:hover .cb-more i{transform:translateX(5px)}
.cb-card.is-feat .cb-t{font-size:1.375rem}
.cb-card.is-feat .cb-d{font-size:.9375rem}
.cb-card.is-feat .cb-ic{width:3.25rem;height:3.25rem;font-size:1.75rem}
.cb-card.cb-all{--c:var(--tblr-primary);background:var(--tblr-primary);border-color:var(--tblr-primary);color:#fff;justify-content:center;align-items:flex-start;gap:.5rem}
.cb-card.cb-all .cb-t a,.cb-card.cb-all .cb-d,.cb-card.cb-all .cb-more{color:#fff}
.cb-card.cb-all .cb-more{margin-top:.75rem}
.cb-card.cb-all .cb-wm{color:#fff;opacity:.14}
.cb-card.is-hide,.cb-grid.is-filter .cb-all{display:none}
.cb-grid.is-filter .is-feat{grid-column:auto}
.cb-empty{display:none;text-align:center;padding:2rem 0;color:#4b5563}
.cb-empty.show{display:block}
.cb-card.is-feat,.cb-card.cb-all{grid-column:span 2}
@media(max-width:575.98px){
  .cb-card{padding:1rem}.cb-top{gap:.375rem}.cb-cnt{padding:.15rem .5rem;font-size:.75rem}.cb-card .cb-d,.cb-card .cb-docs,.cb-card .cb-more{display:none}
  .cb-card.is-feat,.cb-card.cb-all{grid-column:span 1}.cb-card.is-feat .cb-t{font-size:1.0625rem}
  .cb-card.is-feat .cb-ic{width:2.75rem;height:2.75rem;font-size:1.5rem}.cb-wm{font-size:5rem}
  .cb-card.cb-all{grid-column:span 2}
}
@media(min-width:992px){
  .cb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
  .cb-card.cb-all{grid-column:span var(--span,2)}
}
@media(prefers-reduced-motion:reduce){.cb-card,.cb-card *{transition:none!important}.cb-card:hover{transform:none}}

/* кнопка «Установить приложение» в тёмном футере: прозрачная, в цвет ссылок */
.site-footer #pwa-install{--tblr-btn-bg:transparent;--tblr-btn-color:#e2e8f0;--tblr-btn-border-color:rgba(255,255,255,.18);--tblr-btn-hover-bg:rgba(255,255,255,.08);--tblr-btn-hover-color:#fff;--tblr-btn-hover-border-color:rgba(255,255,255,.3);--tblr-btn-active-bg:rgba(255,255,255,.12);--tblr-btn-active-color:#fff;--tblr-btn-active-border-color:rgba(255,255,255,.3);--tblr-btn-box-shadow:none;--tblr-btn-active-shadow:none}

/* Предупреждения: мягкий тон вместо жёлтого с белым текстом, читается на любом экране */
.alert.alert-warning {
  --tblr-alert-color: #5b4a1f; --tblr-alert-bg: #fbf6e9; --tblr-alert-border-color: #efe3bd;
  color: #4a3b14; background: #fbf6e9; border: 1px solid #efe3bd; border-left: 4px solid #e0a82e; border-radius: 10px; font-size: .9375rem; line-height: 1.5;
}
.alert.alert-warning a { color: #7a5200; text-decoration: underline; }
.alert.alert-warning .alert-icon, .alert.alert-warning > i { color: #c98a00; }
.alert.alert-warning .btn-close { filter: none; opacity: .5; }