/* 1-buhgalteria.ru — вёрстка один в один с сайтом на Тильде (снято 13.10.2026).
   Размеры и цвета — замеры Тильды на 1440 и 390 px; при правках сверять со скриншотами в ../ref/. */


/* Шрифт — переменный TildaSans-VF, тот же файл, что у Тильды: у отдельных начертаний другая ширина букв
   и другие переносы строк (замечание «Тестировщика» 14.10.2026). */
@font-face { font-family: 'TildaSans'; src: url('/assets/fonts/TildaSans-VF.woff2') format('woff2-variations'), url('/assets/fonts/TildaSans-VF.woff2') format('woff2'); font-weight: 250 1000; font-display: swap; }

:root {
  --dark: #0f1f2d;
  --dark-card: #192c3d;
  --dark-chip: #1f3c55;
  --mint: #8feab3;
  --mint-hover: #6aec9d;
  --navy: #164166;
  --grey-card: #f6f6f6;
  --text: #000;
  --text-2: #333;
  --muted: #666;
  --wrap: 1160px;
  --gut: 20px;
  --r: 20px;
  --shadow: 0 15px 30px -10px rgba(0, 11, 48, .2);
  --z-header: 50; --z-cookie: 60; --z-popup: 70;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body { margin: 0; font-family: 'TildaSans', Arial, sans-serif; color: var(--text); background: #fff; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; }
ul { margin: 0; padding-left: 20px; }
h1, h2, h3, p { margin: 0; }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
.skip { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--mint); color: var(--text-2); padding: 10px 20px; border-radius: 6px; }
.skip:focus { left: 20px; top: 20px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.wrap { max-width: calc(var(--wrap) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); }
.dark { background: var(--dark); color: #fff; }

/* Типографика блоков Тильды */
.t-title { font-size: 34px; font-weight: 600; line-height: 1.23; text-transform: uppercase; }
.t-descr { font-size: 18px; font-weight: 300; line-height: 1.55; }
.t-name { font-size: 20px; font-weight: 600; line-height: 1.35; }

/* Кнопки */
.btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border: 0; border-radius: 6px;
  background: var(--mint); color: var(--text-2); font-weight: 600; font-size: 18px; line-height: 1.4; padding: 10px 20px;
  transition: background-color .2s, transform .1s; }
.btn:hover { background: var(--mint-hover); }
.btn:active { transform: translateY(1px); }
.btn--xl { padding: 20px 40px; box-shadow: 0 10px 15px -10px rgba(255, 106, 40, .5); }
.btn--lg { padding: 17px 60px; }
.btn--sm { padding: 10px 30px; }
.btn--xs { background: var(--navy); color: #fff; font-size: 13px; border-radius: 5px; padding: 8.5px 15px; }
.btn--xs:hover { background: #1f5a8c; }

/* Шапка: плавающая тёмная плашка */
.header { position: fixed; top: 10px; left: 10px; right: 10px; z-index: var(--z-header); height: 70px; background: var(--dark);
  border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0); display: flex; align-items: center; padding: 0 40px; }
.header__logo img { width: 160px; height: 46px; }
.nav { display: flex; align-items: center; gap: 0; margin-left: 50px; }
.nav > a, .nav__item > button { color: #fff; font-size: 18px; font-weight: 500; text-decoration: none; background: none; border: 0; padding: 0; margin-right: 47px; display: inline-flex; align-items: center; gap: 4px; }
.nav__item { position: relative; }
.nav__item > button::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(45deg) translate(-2px, -2px); margin-left: 5px; }
.nav a:hover, .nav__item > button:hover { color: var(--mint); }
.nav__sub { position: absolute; top: calc(100% + 18px); left: -20px; min-width: 360px; background: var(--dark); border-radius: 0 0 14px 14px; padding: 14px 20px 18px;
  list-style: none; margin: 0; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .2s, transform .2s, visibility .2s; }
.nav__sub a { display: block; color: #fff; font-size: 16px; font-weight: 400; text-decoration: none; padding: 7px 0; line-height: 1.35; }
.nav__sub a:hover { color: var(--mint); }
.nav__item:hover .nav__sub, .nav__item.is-open .nav__sub { opacity: 1; visibility: visible; transform: none; }
.nav__item::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 20px; } /* мостик к подменю */
.header__right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.icons { display: flex; gap: 10px; list-style: none; padding: 0; margin: 0; }
.icons a { display: block; width: 25px; height: 25px; }
.icons svg { width: 25px; height: 25px; }
.header .btn { margin-left: 18px; }
.burger { display: none; width: 28px; height: 20px; position: relative; background: none; border: 0; padding: 0; }
.burger span, .burger::before, .burger::after { content: ''; position: absolute; left: 0; right: 0; height: 2px; background: var(--mint); transition: transform .2s, opacity .2s; }
.burger::before { top: 0; } .burger span { top: 9px; } .burger::after { bottom: 0; }
.menu-open .burger::before { transform: translateY(9px) rotate(45deg); }
.menu-open .burger span { opacity: 0; }
.menu-open .burger::after { transform: translateY(-9px) rotate(-45deg); }

/* Хлебные крошки */
.crumbs { padding: 105px 0 15px; font-size: 16px; line-height: 19px; }
.crumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.crumbs li + li::before { content: '→'; padding: 0 10px 0 10px; }
.crumbs a { text-decoration: none; }
.crumbs a:hover { color: var(--mint); }
.crumbs.dark { color: #fff; }
.crumbs:not(.dark) { color: #000; }

/* Первый экран (t1241) */
.hero { padding: 90px 0 45px; }
.crumbs + .hero { padding-top: 30px; }
.hero__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.hero--home .hero__grid { grid-template-columns: 2fr 1fr; }
.hero h1 { font-size: 60px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
.hero--home h1 { font-size: 62px; }
.hero__descr { font-size: 22px; font-weight: 300; line-height: 1.5; margin-top: 30px; }
.hero .btn { margin-top: 40px; }
.hero__img { height: 100vh; height: 100svh; min-height: 560px; max-height: 900px; border-radius: var(--r); background: center / cover no-repeat; }

/* Секции */
.sec { padding: 60px 0; }
.sec--pt90 { padding-top: 90px; } .sec--pb90 { padding-bottom: 90px; } .sec--pb45 { padding-bottom: 45px; } .sec--pt45 { padding-top: 45px; } .sec--pb0 { padding-bottom: 0; } .sec--pt15 { padding-top: 15px; } .sec--pt0 { padding-top: 0; } .sec--pb15 { padding-bottom: 15px; } .sec--pt75 { padding-top: 75px; } .sec--pt30 { padding-top: 30px; }
.sec-title { margin-bottom: 0; }
.heading { padding: 60px 0 0; }
.heading--line .t-title { padding-bottom: 0; }
.heading--line { border-bottom: 0; }
.heading + .heading-line { height: 0; }

/* Об услуге (t489) */
.about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.about__sub { font-size: 18px; font-weight: 600; color: var(--muted); line-height: 1.35; margin-top: 30px; }

/* Что входит (t195) */
.includes__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.includes .rich { font-size: 18px; font-weight: 300; line-height: 1.55; }
.includes img { border-radius: var(--r); width: 100%; }

/* Обычный текст и тексты в колонках */
.rich { font-size: 18px; font-weight: 300; line-height: 1.55; }
.rich strong { font-weight: 700; }
.rich a { color: #1f5bff; }
.rich h2 { font-size: 28px; font-weight: 600; line-height: 1.23; margin: 10px 0 15px; }
.rich ul, .rich ol { margin: 6px 0; }
.rich table { border-collapse: collapse; width: 100%; font-size: 16px; margin: 15px 0; }
.rich td, .rich th { border: 1px solid #d6d6d6; padding: 8px 10px; vertical-align: top; text-align: left; }
.text-block { padding: 15px 0; }
.text-block .rich { max-width: 100%; }
.textcols__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.textcols h2 { font-size: 28px; font-weight: 600; line-height: 1.23; margin-bottom: 20px; }

/* Цены (t1069) */
.prices__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.price { background: var(--dark-card); border-radius: var(--r); padding: 40px 30px; box-shadow: var(--shadow); text-align: center; display: flex; flex-direction: column; }
.price__title { font-size: 22px; font-weight: 600; text-transform: uppercase; line-height: 1.35; }
.price__val { font-size: 38px; font-weight: 800; line-height: 1.23; color: var(--mint); margin: 20px 0 15px; }
.price ul { list-style: none; padding: 0; flex: 1; }
.price li { font-size: 20px; font-weight: 300; line-height: 1.55; padding: 10px; }
.price .btn { align-self: center; margin-top: 20px; padding: 10px 30px; }

/* Карточки-ссылки (t850) */
.linkcards h2 { padding-bottom: 40px; }
.linkcards__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; list-style: none; padding: 0; }
.linkcard { background: #fff; border-radius: var(--r); box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 30px; position: relative; }
.linkcard h3 { font-size: 22px; font-weight: 600; line-height: 1.35; }
.linkcard h3 a { text-decoration: none; }
.linkcard h3 a::after { content: ''; position: absolute; inset: 0; border-radius: var(--r); }
.linkcard .t-descr { margin-top: 10px; }
.linkcard .btn { margin-top: 15px; pointer-events: none; }

/* Кому подходит / Почему мы (t1206) */
.fits__grid { display: grid; grid-template-columns: 460px 1fr; gap: 40px; }
.fits--home .fits__grid, .fits--wide .fits__grid { grid-template-columns: 1fr 1fr; }
.fits h2 { color: var(--text-2); }
.fits__descr { font-size: 18px; font-weight: 300; line-height: 1.5; margin-top: 30px; }
.fits--home .fits__descr { font-size: 22px; }
.fits .btn { margin-top: 40px; }
.fits__cards { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.fits__card { background: var(--grey-card); border-radius: var(--r); padding: 40px 30px; }
.fits__card img { width: 30px; height: 30px; padding: 5px; margin-bottom: 15px; }
.fits__card h3 { font-size: 20px; font-weight: 500; line-height: 1.35; }
.fits__card p { font-size: 18px; font-weight: 400; line-height: 1.55; margin-top: 15px; }

/* Этапы (t812) */
.stages { padding: 0 0 45px; }
.stages__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.stage { margin-bottom: 25px; }
.stage__head { display: flex; justify-content: space-between; color: var(--mint); font-size: 20px; font-weight: 600; line-height: 1.35; text-transform: uppercase; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.25); }
.stage__head span:last-child { text-transform: none; padding-left: 20px; }
.stage ul { list-style: disc; margin-top: 12px; font-size: 18px; font-weight: 300; line-height: 1.55; }

/* Что вы получите (t1115) */
.features__grid { display: grid; grid-template-columns: 660px 1fr; gap: 40px; align-items: start; }
.features ul { list-style: none; padding: 0; margin: 50px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 35px 25px; }
.features li { display: flex; gap: 15px; font-size: 20px; font-weight: 600; line-height: 1.35; }
.features li img { width: 20px; height: 20px; flex: none; margin-top: 3px; }
.features__img { border-radius: var(--r); width: 100%; height: auto; }

/* Слайдер карточек (t1196) */
.slider { padding: 45px 0; overflow: hidden; }
.slider__head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 40px; }
.slider__ctrl { display: flex; gap: 10px; }
.slider__ctrl button { width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--mint); padding: 0; transition: background-color .2s; }
.slider__ctrl button:hover { background: var(--mint-hover); }
.slider__ctrl button:disabled { opacity: .5; cursor: default; }
.slider__ctrl button + button svg { transform: scaleX(-1); }
.slider__track { list-style: none; margin: 0; padding-left: 0; display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 0 30px; margin-bottom: -30px; overscroll-behavior-x: contain; }
.slider__track::-webkit-scrollbar { display: none; }
.card { flex: 0 0 360px; scroll-snap-align: start; background: #fff; border-radius: var(--r); box-shadow: var(--shadow); padding: 30px; display: flex; flex-direction: column; min-height: 472px; }
.slider--green .card { background: var(--mint); box-shadow: none; min-height: 361px; }
.card h3 { font-size: 20px; font-weight: 600; line-height: 1.35; padding-bottom: 14px; }
.card .t-descr { font-size: 18px; }
.card ul { list-style: disc; font-size: 18px; font-weight: 300; line-height: 1.55; margin-top: 8px; }
.card .btn { margin-top: auto; align-self: flex-start; }
.card .card__body { flex: 1; margin-bottom: 25px; }

/* FAQ (t668) */
.faq { padding: 0 0 60px; }
.faq__item { background: var(--dark-card); border-radius: var(--r); margin-bottom: 10px; }
.faq__q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 30px; text-align: left; background: none; border: 0; color: #fff; padding: 20px; font-size: 20px; font-weight: 600; line-height: 1.35; }
.faq__icon { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--mint); color: var(--dark); display: grid; place-items: center; transition: transform .25s; }
.faq__icon svg { width: 20px; height: 20px; }
.faq__item.is-open .faq__icon { transform: rotate(45deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }
.faq__a > div { overflow: hidden; padding: 0 20px; font-size: 18px; font-weight: 300; line-height: 1.55; }
.faq__item.is-open .faq__a > div { padding-bottom: 20px; }

/* Форма обратного звонка (t722) */
.cta { padding: 60px 0; background: #fff; }
.cta__box { background: var(--dark); color: #fff; border-radius: var(--r); padding: 60px 45px 70px; text-align: center; }
.cta__descr { font-size: 20px; font-weight: 300; line-height: 1.5; margin-top: 25px; }
.lead-form { margin-top: 50px; }
.lead-form__row { display: grid; grid-template-columns: 1fr 1fr 168px; gap: 20px; }
.input { height: 56px; border: 1px solid #fff; border-radius: 6px; background: transparent; color: #fff; font: inherit; font-size: 16px; padding: 0 20px; width: 100%; }
.input::placeholder { color: rgba(255,255,255,.5); }
.input:focus { outline: 0; border-color: var(--mint); }
.phone-wrap { position: relative; display: block; }
.phone-wrap .input { padding-left: 76px; }
.phone-wrap::before { content: ''; position: absolute; left: 20px; top: 50%; width: 16px; height: 11px; margin-top: -6px; background: linear-gradient(#fff 33.3%, #0039a6 33.3% 66.6%, #d52b1e 66.6%); border-radius: 1px; pointer-events: none; }
.phone-wrap::after { content: '+7'; position: absolute; left: 44px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #fff; pointer-events: none; }
.lead-form .btn { height: 56px; padding: 0 20px; }
.checks { margin-top: 25px; text-align: left; display: grid; gap: 12px; }
.check { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; font-weight: 300; line-height: 1.2; cursor: pointer; }
.check input { appearance: none; flex: none; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 0; margin: 0; background: transparent; cursor: pointer; }
.check input:checked { background: var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10l3.5 3.5L15 7' stroke='%230f1f2d' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/16px no-repeat; border-color: var(--mint); }
.check a { color: #fff; }
.form-msg { margin-top: 18px; font-size: 16px; min-height: 1em; }
.form-msg.is-error { color: #ffb4a8; }
.form-msg.is-ok { color: var(--mint); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Ценность (t477) */
.value__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.value__img { border-radius: var(--r); background: center / cover no-repeat; min-height: 655px; }
.value__box { background: var(--dark); color: #fff; border-radius: var(--r); padding: 60px; display: flex; flex-direction: column; justify-content: center; }
.value__box hr { width: 50px; border: 0; border-top: 2px solid var(--mint); margin: 25px 0 30px; }
.value__box .rich strong { font-size: 22px; font-weight: 600; line-height: 1.55; }

/* Отзывы (t1186) */
.reviews { padding: 45px 0 90px; overflow: hidden; }
.review { flex: 0 0 560px; scroll-snap-align: start; background: var(--grey-card); border-radius: var(--r); padding: 40px; }
.review__head { display: flex; gap: 18px; align-items: center; }
.review__ava { width: 100px; height: 100px; border-radius: 50%; flex: none; background: #4575ce url('/assets/img/avatar.svg') center / 60% no-repeat; }
.review__name { font-size: 20px; font-weight: 600; line-height: 1.3; }
.review__role { font-size: 18px; color: #808080; margin-top: 4px; }
.review__text { margin-top: 25px; font-size: 18px; font-weight: 300; line-height: 1.4; }

/* Команда (t539) */
.team { padding: 15px 0 60px; }
.team__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; list-style: none; padding: 0; margin: 0; }
.person { border-radius: var(--r); overflow: hidden; background: #fff; color: #000; }
.person img { width: 100%; aspect-ratio: 260 / 240; object-fit: cover; }
.person__text { padding: 20px 20px 25px; }
.person__name { font-size: 20px; font-weight: 600; line-height: 1.35; }
.person__role { font-size: 18px; font-weight: 300; line-height: 1.55; color: #757575; margin-top: 4px; }

/* Блог (t1073) */
.blog__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px 40px; list-style: none; padding: 0; margin: 0; }
.post-card img { border-radius: var(--r); width: 100%; aspect-ratio: 560 / 240; object-fit: cover; }
.post-card h2 { font-size: 22px; font-weight: 600; line-height: 1.35; text-transform: none; margin-top: 30px; }
.post-card p { margin-top: 15px; font-size: 16px; font-weight: 300; line-height: 1.55; }
.post-card .btn { margin-top: 20px; padding: 10px 30px; font-size: 16px; }
.page-title { padding: 0 0 30px; }
.page-title h1 { font-size: 42px; font-weight: 600; line-height: 1.23; text-transform: uppercase; }
.article .rich { font-size: 20px; line-height: 1.55; max-width: 1060px; }

/* Контакты (t555) */
.contacts { padding: 105px 0 30px; }
.contacts__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.contacts h1 { font-size: 36px; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; }
.contacts .rich { font-size: 20px; line-height: 1.55; }
.contacts .rich a { color: #4574cd; text-decoration: none; }
.contacts .icons { margin-top: 30px; }
.map { border-radius: var(--r); overflow: hidden; height: 400px; background: #1d2c3a; }
.map iframe { width: 100%; height: 100%; border: 0; display: block; }

/* 404 (t492) */
.notfound { padding: 160px 0 100px; }
.notfound__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.notfound .t-title { font-size: 42px; }
.notfound .t-descr { margin-top: 25px; font-size: 20px; }
.notfound .btn { margin-top: 35px; padding: 15px 40px; }

/* Подвал (t992 + t457) */
.footer { background: var(--dark); color: #fff; padding: 30px 0 30px; }
.chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; padding: 30px 0; margin: 0; }
.chips a { display: block; background: var(--dark-chip); border-radius: 6px; padding: 9px 18px 8px; font-size: 18px; text-decoration: none; color: #fff; transition: background-color .2s; }
.chips a:hover { background: var(--navy); }
.footer__bottom { border-top: 1px solid rgba(255,255,255,.2); margin-top: 30px; padding-top: 30px; text-align: center; }
.footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 34px; list-style: none; padding: 0; margin: 0; font-size: 18px; }
.footer__links a { text-decoration: none; }
.footer__links a:hover, .footer__small a:hover { color: var(--mint); }
.footer__logo { display: inline-block; margin-top: 40px; }
.footer__logo img { width: 150px; height: 43px; }
.footer__small { margin-top: 30px; font-size: 14px; line-height: 1.5; }
.footer__small a { color: #fff; }
.footer__dev { margin-top: 10px; font-size: 13px; opacity: .6; }

/* Попап заявки (t702) */
.popup { position: fixed; inset: 0; z-index: var(--z-popup); background: rgba(0,0,0,.8); display: none; align-items: center; justify-content: center; padding: 20px; }
.popup.is-open { display: flex; }
.popup__box { position: relative; width: 100%; max-width: 560px; background: var(--dark); color: #fff; border-radius: var(--r); padding: 45px 40px; max-height: 100%; overflow: auto; }
.popup__close { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; border: 0; background: none; color: #fff; font-size: 30px; line-height: 1; }
.popup h2 { font-size: 30px; font-weight: 600; text-transform: uppercase; line-height: 1.23; }
.popup p { margin-top: 15px; font-size: 18px; font-weight: 300; }
.popup .lead-form { margin-top: 30px; }
.popup .lead-form__row { grid-template-columns: 1fr; gap: 15px; }

/* Согласие на cookie (t972) */
.cookie { position: fixed; right: 20px; bottom: 20px; z-index: var(--z-cookie); width: 600px; max-width: calc(100% - 40px); background: var(--dark); color: #fff;
  border-radius: var(--r); padding: 17px 24px 20px 19px; box-shadow: 2px 0 30px rgba(15,31,45,.6); font-size: 14px; font-weight: 500; line-height: 1.35; }
.cookie[hidden] { display: none; }
.cookie p + p { margin-top: 8px; }
.cookie__btns { display: flex; gap: 10px; margin-top: 18px; }
.cookie .btn { font-size: 14px; padding: 12.5px 30px; border-radius: 4px; }
.cookie .btn--ghost { background: transparent; color: var(--mint); border: 1px solid var(--mint); }

/* ≤1199: сетка Тильды 960 */
@media (max-width: 1200px) {
  :root { --wrap: 920px; }
  .fits__grid, .features__grid { grid-template-columns: 1fr 1fr; }
  .team__grid { gap: 20px; }
  .header { padding: 0 25px; }
  .nav > a, .nav__item > button { margin-right: 28px; }
}

/* ≤959: планшет и телефон — мобильное меню Тильды */
@media (max-width: 960px) {
  .header { top: 0; left: 0; right: 0; border-radius: 0; height: 64px; padding: 0 20px; }
  .header__logo img { width: 80px; height: 23px; }
  .burger { display: block; margin-left: auto; }
  .nav, .header__right { display: none; }
  .menu-open .nav { display: flex; position: fixed; top: 64px; left: 0; right: 0; bottom: 0; background: var(--dark); flex-direction: column; align-items: flex-start; margin: 0; padding: 20px 20px 40px; overflow: auto; }
  .menu-open .nav > a, .menu-open .nav__item > button { margin: 0 0 18px; font-size: 20px; }
  .menu-open .nav__item { width: 100%; }
  .menu-open .nav__sub { position: static; opacity: 1; visibility: visible; transform: none; display: none; padding: 0 0 15px 15px; min-width: 0; }
  .menu-open .nav__item.is-open .nav__sub { display: block; }
  .menu-open .header__right { display: flex; position: fixed; left: 20px; right: 20px; bottom: 30px; justify-content: space-between; }
  .crumbs { padding: 105px 0 15px; font-size: 12px; }
  .crumbs li + li::before { padding: 0 5px; }
  .hero { padding-top: 90px; }
  .hero__grid, .hero--home .hero__grid, .about__grid, .includes__grid, .textcols__grid, .fits__grid, .fits--home .fits__grid, .features__grid, .value__grid, .contacts__grid, .notfound__grid { grid-template-columns: 1fr; }
  .hero h1, .hero--home h1 { font-size: 38px; line-height: 1.2; }
  .hero__img { height: 300px; min-height: 0; border-radius: 15px; }
  .t-title { font-size: 30px; }
  .t-descr, .rich { line-height: 1.45; }
  .prices__grid, .linkcards__grid { grid-template-columns: 1fr; }
  .price__val { font-size: 30px; }
  .price .btn { padding: 12.5px 20px; }
  .linkcard h3 { font-size: 18px; }
  .linkcard .t-descr { font-size: 14px; }
  .linkcard .btn { padding: 11px 15px; }
  .fits__cards { grid-template-columns: 1fr; }
  .fits__card { padding: 30px; }
  .stages { padding-bottom: 30px; }
  .stages__grid { grid-template-columns: 1fr; }
  .features h2 { font-size: 26px; }
  .features ul { grid-template-columns: 1fr; margin-top: 35px; }
  .slider { padding: 30px 0; }
  .slider__head { margin-bottom: 30px; }
  .card { flex-basis: 280px; }
  .card .btn { align-self: stretch; padding: 11px 15px; }
  .review { flex-basis: 300px; padding: 25px; }
  .review__ava { width: 60px; height: 60px; }
  .team__grid { grid-template-columns: 1fr 1fr; }
  .blog__grid { grid-template-columns: 1fr; }
  .page-title h1 { font-size: 30px; }
  .article .rich { font-size: 18px; }
  .cta { padding: 20px 0; }
  .cta__box { padding: 30px 20px 45px; }
  .cta__descr { font-size: 20px; line-height: 1.4; }
  .lead-form__row { grid-template-columns: 1fr; gap: 15px; }
  .input, .lead-form .btn { height: 50px; }
  .check { font-size: 12px; }
  .value__img { min-height: 350px; }
  .value__box { padding: 40px 25px; }
  .contacts { padding-top: 89px; }
  .map { height: 300px; }
  .chips a { font-size: 16px; padding: 7px 15px 6px; text-align: center; }
  .notfound { padding: 110px 0 60px; }
  .cookie { left: 20px; right: 20px; bottom: 20px; width: auto; max-width: none; }
  .cookie__btns { flex-direction: column; }
  .cookie .btn { width: 100%; }
}
@media (max-width: 480px) {
  .team__grid { grid-template-columns: 1fr; }
}

/* Отступы блоков — как у записей Тильды (t-rec_pt_N / t-rec_pb_N), задаются в данных блока */
.blk { padding-top: var(--pt, 0); padding-bottom: var(--pb, 0); }
.heading--line { border-bottom: 1px solid rgba(255,255,255,.2); }
@media (max-width: 480px) {
  .blk { padding-top: var(--ptm, var(--pt, 0)); padding-bottom: var(--pbm, var(--pb, 0)); }
}
.card, .review, .post-card { position: relative; }
@media (max-width: 960px) { .rich table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } }

/* Слайдеры как у Тильды (t1196, t1186): лента уходит за правый край экрана, тень не режется, стрелки всегда яркие */
.slider__track { margin: -30px calc(50% - 50vw) -30px -30px; padding: 30px calc(50vw - 50% + 20px) 30px 30px; scroll-padding-left: 30px; gap: 20px; }
.slider__ctrl button:disabled { opacity: 1; }
.slider__head { margin-bottom: 70px; }
.reviews .slider__head { margin-bottom: 90px; }
.review { flex: 0 0 560px; padding: 40px; }
.review__ava { background: url('/assets/img/avatar.svg') center / cover no-repeat; }
.review__name { font-size: 20px; }
.review__text { margin-top: 45px; line-height: 1.4; color: #000; }
.review__role { margin-top: 12px; }
.card h3 br { display: inline; }
@media (min-width: 1201px) { .slider__track { gap: 20px; } }
@media (max-width: 1200px) { :root { --wrap: 940px; } .review { flex-basis: 460px; } }
@media (max-width: 960px) {
  .slider__head { margin-bottom: 30px; } .reviews .slider__head { margin-bottom: 40px; }
  .slider__track { margin-left: -20px; padding-left: 20px; scroll-padding-left: 20px; }
  .review { flex-basis: 300px; padding: 25px; } .review__text { margin-top: 25px; }
}

/* Раздел услуги (этап 2) */
.section .rich { margin-top: 30px; max-width: 1060px; }
.section .rich p + p, .section .rich p + ul, .section .rich ul + p, .section .rich h3 + p { margin-top: 12px; }
.section .rich h3 { font-size: 22px; font-weight: 600; line-height: 1.35; margin: 25px 0 10px; }
.rich p + p { margin-top: 14px; }
.rich h2 + p, .rich h2 + ul { margin-top: 0; }
.rich thead th { background: var(--grey-card); font-weight: 600; }
@media (max-width: 960px) {
  .section .t-title { font-size: 26px; }
  /* таблицы на телефоне — карточками (правило статей владельца) */
  .rich table.cards, .rich table.cards tbody, .rich table.cards tr, .rich table.cards td { display: block; width: 100%; }
  .rich table.cards { overflow: visible; border: 0; }
  .rich table.cards thead { display: none; }
  .rich table.cards tr { border: 1px solid #d6d6d6; border-radius: 12px; margin-bottom: 12px; padding: 6px 0; }
  .rich table.cards td { border: 0; padding: 6px 14px; }
  .rich table.cards td::before { content: attr(data-label); display: block; font-size: 13px; color: var(--muted); font-weight: 600; }
}
.hero__grid > *, .blog__grid > li, .about__grid > *, .fits__grid > * { min-width: 0; }
@media (max-width: 960px) { .hero h1, .t-title { overflow-wrap: break-word; hyphens: manual; } }

.rich figure { margin: 30px 0; }
.rich figure img { width: 100%; height: auto; border-radius: var(--r); }
.article .rich h2 { margin: 45px 0 15px; } .article .rich h2:first-child { margin-top: 0; } .article .rich figure + h2 { margin-top: 30px; }

/* ===== Сетка как у Тильды по ширинам (замер 14.10.2026, замечания клиента) =====
   ≥1201: контейнер 1160 · 961–1200: 940 · 641–960: 600 по центру · ≤640: на всю ширину, поля 20 */
@media (min-width: 641px) and (max-width: 960px) {
  .wrap { max-width: 640px; }
  .hero__img { height: 500px; }
  .fits__cards { grid-template-columns: 1fr 1fr; gap: 40px; }
  .fits__card { padding: 40px 30px; }
  .cta__box { padding: 60px 45px; }
  .team__grid { grid-template-columns: repeat(2, 220px); justify-content: center; column-gap: 100px; row-gap: 40px; }
}
@media (min-width: 481px) and (max-width: 640px) {
  .hero__img { height: 400px; }
  .team__grid { grid-template-columns: repeat(2, 1fr); justify-items: center; gap: 40px 0; }
  .team__grid .person { width: 220px; }
}
@media (max-width: 480px) {
  .team__grid { grid-template-columns: 220px; justify-content: center; }
}
@media (min-width: 961px) and (max-width: 1200px) {
  .team__grid { grid-template-columns: repeat(4, 220px); gap: 20px; justify-content: center; }
  .hero__grid, .about__grid, .includes__grid, .value__grid, .contacts__grid { gap: 20px; }
  .prices__grid, .linkcards__grid { gap: 20px; }
}
/* Форма ≤960: поля друг под другом, затем согласия, кнопка — внизу во всю ширину (как у Тильды) */
@media (max-width: 960px) {
  .lead-form { display: flex; flex-direction: column; gap: 15px; }
  .lead-form__row { display: contents; }
  .lead-form__row > label { order: 1; }
  .lead-form .checks { order: 2; margin-top: 5px; }
  .lead-form .btn[type=submit] { order: 3; width: 100%; margin-top: 10px; }
  .lead-form .form-msg { order: 4; }
  .chips a { font-size: 18px; padding: 9px 18px 8px; }
}
/* Галочки согласий: мятная рамка с прозрачностью 0.6, как у Тильды */
.check input { border-color: rgba(143, 234, 179, .6); }
/* Флаг у телефона со стрелкой выбора страны, как у Тильды */
.phone-wrap::after { content: '▾  +7'; left: 42px; font-size: 16px; white-space: pre; }
.phone-wrap .input { padding-left: 90px; }
/* У Тильды размеры заголовков секций и цен переключаются на 900 px (min-width:900px), а не на 960 */
@media (min-width: 900px) and (max-width: 960px) {
  .t-title, .section .t-title, .features h2 { font-size: 34px; }
  .price__val { font-size: 38px; }
}
@media (min-width: 641px) and (max-width: 960px) { .check { font-size: 14px; } }
.fits__card, .card, .linkcard, .price, .review, .person { min-width: 0; overflow-wrap: break-word; }
/* Бургер как у Тильды: 22×14, линии 2 px; пустая строка сообщения формы места не занимает */
.burger { width: 22px; height: 14px; }
.burger span { top: 6px; }
.menu-open .burger::before { transform: translateY(6px) rotate(45deg); }
.menu-open .burger::after { transform: translateY(-6px) rotate(-45deg); }
.form-msg:empty { display: none; }

/* Первый экран на ≤960: у Тильды заголовок на 40 px ниже (h1 на 130 px от верха при отступе секции 90) */
@media (max-width: 960px) { .hero .hero__grid > div:first-child { padding-top: 40px; } .crumbs + .hero .hero__grid > div:first-child { padding-top: 0; } }
@media (min-width: 900px) and (max-width: 960px) { .hero h1 { line-height: 1.1; } }
/* Замечания «Тестировщика» 14.10, 390 px: подзаголовок первого экрана — интервал 1.4 (как у Тильды);
   плашка cookie на ≤640 — на всю ширину, вплотную к низу экрана */
@media (max-width: 960px) { .hero__descr { line-height: 1.4; } }
@media (max-width: 640px) { .cookie { left: 0; right: 0; bottom: 0; width: 100%; max-width: none; } }