/* ==== gray.css ==== */
/* Серые макеты фазы 3: монохром, системный шрифт, без цвета и иллюстраций. Содержание: spec/SPEC.md */
:root {
  --bg: #f3f3f3; --bg2: #e6e6e6; --ink: #151515; --mute: #666; --line: #b9b9b9; --dark: #1f1f1f; --on-dark: #f3f3f3;
  --pad: clamp(16px, 2.4vw, 32px);
  --fs-body: clamp(15px, 1.1vw, 17px);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 var(--fs-body)/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3, p, ul, ol { margin: 0; }
ul, ol { padding-left: 1.1em; }
li + li { margin-top: .3em; }
.mute { color: var(--mute); }
.eyebrow { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 1px solid var(--ink); background: var(--ink); color: var(--on-dark); font: 600 15px/1 inherit; text-decoration: none; text-align: center; }
.btn.alt { background: transparent; color: var(--ink); }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 700; }
.logo i { display: block; width: 44px; height: 30px; border: 1px solid var(--ink); background: repeating-linear-gradient(45deg, var(--bg2) 0 4px, var(--bg) 4px 8px); }
.logo small { display: block; font-weight: 400; font-size: 11px; line-height: 1.2; color: var(--mute); }
/* заглушки: видимая пометка вместо выдуманных данных */
.ph { border: 1px dashed var(--mute); background: repeating-linear-gradient(45deg, var(--bg2) 0 6px, var(--bg) 6px 12px); color: var(--mute); font-size: 12px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; min-height: 96px; }
.hero-img { filter: grayscale(1) contrast(.95); width: 100%; height: auto; }
.tag { display: inline-block; font-size: 11px; padding: 2px 6px; border: 1px dashed var(--mute); color: var(--mute); margin-left: 6px; vertical-align: middle; }
.mobile-bar { display: none; }
input, select, textarea { width: 100%; min-height: 48px; border: 1px solid var(--ink); background: var(--bg); padding: 10px 12px; font: inherit; color: inherit; border-radius: 0; }
textarea { min-height: 96px; }
label { display: block; font-size: 13px; color: var(--mute); margin-bottom: 4px; }
.field { margin-bottom: 14px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--mute); }
.check input { width: 20px; min-height: 20px; margin-top: 2px; }

/* ===== Вариант 1-2: скелет секций ===== */
.sk .wrap { max-width: 1200px; margin: 0 auto; padding: 0 var(--pad); }
.sk header.top { border-bottom: 1px solid var(--line); background: var(--bg); position: sticky; top: 0; z-index: 5; }
.sk .top .wrap { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.sk .top nav { display: flex; gap: 22px; margin-left: auto; font-size: 14px; }
.sk .top nav a { text-decoration: none; }
.sk .top .tel { font-weight: 700; font-size: 14px; line-height: 1.3; text-align: right; }
.sk .top .burger { display: none; }
.sk section { padding: clamp(40px, 6vw, 88px) 0; border-bottom: 1px solid var(--line); }
.sk section > .wrap > h2 { font-size: clamp(26px, 3vw, 40px); line-height: 1.1; margin-bottom: 28px; }
.sk .hero { padding-top: clamp(28px, 4vw, 56px); }
.sk .hero .wrap { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(20px, 4vw, 56px); align-items: center; }
.sk .hero h1 { font-size: clamp(36px, 5vw, 68px); line-height: 1.04; margin: 12px 0 16px; }
.sk .hero .lead { max-width: 34em; color: var(--mute); }
.sk .hero .acts { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.sk .facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border-top: 1px solid var(--line); padding-top: 16px; }
.sk .facts b { display: block; font-size: clamp(18px, 1.8vw, 24px); }
.sk .facts span { font-size: 13px; color: var(--mute); }
.sk .cols { display: grid; gap: 20px; }
.sk .c3 { grid-template-columns: repeat(3, 1fr); }
.sk .c5 { grid-template-columns: repeat(5, 1fr); }
.sk .c2 { grid-template-columns: 1fr 1fr; }
.sk .card { border: 1px solid var(--line); background: var(--bg); padding: 22px; }
.sk .card h3 { font-size: 20px; margin-bottom: 12px; line-height: 1.2; }
.sk .card .num { font-size: 13px; color: var(--mute); margin-bottom: 6px; }
.sk .steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; counter-reset: s; }
.sk .steps li { list-style: none; counter-increment: s; padding: 16px 14px 16px 16px; border: 1px solid var(--line); margin: 0 -1px 0 0; font-weight: 600; }
.sk .steps li::before { content: counter(s); display: block; font-size: 12px; color: var(--mute); font-weight: 400; }
.sk .steps { padding: 0; }
.sk .audit { background: var(--dark); color: var(--on-dark); }
.sk .audit .btn { background: var(--on-dark); color: var(--ink); border-color: var(--on-dark); }
.sk .audit h2, .sk .audit p { max-width: 32em; }
.sk .audit .mute { color: #b5b5b5; }
.sk .logos { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.sk .sub { margin: 40px 0 14px; font-size: 22px; }
.sk footer { padding: 32px 0 80px; font-size: 14px; }
.sk footer .wrap { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 24px; }

/* ===== Вариант 3: сетка, блоки без внешних отступов, линия 1 px через gap ===== */
.gr { --u: clamp(16px, 2vw, 28px); }
.g { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
.g > * { background: var(--bg); padding: var(--u); min-width: 0; }
.g > .dk { background: var(--dark); color: var(--on-dark); }
.g > .dk .mute, .g > .dk .eyebrow { color: #b5b5b5; }
.g > .gy { background: var(--bg2); }
.g .btn { width: 100%; }
.g > .dk .btn { background: var(--on-dark); color: var(--ink); border-color: var(--on-dark); }
.s2 { grid-column: span 2; } .s3 { grid-column: span 3; } .s4 { grid-column: span 4; } .s5 { grid-column: span 5; }
.s6 { grid-column: span 6; } .s7 { grid-column: span 7; } .s8 { grid-column: span 8; } .s9 { grid-column: span 9; } .s12 { grid-column: span 12; }
.r2 { grid-row: span 2; } .r3 { grid-row: span 3; } .r4 { grid-row: span 4; }
.gr .big { font-size: clamp(40px, 7.2vw, 116px); line-height: .96; font-weight: 700; letter-spacing: -.02em; }
.gr .mid { font-size: clamp(26px, 3.4vw, 52px); line-height: 1.05; font-weight: 700; letter-spacing: -.01em; }
.gr .stat { font-size: clamp(26px, 3vw, 44px); line-height: 1; font-weight: 700; }
.gr .stat + div { margin-top: 8px; font-size: 13px; color: var(--mute); }
.gr .sub-g { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: var(--line); padding: 0; }
.gr .sub-g > * { background: var(--bg); padding: var(--u); }
.gr .sub-g > .dk { background: var(--dark); color: var(--on-dark); }
.gr .steps5 { grid-template-columns: repeat(5, 1fr); }
.gr .num { font-size: 13px; color: var(--mute); margin-bottom: 8px; }
.gr .hd { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; padding-bottom: 14px; }
.gr .hd nav { display: flex; gap: 20px; font-size: 14px; flex-wrap: wrap; }
.gr .hd nav a { text-decoration: none; }
.gr .stack > * + * { margin-top: 10px; }
.gr .ph { min-height: 120px; }

/* ===== Мобильные ===== */
@media (max-width: 1024px) {
  .sk .c5 { grid-template-columns: repeat(2, 1fr); }
  .sk .steps { grid-template-columns: 1fr; }
  .sk .steps li { margin: 0 0 -1px 0; }
  .sk .logos { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
  .sk .top nav, .sk .top .top-cta { display: none; }
  .sk .top .wrap { gap: 12px; }
  .sk .top .call { min-height: 44px; padding: 0 16px; }
  .sk .top .burger { display: inline-flex; margin-left: 12px; border: 1px solid var(--ink); width: 44px; height: 44px; align-items: center; justify-content: center; }
  .sk .top .call { margin-left: auto; }
  .sk .hero .wrap { grid-template-columns: 1fr; }
  .sk .c3, .sk .c2, .sk .c5 { grid-template-columns: 1fr; }
  .sk footer .wrap { grid-template-columns: 1fr; }
  .sk .hero .acts .btn { flex: 1 1 100%; }
  .sk .hero .img { order: 3; }
  .g { grid-template-columns: repeat(6, 1fr); }
  .g > [class*="s"] { grid-column: span 6; }
  .g > .s2, .g > .h2 { grid-column: span 3; }
  .gr .sub-g { grid-template-columns: repeat(6, 1fr); }
  .gr .sub-g > .s3 { grid-column: span 6; }
  .gr .sub-g > .s2 { grid-column: span 2; }
  .gr .hd nav, .gr .nav-cell { display: none; }
  .gr .steps5 { grid-template-columns: 1fr; }
  .g > .hd.s3 { grid-column: span 3; }
  .r2, .r3 { grid-row: auto; }
}
@media (min-width: 861px) { .sk .top .call { display: none; } }
@media (max-width: 860px) {
  .mobile-bar { display: grid; grid-template-columns: 1fr 1fr; position: sticky; bottom: 0; z-index: 6; border-top: 1px solid var(--ink); background: var(--bg); }
  .mobile-bar a { display: flex; min-height: 52px; align-items: center; justify-content: center; font-weight: 700; text-decoration: none; }
  .mobile-bar a + a { background: var(--ink); color: var(--on-dark); }
}
@media (max-width: 380px) {
  .logo small { display: none; }
  .logo i { width: 32px; height: 24px; }
  .sk .top .wrap { gap: 8px; }
  .sk .top .call { padding: 0 10px; }
  .sk .top .burger { margin-left: 0; }
}
.gr .sub-g > .dk .btn { background: var(--on-dark); color: var(--ink); border-color: var(--on-dark); }
.sk .for { margin: 18px 0 0; }
.sk .for ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.sk .for li { margin: 0; padding: 6px 12px; border: 1px solid var(--ink); font-size: 14px; }
.gr .eyebrow-cell { padding-top: calc(var(--u) * .6); padding-bottom: calc(var(--u) * .6); }
.gr .for-g > .s3:not(.dk) { font-weight: 600; }
@media (max-width: 860px) { .gr .sub-g.for-g > .s3:not(.dk) { grid-column: span 3; font-size: 14px; } }

/* вариант 3: блок и есть кнопка */
.gr .cell-btn { display: flex; align-items: center; justify-content: center; min-height: 88px; text-align: center; font-weight: 700; font-size: 16px; text-decoration: none; color: inherit; cursor: pointer; }
.gr a.cell-btn:hover { filter: invert(.08); }
.g > .gy.cell-btn { background: var(--bg2); }
.g > .ac { background: #5a5a5a; color: var(--on-dark); }
.g > .ac .mute { color: #d6d6d6; }
.gr .hd.dk .logo i { border-color: var(--on-dark); background: repeating-linear-gradient(45deg, #333 0 4px, #1f1f1f 4px 8px); }
.gr .hd.dk .logo small { color: #b5b5b5; }
.gr .hd.ctr { justify-content: center; }
.gr .hd.ctr nav { gap: clamp(16px, 2.4vw, 40px); justify-content: center; }

/* ===== вариант 3: цельные блоки ===== */
.gr .mid.sm { font-size: clamp(22px, 2.4vw, 34px); margin-bottom: 14px; }
.gr .num + .mid { margin-top: 2px; }
.gr ul.cols2 { columns: 2; column-gap: calc(var(--u) * 1.5); }
.gr ul.cols2 li { break-inside: avoid; }
.gr .big-list { list-style: disc; padding-left: 1.1em; margin-top: 10px; font-size: clamp(18px, 1.8vw, 26px); font-weight: 600; line-height: 1.25; }
.gr .stats { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 1.5); }
.gr .stats > div { min-width: 120px; flex: 1 1 140px; }
.gr .imgcell { padding: 0; display: flex; align-items: center; background: var(--bg2); }
.gr .flow { list-style: none; padding: 0; margin-top: 18px; display: flex; gap: 0; align-items: stretch; flex-wrap: wrap; }
.gr .flow li { margin: 0; flex: 1 1 110px; padding: 14px 12px 0 0; font-weight: 700; font-size: clamp(15px, 1.4vw, 20px); position: relative; }
.gr .flow li i { display: block; font-style: normal; font-size: clamp(34px, 4vw, 60px); line-height: 1; margin-bottom: 8px; }
.gr .flow li + li { border-left: 1px solid var(--line); padding-left: 14px; }
.gr .flow li:not(:last-child)::after { content: "→"; position: absolute; right: -8px; top: 22px; background: var(--bg2); font-weight: 400; font-size: 16px; }
.gr .bgph { position: relative; padding: 0; min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; background: repeating-linear-gradient(45deg, #cfcfcf 0 8px, #bdbdbd 8px 16px); }
.gr .bgph .ph-tag { padding: var(--u); font-size: 12px; color: #444; }
.gr .bgph .cap { background: rgba(20, 20, 20, .78); color: var(--on-dark); padding: var(--u); }
.gr .bgph .cap .eyebrow { color: #cfcfcf; }
.gr .link-card { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; text-decoration: none; color: var(--on-dark); background: var(--dark); cursor: pointer; }
.gr .link-card:hover { background: #2c2c2c; }
.gr .link-card .eyebrow, .gr .link-card .mute { color: #b5b5b5; }
.gr .link-card .go { font-weight: 700; font-size: 18px; }
.gr .slots { display: grid; grid-template-columns: 1fr; gap: 10px; }
.gr .slots.s6x { grid-template-columns: repeat(3, 1fr); }
.gr .slots .ph { min-height: 70px; }
.gr .g > button.cell-btn { border: 0; font-family: inherit; }
@media (max-width: 860px) {
  .gr ul.cols2 { columns: 1; }
  .gr .flow { flex-direction: column; }
  .gr .flow li { flex: none; padding: 12px 0; border-top: 1px solid var(--line); }
  .gr .flow li + li { border-left: 0; padding-left: 0; }
  .gr .flow li:not(:last-child)::after { content: "↓"; right: 0; top: 14px; }
  .gr .flow li i { display: inline-block; margin: 0 12px 0 0; font-size: 30px; vertical-align: middle; }
}

.gr .facts-row { justify-content: space-between; }
.gr .facts-row > div { flex: 1 1 0; }
.gr .facts-row .stat { font-size: clamp(34px, 5vw, 72px); }

/* шапка сетки: меню и телефон по левому краю ячейки, телефон как логотип (крупно главное, мелко второе) */
.gr .hd.nav-cell { justify-content: flex-start; }
.gr .hd.nav-cell nav { justify-content: flex-start; gap: clamp(16px, 2.4vw, 40px); }
.gr .hd.phone { justify-content: flex-start; }
.gr .hd.phone a { display: block; text-decoration: none; color: inherit; line-height: 1.2; }
.gr .hd.phone b { display: block; font-size: 18px; font-weight: 700; }
.gr .hd.phone small { display: block; font-size: 11px; color: #d6d6d6; margin-top: 2px; }

/* ===== hero: слои в картинке ===== */
.gr .hero-fig { position: relative; width: 100%; margin: 0; }
.gr .hero-fig img { display: block; width: 100%; height: auto; }
.gr .hero-fig .lay { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .25s;
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.gr .hero-fig .lay[data-l="el"] { -webkit-mask-image: url(../assets/hero-layers/mask-el.png); mask-image: url(../assets/hero-layers/mask-el.png); }
.gr .hero-fig .lay[data-l="lc"] { -webkit-mask-image: url(../assets/hero-layers/mask-lc.png); mask-image: url(../assets/hero-layers/mask-lc.png); }
.gr .hero-fig .lay[data-l="pi"] { -webkit-mask-image: url(../assets/hero-layers/mask-pi.png); mask-image: url(../assets/hero-layers/mask-pi.png); }
.gr .hero-fig[data-layer="el"] .lay[data-l="el"], .gr .hero-fig[data-layer="lc"] .lay[data-l="lc"], .gr .hero-fig[data-layer="pi"] .lay[data-l="pi"] { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .gr .hero-fig .lay, .gr .hero-fig .base { transition: none; } }
.gr .tabs { list-style: none; padding: 0; }
.gr .tabs li { margin: 2px 0 0; }
.gr .tabs button { font: inherit; color: inherit; background: none; border: 0; padding: 2px 8px; margin: 0 0 0 -8px; cursor: pointer; text-align: left; text-decoration: underline dotted; text-underline-offset: 6px; }
.gr .tabs button::after { content: " →"; color: var(--mute); text-decoration: none; display: inline-block; }
.gr .tabs button:hover { background: var(--bg2); }
.gr .tabs button[aria-pressed="true"] { background: var(--ink); color: var(--on-dark); text-decoration: none; }
.gr .tabs button[aria-pressed="true"]::after { color: var(--on-dark); }
.gr .tabs button:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
/* ===== финальный блок и окно заявки ===== */
.gr .final-btn { display: flex; align-items: center; justify-content: center; min-height: 220px; font-size: clamp(26px, 3.4vw, 52px); font-weight: 700; text-decoration: none; color: var(--on-dark); cursor: pointer; }
.gr a.final-btn:hover { filter: brightness(1.12); }
html.modal-open { overflow: hidden; }
.gr dialog.req { width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--line); color: var(--ink); overflow: hidden; }
.gr dialog.req::backdrop { background: var(--dark); }
.gr dialog.req:not([open]):target { display: block; position: fixed; inset: 0; z-index: 50; }
.gr .req-grid { display: grid; grid-template-columns: 5fr 7fr; grid-template-rows: auto 1fr auto; gap: 1px; height: 100%; background: var(--line); }
.gr .req-side { grid-row: 1 / span 3; grid-column: 1; background: var(--dark); color: var(--on-dark); padding: var(--u); overflow: auto; }
.gr .req-side .mute, .gr .req-side .eyebrow { color: #b5b5b5; }
.gr .req-close { grid-column: 2; grid-row: 1; justify-content: flex-end; padding-right: var(--u); background: var(--bg2); min-height: 56px; }
.gr .req-form { grid-column: 2; grid-row: 2; overflow: auto; background: var(--bg); padding: var(--u); }
.gr .req-send { grid-column: 2; grid-row: 3; background: #5a5a5a; color: var(--on-dark); border: 0; font-family: inherit; min-height: 88px; }
.gr .req-form .field { margin-bottom: 14px; }
@media (max-width: 860px) {
  .gr .req-grid { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; }
  .gr .req-side { grid-row: 1; grid-column: 1; padding: 14px var(--u); }
  .gr .req-side .req-title { font-size: 30px; }
  .gr .req-side p { display: none; }
  .gr .req-close { grid-row: 2; grid-column: 1; justify-content: center; min-height: 44px; }
  .gr .req-form { grid-row: 3; grid-column: 1; }
  .gr .req-send { grid-row: 4; grid-column: 1; }
  /* на телефоне действия сразу под H1, выше картинки */
  .gr .hero > .h-h1 { order: 1; } .gr .hero > .h-pick { order: 2; } .gr .hero > .h-img { order: 3; } .gr .hero > .h-act { order: 4; }
  .gr .hero > .h-act .cell-btn { min-height: 64px; }
  .gr .final-btn { min-height: 120px; }
}

.gr .req-side .req-title { font-size: clamp(30px, 3.8vw, 58px); overflow-wrap: anywhere; hyphens: auto; }

/* ===== закреплённая шапка сетки ===== */
html { scroll-padding-top: 76px; }
.gr .site-head { position: sticky; top: 0; z-index: 30; }
.gr .burger { display: none; }
.gr .menu-panel { display: none; }
@media (max-width: 860px) {
  html { scroll-padding-top: 64px; }
  .gr .site-head .g { grid-template-columns: 1fr 1.1fr 56px; }
  .gr .site-head .g > * { grid-column: auto !important; }
  .gr .site-head .hd { padding: 8px 12px; min-height: 56px; }
  .gr .site-head .logo i { width: 32px; height: 24px; }
  .gr .site-head .logo span { font-size: 14px; }
  .gr .hd.phone b { font-size: 17px; }
  .gr .burger { display: flex; align-items: center; justify-content: center; border: 0; cursor: pointer; color: var(--on-dark); padding: 0; }
  .gr .burger span, .gr .burger span::before, .gr .burger span::after { display: block; width: 22px; height: 2px; background: var(--on-dark); position: relative; content: ""; }
  .gr .burger span::before { position: absolute; top: -7px; left: 0; }
  .gr .burger span::after { position: absolute; top: 7px; left: 0; }
  .gr .burger[aria-expanded="true"] span { background: transparent; }
  .gr .burger[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
  .gr .burger[aria-expanded="true"] span::after { top: 0; transform: rotate(-45deg); }
  .gr .menu-panel.open { display: grid; gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
  .gr .menu-panel a { display: block; padding: 18px var(--u); background: var(--bg); color: var(--ink); font-weight: 700; font-size: 18px; text-decoration: none; }
  .gr .menu-panel a.menu-cta { background: var(--ink); color: var(--on-dark); }
}
@media (max-width: 380px) { .gr .site-head .logo small { display: none; } }

@media (max-width: 860px) { .gr .h-pick > .tabs-cell { order: -1; } }

.gr .facts-row > div { min-width: 0; }
@media (max-width: 860px) { .gr .facts-row { flex-wrap: nowrap; gap: 12px; } .gr .facts-row .stat { font-size: clamp(26px, 8vw, 40px); } }

/* ===== каркас: слои, окно заявки (копия блока сетки) ===== */
/* ===== hero: слои в картинке ===== */
.sk .hero-fig { position: relative; width: 100%; margin: 0; }
.sk .hero-fig img { display: block; width: 100%; height: auto; }
.sk .hero-fig .lay { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .25s;
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.sk .hero-fig .lay[data-l="el"] { -webkit-mask-image: url(../assets/hero-layers/mask-el.png); mask-image: url(../assets/hero-layers/mask-el.png); }
.sk .hero-fig .lay[data-l="lc"] { -webkit-mask-image: url(../assets/hero-layers/mask-lc.png); mask-image: url(../assets/hero-layers/mask-lc.png); }
.sk .hero-fig .lay[data-l="pi"] { -webkit-mask-image: url(../assets/hero-layers/mask-pi.png); mask-image: url(../assets/hero-layers/mask-pi.png); }
.sk .hero-fig[data-layer="el"] .lay[data-l="el"], .sk .hero-fig[data-layer="lc"] .lay[data-l="lc"], .sk .hero-fig[data-layer="pi"] .lay[data-l="pi"] { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .sk .hero-fig .lay, .sk .hero-fig .base { transition: none; } }
.sk .tabs { list-style: none; padding: 0; }
.sk .tabs li { margin: 2px 0 0; }
.sk .tabs button { font: inherit; color: inherit; background: none; border: 0; padding: 2px 8px; margin: 0 0 0 -8px; cursor: pointer; text-align: left; text-decoration: underline dotted; text-underline-offset: 6px; }
.sk .tabs button::after { content: " →"; color: var(--mute); text-decoration: none; display: inline-block; }
.sk .tabs button:hover { background: var(--bg2); }
.sk .tabs button[aria-pressed="true"] { background: var(--ink); color: var(--on-dark); text-decoration: none; }
.sk .tabs button[aria-pressed="true"]::after { color: var(--on-dark); }
.sk .tabs button:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
/* ===== финальный блок и окно заявки ===== */
.sk .final-btn { display: flex; align-items: center; justify-content: center; min-height: 220px; font-size: clamp(26px, 3.4vw, 52px); font-weight: 700; text-decoration: none; color: var(--on-dark); cursor: pointer; }
.sk a.final-btn:hover { filter: brightness(1.12); }
html.modal-open { overflow: hidden; }
.sk dialog.req { width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--line); color: var(--ink); overflow: hidden; }
.sk dialog.req::backdrop { background: var(--dark); }
.sk dialog.req:not([open]):target { display: block; position: fixed; inset: 0; z-index: 50; }
.sk .req-grid { display: grid; grid-template-columns: 5fr 7fr; grid-template-rows: auto 1fr auto; gap: 1px; height: 100%; background: var(--line); }
.sk .req-side { grid-row: 1 / span 3; grid-column: 1; background: var(--dark); color: var(--on-dark); padding: var(--u); overflow: auto; }
.sk .req-side .mute, .sk .req-side .eyebrow { color: #b5b5b5; }
.sk .req-close { grid-column: 2; grid-row: 1; justify-content: flex-end; padding-right: var(--u); background: var(--bg2); min-height: 56px; }
.sk .req-form { grid-column: 2; grid-row: 2; overflow: auto; background: var(--bg); padding: var(--u); }
.sk .req-send { grid-column: 2; grid-row: 3; background: #5a5a5a; color: var(--on-dark); border: 0; font-family: inherit; min-height: 88px; }
.sk .req-form .field { margin-bottom: 14px; }
@media (max-width: 860px) {
  .sk .req-grid { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; }
  .sk .req-side { grid-row: 1; grid-column: 1; padding: 14px var(--u); }
  .sk .req-side .req-title { font-size: 30px; }
  .sk .req-side p { display: none; }
  .sk .req-close { grid-row: 2; grid-column: 1; justify-content: center; min-height: 44px; }
  .sk .req-form { grid-row: 3; grid-column: 1; }
  .sk .req-send { grid-row: 4; grid-column: 1; }
  /* на телефоне действия сразу под H1, выше картинки */
  .sk .hero > .h-h1 { order: 1; } .sk .hero > .h-pick { order: 2; } .sk .hero > .h-img { order: 3; } .sk .hero > .h-act { order: 4; }
  .sk .hero > .h-act .cell-btn { min-height: 64px; }
  .sk .final-btn { min-height: 120px; }
}

.sk .req-side .req-title { font-size: clamp(30px, 3.8vw, 58px); overflow-wrap: anywhere; hyphens: auto; }


.sk .cell-btn { display: flex; align-items: center; justify-content: center; min-height: 88px; text-align: center; font-weight: 700; font-size: 16px; text-decoration: none; color: inherit; cursor: pointer; }
.sk .req-side .big { font-weight: 700; line-height: .96; letter-spacing: -.02em; }
.sk .req-close { background: var(--bg2); }
.sk .req-send { border: 0; font-family: inherit; }
/* ===== каркас: закреплённая шапка, телефон, бутерброд ===== */
.sk .top .tel { display: block; text-decoration: none; color: inherit; text-align: left; line-height: 1.2; font-size: 14px; }
.sk .top .tel b { display: block; font-size: 18px; font-weight: 700; }
.sk .top .tel small { display: block; font-size: 11px; color: var(--mute); margin-top: 2px; font-weight: 400; }
.sk .top .burger { display: none; }
.sk .menu-panel { display: none; }
/* ===== каркас: hero ===== */
.sk .hero .wrap { grid-template-columns: 1.05fr 1fr; grid-template-areas: "text img" "pick img" "act img" "facts img"; grid-template-rows: auto auto auto 1fr; align-items: start; row-gap: 22px; }
.sk .h-text { grid-area: text; } .sk .h-pick { grid-area: pick; } .sk .h-act { grid-area: act; margin: 0; } .sk .h-facts { grid-area: facts; } .sk .h-img { grid-area: img; align-self: center; }
.sk .h-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sk .h-pick ul { margin-top: 10px; padding-left: 1.1em; font-size: clamp(17px, 1.6vw, 22px); font-weight: 600; line-height: 1.25; }
.sk .h-pick ul.tabs { padding-left: 0; list-style: none; }
.sk .h-text h1 { margin: 12px 0 0; }
.sk .tabs li { margin: 2px 0 0; }
.sk .tabs button { font: inherit; color: inherit; background: none; border: 0; padding: 2px 8px; margin: 0 0 0 -8px; cursor: pointer; text-align: left; text-decoration: underline dotted; text-underline-offset: 6px; }
@media (max-width: 860px) {
  html { scroll-padding-top: 64px; }
  .sk .top .wrap { gap: 12px; min-height: 60px; }
  .sk .top .tel { margin-left: auto; }
  .sk .top .burger { display: flex; align-items: center; justify-content: center; margin-left: 0; width: 44px; height: 44px; border: 1px solid var(--ink); background: none; cursor: pointer; padding: 0; }
  .sk .burger span, .sk .burger span::before, .sk .burger span::after { display: block; width: 20px; height: 2px; background: var(--ink); position: relative; content: ""; }
  .sk .burger span::before { position: absolute; top: -6px; left: 0; }
  .sk .burger span::after { position: absolute; top: 6px; left: 0; }
  .sk .burger[aria-expanded="true"] span { background: transparent; }
  .sk .burger[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
  .sk .burger[aria-expanded="true"] span::after { top: 0; transform: rotate(-45deg); }
  .sk .menu-panel.open { display: grid; border-top: 1px solid var(--line); background: var(--bg); }
  .sk .menu-panel a { display: block; padding: 16px var(--pad); border-bottom: 1px solid var(--line); font-weight: 700; font-size: 18px; text-decoration: none; }
  .sk .menu-panel a.menu-cta { background: var(--ink); color: var(--on-dark); }
  .sk .hero .wrap { grid-template-columns: 1fr; grid-template-areas: "text" "act" "img" "pick" "facts"; row-gap: 18px; }
  .sk .h-pick { grid-template-columns: 1fr; }
  .sk .h-img { align-self: start; }
}
@media (min-width: 861px) { html { scroll-padding-top: 84px; } }
@media (max-width: 380px) { .sk .logo small { display: none; } .sk .top .tel b { font-size: 16px; } }
.sk .top nav.menu-panel { display: none; margin: 0; gap: 0; font-size: inherit; }
@media (max-width: 860px) { .sk .top nav.menu-panel.open { display: grid; } .sk .top nav.menu-panel a { text-decoration: none; } }

/* ===== правило: на телефоне открытое меню занимает весь экран по высоте ===== */
html.menu-open { overflow: hidden; }
@media (max-width: 860px) {
  .gr .site-head .g, .sk .top .wrap { position: relative; z-index: 2; }
  .gr .site-head .g { background: var(--line); }
  .sk .top .wrap { background: var(--bg); }
  .gr .menu-panel.open, .sk .top nav.menu-panel.open { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; gap: 1px; padding-top: var(--head-h, 60px); background: var(--line); border: 0; overflow: auto; }
  .gr .menu-panel.open a, .sk .top nav.menu-panel.open a { flex: 1 1 0; display: flex; align-items: center; min-height: 64px; margin: 0; border: 0; font-size: clamp(22px, 6vw, 30px); }
  .sk .top nav.menu-panel.open a { background: var(--bg); }
}
@media (max-width: 860px) { .sk .top nav.menu-panel.open a.menu-cta { background: var(--ink); color: var(--on-dark); } }

/* ===== манифест: широкий текстовый блок ===== */
.gr .manifest { padding-top: calc(var(--u) * 3); padding-bottom: calc(var(--u) * 3); }
.gr .mf-big, .sk .mf-big { font-size: clamp(26px, 3.6vw, 56px); line-height: 1.1; font-weight: 700; letter-spacing: -.01em; max-width: 26em; margin-top: 14px; }
.gr .mf-sub, .sk .mf-sub { font-size: clamp(15px, 1.4vw, 20px); max-width: 40em; margin-top: 24px; }
.sk .manifest { background: var(--bg); }

/* ===== чип на полутоне (без скруглений), чёрный текст, спокойный индикатор-плюс ===== */
.chip { display: inline-flex; align-items: center; gap: 12px; background: #e1e1e1; color: var(--ink); padding: 7px 14px; font-size: 14px; font-weight: 500; line-height: 1.2; max-width: 100%; }
.chip .led { flex: none; width: 12px; height: 12px; background: linear-gradient(var(--ink), var(--ink)) center / 100% 2px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 2px 100% no-repeat; filter: drop-shadow(0 0 3px rgba(21, 21, 21, .35)); animation: led-glow 2.8s ease-in-out infinite; }
@keyframes led-glow {
  0%, 55% { opacity: 1; filter: drop-shadow(0 0 3px rgba(21, 21, 21, .35)); }
  75% { opacity: .4; filter: drop-shadow(0 0 1px rgba(21, 21, 21, .15)); }
  100% { opacity: 1; filter: drop-shadow(0 0 3px rgba(21, 21, 21, .35)); }
}
@media (prefers-reduced-motion: reduce) { .chip .led { animation: none; } }
.gr .h-h1 .chip, .sk .h-text .chip { margin-bottom: 4px; }

/* Цитата с портретом */
blockquote.mf-big { margin: 14px 0 0; font-size: clamp(20px, 2.4vw, 36px); }
.qt-ph { min-height: 320px; height: 100%; }
.sk .qt { display: grid; grid-template-columns: 5fr 7fr; gap: 32px; align-items: center; }
.sk .quote { padding: 48px 0; }
.sk .qt-fig { margin: 0; }
.sk .qt-fig figcaption { margin-top: 14px; color: var(--mute); font-size: 14px; }
@media (max-width: 860px) { .sk .qt { grid-template-columns: 1fr; } .qt-ph { min-height: 220px; } }


:root { --hero-bg: #ffffff; }
.gr .imgcell, .sk .h-img { background: var(--hero-bg); }
.gr .imgcell { flex-direction: column; align-items: stretch; justify-content: flex-start; }

/* Серый дом: при выборе службы дом серый, земля и фон цветные, подсвечена только выбранная служба */
.hero-fig .lay.gray { -webkit-mask-image: url(../assets/hero-layers/mask-bld.png); mask-image: url(../assets/hero-layers/mask-bld.png); filter: grayscale(1); }
.hero-fig:not([data-layer="all"]) .lay.gray { opacity: 1; }
/* Hero на весь экран на больших экранах, факты уходят под сгиб */
@media (min-width: 861px) {
  .gr .hero { min-height: calc(100svh - 66px); grid-template-rows: auto 1fr auto; }
  /* высота панели деталей одинакова у всех служб, картинка вписана в остаток экрана: при смене таба ничего не прыгает */
  .gr .svc { min-height: 24rem; }
  .gr .hero-fig { width: min(100%, calc((100svh - 66px - 24rem) * 1.333)); margin: 0 auto; }
  .sk .hero .wrap { min-height: calc(100svh - 120px); }
}


@media (prefers-reduced-motion: reduce) { .svc-tabs button { transition: none; } }
.big-list-chip, .chip + .big-list { margin-top: 14px; }

/* Цветовой код служб: цвета взяты из картинки */
:root { --c-el: #d6770a; --c-pi: #0e8ade; --c-lc: #934eb2; }
[data-layer="el"], [data-l="el"] { --c: var(--c-el); } [data-layer="pi"], [data-l="pi"] { --c: var(--c-pi); } [data-layer="lc"], [data-l="lc"] { --c: var(--c-lc); }
.tabs button::before { content: ""; display: inline-block; width: 10px; height: 10px; background: var(--c); margin-right: 8px; vertical-align: 1px; }
.chip.sub .led { animation: none; }

/* Слайдер служб под домом: 4 слайда в одной ячейке, высота по самому высокому, ничего не прыгает */
:root { --c-all: #68a010; }
.svc { display: flex; flex-direction: column; min-height: 24rem; }
.svc-slides { flex: 1; display: grid; padding: var(--u); }
.svc-slide { grid-area: 1 / 1; margin: 0; visibility: hidden; opacity: 0; transition: opacity .25s; }
.svc-slide.is-on { visibility: visible; opacity: 1; }
.svc-lead { margin: 0; align-self: center; font-size: clamp(28px, 3vw, 44px); line-height: 1.1; font-weight: 700; letter-spacing: -.01em; max-width: 12em; }
.svc-slides { align-items: start; }
.svc-slide[data-i="0"] { display: flex; align-items: center; }
.svc-slide .ico { width: 32px; height: 32px; color: var(--c); margin-bottom: 8px; display: block; }
.svc-t { font-size: clamp(18px, 1.6vw, 22px); margin: 0 0 10px; }
.svc-slide ul { list-style: none; margin: 0; padding: 0; }
.svc-slide li { position: relative; padding-left: 20px; margin: 6px 0; font-size: 15px; }
.svc-slide li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; background: var(--c); }
.svc-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 var(--u); height: 56px; }
.svc-arrow { width: 40px; height: 40px; border: 0; background: none; color: var(--ink); cursor: pointer; display: grid; place-items: center; }
.svc-arrow .ico { width: 22px; height: 22px; fill: currentColor; }
.svc-arrow:hover { background: #e4dedb; }
.svc-dots { display: flex; gap: 8px; }
.svc-dots button { width: 28px; height: 20px; padding: 0; border: 0; background: none; cursor: pointer; position: relative; }
.svc-dots button::before { content: ""; position: absolute; left: 0; right: 0; top: 8px; height: 3px; background: var(--c, var(--ink)); opacity: .35; transition: opacity .2s; }
.svc-dots button[aria-current="true"]::before, .svc-dots button:hover::before { opacity: 1; }
.svc-arrow:focus-visible, .svc-dots button:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
html:not(.js) .svc-slide { visibility: visible; opacity: 1; grid-area: auto; margin-bottom: 20px; }
html:not(.js) .svc-slides { display: block; }
html:not(.js) .svc-nav { display: none; }
@media (prefers-reduced-motion: reduce) { .svc-slide, .svc-dots button::before { transition: none; } }
[data-l="all"] { --c: var(--c-all); }
/* Дежурный слайд как пустое состояние: по центру блока */
.svc-slide[data-i="0"] { align-self: stretch; justify-content: center; text-align: center; }
.svc-slide[data-i="0"] .svc-lead { margin: 0 auto; }
/* Слайды служб в той же типографике, что левые блоки: название чипом, пункты крупным списком */
.svc-slide:not([data-i="0"]) { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; align-content: start; }
.svc-slide:not([data-i="0"]) ul { grid-column: 1 / -1; margin-top: 14px; }
.svc-slide .ico { width: 30px; height: 30px; margin: 0; }
.svc-t { display: inline-flex; align-items: center; justify-self: start; margin: 0; padding: 7px 14px; background: rgba(21, 21, 21, .08); font-size: 14px; font-weight: 500; line-height: 1.2; max-width: 100%; }
.svc-slide li { font-size: clamp(16px, 1.5vw, 21px); font-weight: 600; line-height: 1.25; margin: 4px 0; padding-left: 22px; }
.svc-slide li::before { top: .5em; }
.svc-slide[data-i="0"] { flex-direction: column; align-items: center; gap: 16px; }
.svc-slide .ico.eye { width: 44px; height: 44px; color: var(--ink); }
/* Единая типографика слайдера: общий заголовок слайда и дежурной надписи, список как в левых блоках */
.svc-lead, .svc-t { font-size: clamp(24px, 2.6vw, 38px); line-height: 1.1; font-weight: 700; letter-spacing: -.01em; }
.svc-t { display: block; background: none; padding: 0; margin: 0; text-align: center; max-width: none; justify-self: auto; }
.svc-slide:not([data-i="0"]) { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: stretch; text-align: center; gap: 10px; }
.svc-slide:not([data-i="0"]) ul { margin-top: 6px; text-align: left; }
.svc-slide .ico { width: 36px; height: 36px; }
.svc-slide li { font-size: clamp(16px, 1.5vw, 20px); font-weight: 600; margin: 3px 0; padding-left: 18px; }
.svc-slide li::before { width: 6px; height: 6px; top: .6em; background: var(--mute); }
.svc-t .tag { font-size: 11px; font-weight: 500; letter-spacing: 0; vertical-align: middle; }
/* Hero на десктопе: заголовок и ряд «для кого / под контролем» делят высоту пополам, кнопки внизу; заголовок с чипом по центру высоты */
@media (min-width: 861px) {
  .gr .hero { grid-template-rows: 1fr 1fr auto; }
  .gr .h-h1 { display: flex; flex-direction: column; justify-content: center; }
}
/* Чип не растягивается в колонке; панель слайдера занимает остаток ячейки, навигация прижата к низу */
.gr .h-h1 { align-items: flex-start; }
.gr .imgcell .svc { flex: 1; }
.svc-nav { margin-top: auto; }
/* Иконки слайдов на квадратной плашке, как чипы */
.svc-slide .ico { box-sizing: content-box; width: 28px; height: 28px; padding: 14px; background: #e1e1e1; }
.svc-slide .ico.eye { width: 28px; height: 28px; }
/* Плашка иконки яркая, цвет службы как у маркеров слева, иконка белая; у общего слайда тёмная */
.svc-slide .ico, .svc-slide .ico.eye { background: var(--c); color: #fff; }
/* Маркеры «Работаем для»: квадраты приглушённого цвета, как в списках слайдера */
.gr .big-list:not(.tabs) { list-style: none; padding-left: 0; }
.gr .big-list:not(.tabs) li { position: relative; padding-left: 22px; }
.gr .big-list:not(.tabs) li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; background: var(--mute); }
/* Во всей «Сетке» маркеры списков квадратные, без кружков */
.gr ul:not(.tabs):not(.flow) { list-style: none; padding-left: 0; }
.gr ul:not(.tabs):not(.flow) > li { position: relative; padding-left: 20px; }
.gr ul:not(.tabs):not(.flow) > li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; background: var(--mute); }
/* Дежурный слайд целиком ссылка на «Наши службы» */
.svc-slide[data-i="0"] { padding: 0; }
.svc-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; height: 100%; color: inherit; text-decoration: none; }
.svc-link:hover .svc-more { text-decoration: underline; text-underline-offset: 5px; }
.svc-link:focus-visible { outline: 2px solid var(--ink); outline-offset: -6px; }
.svc-more { font-size: 14px; font-weight: 500; color: var(--mute); }
.svc-more::after { content: " →"; }
.svc-lead, .svc-t { text-wrap: balance; }
/* Маркер по центру высоты первой строки */
.gr ul:not(.tabs):not(.flow) > li::before, .svc-slide li::before { top: .6em; top: calc((1lh - 7px) / 2); }
.svc-slide li::before { top: .6em; top: calc((1lh - 6px) / 2); }
/* Мобильное меню: сплошной фон на весь экран, шапка с крестиком остаётся на месте, пункты стандартной высоты, заявка внизу */
@media (max-width: 860px) {
  html.menu-open .gr .site-head .g, html.menu-open .sk .top .wrap { position: fixed; top: 0; left: 0; right: 0; }
  .gr .menu-panel.open, .sk .top nav.menu-panel.open { background: var(--bg); gap: 0; }
  .gr .menu-panel.open a, .sk .top nav.menu-panel.open a { flex: none; min-height: 68px; font-size: 20px; border-bottom: 1px solid var(--line); background: var(--bg); }
  .gr .menu-panel.open a.menu-cta, .sk .top nav.menu-panel.open a.menu-cta { margin-top: auto; border-bottom: 0; background: var(--ink); color: var(--on-dark); }
}

/* Слайды прижаты к верху: иконка и заголовок всегда на одном месте, ничего не прыгает при листании */
:root { --svc-h: 26rem; }
.svc, .gr .svc { min-height: var(--svc-h); }
.svc-slide:not([data-i="0"]) { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; align-content: start; column-gap: 14px; row-gap: 14px; text-align: left; align-self: start; }
.svc-slide:not([data-i="0"]) ul { grid-column: 1 / -1; justify-self: center; margin-top: 4px; }
.svc-slide .ico, .svc-slide .ico.eye { width: 24px; height: 24px; padding: 10px; }
.svc-t { text-align: left; }
.svc-slide[data-i="0"] { align-self: start; }
.svc-link { justify-content: flex-start; align-items: center; gap: 14px; }
.svc-link:hover .svc-lead { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
@media (min-width: 861px) {
  .gr .svc { min-height: var(--svc-h); }
  .gr .hero-fig { width: min(100%, calc((100svh - 66px - var(--svc-h) - 24px) * 1.333)); margin: 24px auto 0; }
}
/* Заголовок hero подстраивается под высоту экрана, чтобы блок не раздувал hero выше окна */
@media (min-width: 861px) {
  .gr .h-h1 { padding-block: calc(var(--u) * 1.5); }
  .gr .hero .big { font-size: clamp(40px, min(7.2vw, 11.5svh), 116px); }
}

/* Цитата: один блок, фото и текст в общих отступах, текст оформлен как цитата, а не заголовок */
.qt-cell { padding: 0; }
.qt-one { margin: 0; display: grid; grid-template-columns: minmax(220px, 3fr) 7fr; gap: calc(var(--u) * 2); align-items: center; padding: calc(var(--u) * 2); }
.qt-ph { width: 100%; aspect-ratio: 4 / 5; min-height: 0; height: auto; }
.qt-body { max-width: 36em; display: grid; gap: calc(var(--u) * .9); justify-items: start; }
.qt-body .ico { box-sizing: content-box; width: 24px; height: 24px; padding: 10px; background: var(--ink); color: #fff; fill: currentColor; }
.qt-text { margin: 0; font-size: clamp(20px, 2vw, 30px); line-height: 1.35; font-weight: 500; letter-spacing: -.005em; text-wrap: pretty; }
.qt-cap { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 15px; color: var(--mute); }
.qt-cap b { color: var(--ink); font-weight: 700; }
.qt-cap .tag { margin-left: 0; }
@media (max-width: 860px) { .qt-one { grid-template-columns: 1fr; } .qt-ph { aspect-ratio: 4 / 3; } }
/* Фото цитаты впритык к краям блока, без полей и рамки; отступы только у текстовой части */
.qt-one { padding: 0; gap: 0; align-items: stretch; }
.qt-ph { border: 0; aspect-ratio: auto; height: 100%; min-height: 360px; }
.qt-body { padding: calc(var(--u) * 2); align-self: center; }
@media (max-width: 860px) { .qt-ph { aspect-ratio: 4 / 3; min-height: 0; height: auto; } }
/* Подписи блоков в «Сетке» чипами, как над заголовком, но без плюса */
.gr .eyebrow, .gr .num { display: inline-flex; align-items: center; align-self: flex-start; width: fit-content; max-width: 100%; padding: 7px 14px; background: #e1e1e1; color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: 0; text-transform: none; margin-bottom: 10px; }
.gr .g > .dk .eyebrow, .gr .dk .num, .gr .g > .ac .eyebrow { background: rgba(255, 255, 255, .14); color: var(--on-dark); }
.gr .bgph .cap .eyebrow, .gr .link-card .eyebrow { background: rgba(255, 255, 255, .14); color: var(--on-dark); }
/* Воздух над картинкой, чтобы антенна не упиралась в блок выше */
@media (max-width: 860px) { .gr .hero-fig { margin-top: 36px; } }
@media (min-width: 861px) { .gr .hero-fig { margin-top: 32px; width: min(100%, calc((100svh - 66px - var(--svc-h) - 32px) * 1.333)); } }
/* Иконка и название всегда парой по центру, длинный список не растягивает шапку слайда */
.svc-slide:not([data-i="0"]) { grid-template-columns: 1fr auto auto 1fr; column-gap: 14px; }
.svc-slide:not([data-i="0"]) .ico { grid-column: 2; }
.svc-slide:not([data-i="0"]) .svc-t { grid-column: 3; }
.svc-slide:not([data-i="0"]) ul { grid-column: 1 / -1; justify-self: center; width: max-content; max-width: 100%; }
/* Длинные пункты переносятся на вторую строку, список не растягивает слайд */
.svc-slide:not([data-i="0"]) ul { max-width: min(100%, 21em); }
.svc-slide:not([data-i="0"]) { grid-template-rows: 44px auto; }
/* Слайды служб по левому краю: иконка и название в одну строку, список под ними */
.svc-slide:not([data-i="0"]) { grid-template-columns: auto 1fr; justify-content: start; text-align: left; }
.svc-slide:not([data-i="0"]) .ico { grid-column: 1; }
.svc-slide:not([data-i="0"]) .svc-t { grid-column: 2; white-space: nowrap; }
.svc-slide:not([data-i="0"]) ul { grid-column: 1 / -1; justify-self: start; width: auto; max-width: 100%; }
.svc-slides { cursor: pointer; user-select: none; -webkit-user-select: none; }

/* Службы: 5 равных ячеек плюс заголовок, 3 → 2 → 1 столбец */
.gr .sv { grid-template-columns: repeat(3, 1fr); }
.gr .sv > .sv-cell { grid-column: auto; padding: calc(var(--u) * 1.5); display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.gr .sv-head { background: var(--bg2); }
.gr .sv-h { font-size: clamp(30px, 3.2vw, 48px); line-height: 1.05; letter-spacing: -.01em; margin: 14px 0 0; }
.gr .sv .pl { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--ink); color: #fff; flex: none; }
.gr .sv .pl .ico { width: 24px; height: 24px; fill: currentColor; }
.gr .sv h3 { margin: 0; font-size: clamp(18px, 1.6vw, 24px); line-height: 1.15; }
.gr .sv ul { margin: 0; }
.gr .sv li { font-size: clamp(15px, 1.25vw, 18px); font-weight: 600; line-height: 1.3; margin: 5px 0; }
@media (max-width: 1100px) { .gr .sv { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .gr .sv { grid-template-columns: 1fr; } .gr .sv > .sv-cell { padding: var(--u); } }

/* Клиентам: равные ячейки 4, 2, 1 столбец; схема работы по шаблону C; форматы одной строкой */
.gr .eg { grid-template-columns: repeat(5, 1fr); }
.gr .eg > .eg-head { grid-column: auto; padding: calc(var(--u) * 1.5); }
.gr .eg > .eg-cell { grid-column: auto; padding: calc(var(--u) * 1.5); display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.gr .eg .pl, .gr .vstack .pl { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--ink); color: #fff; flex: none; }
.gr .eg .pl .ico, .gr .vstack .pl .ico { width: 24px; height: 24px; fill: currentColor; }
.gr .eg h3, .gr .vstack h3 { margin: 0; font-size: clamp(18px, 1.6vw, 24px); line-height: 1.15; }
.gr .eg ul { margin: 0; } .gr .eg li { font-size: clamp(15px, 1.25vw, 18px); font-weight: 600; line-height: 1.3; margin: 5px 0; }
.gr .eg p { margin: 0; font-size: clamp(15px, 1.2vw, 17px); }
.gr .vh { font-size: clamp(30px, 3.2vw, 48px); line-height: 1.05; letter-spacing: -.01em; margin: 14px 0 0; }
@media (max-width: 1100px) { .gr .eg { grid-template-columns: repeat(2, 1fr); } .gr .eg > .eg-head { grid-column: 1 / -1; } }
@media (max-width: 640px) { .gr .eg { grid-template-columns: 1fr; } .gr .eg > .eg-cell, .gr .eg > .eg-head { padding: var(--u); } }
.gr .vc > .vside { position: sticky; top: 66px; align-self: start; padding: calc(var(--u) * 1.5); display: flex; flex-direction: column; gap: 6px; align-items: flex-start; background: var(--bg2); }
.gr .vc > .vstack { padding: 0; display: grid; gap: 1px; background: var(--line); }
.gr .vstack article { position: relative; background: var(--bg); padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5); display: flex; gap: 18px; align-items: center; min-height: 92px; }
.gr .vstack article:not(:last-child)::after { content: ""; position: absolute; left: calc(var(--u) * 1.5 + 21px); top: calc(100% - var(--u) * .4); height: calc(var(--u) * .8 + 2px); width: 2px; background: var(--ink); z-index: 1; }
@media (max-width: 860px) { .gr .vc > .vside { position: static; } }
.gr .fm { padding: calc(var(--u) * 1.5); display: flex; flex-wrap: wrap; gap: 14px 40px; align-items: center; }
.gr .fm ul { display: flex; flex-wrap: wrap; gap: 8px 40px; margin: 0; padding: 0; }
.gr .fm li { font-size: clamp(18px, 1.8vw, 26px); font-weight: 600; margin: 0; }
.gr .vc > .vwrap { background: #c2c2c2; padding: 0; }
.gr .vc > .vwrap > .vside { position: sticky; top: 66px; padding: calc(var(--u) * 1.5); display: flex; flex-direction: column; gap: 6px; align-items: flex-start; background: var(--bg); }
@media (max-width: 860px) { .gr .vc > .vwrap > .vside { position: static; } }

.gr .eg.dkb > * { background: var(--dark); color: var(--on-dark); }
.gr .eg.dkb .pl { background: var(--on-dark); color: var(--ink); }
.gr .eg.dkb .chip { background: #3a3a3a; color: var(--on-dark); }
.gr .eg.dkb p, .gr .eg.dkb .mute { color: #c4c4c4; }
.gr .eg.dkb { background: var(--dark); border-bottom-color: var(--dark); }

.gr .fin { background: var(--dark); border-bottom-color: var(--dark); }
.gr .fin .chip { background: #3a3a3a; color: var(--on-dark); }
.gr .fin .final-btn { background: #3c3c3c; }
.gr .fin .final-btn { font-size: clamp(22px, 2.3vw, 34px); padding: var(--u); text-align: center; }

.gr .bgph.crm-img { background: #e7e7e8; justify-content: flex-start; }
.gr .bgph.crm-img img { display: block; width: 100%; height: auto; }
.gr .bgph.crm-img .ph-tag { position: absolute; top: 0; left: 0; padding: 12px var(--u); }
.gr .bgph.crm-img .cap { position: absolute; left: 0; right: 0; bottom: 0; }
/* меню шапки: широкие отступы, ховер на всю высоту */
.gr .hd.nav-cell { padding: 0; align-items: stretch; }
.gr .hd.nav-cell nav { gap: 0; flex-wrap: nowrap; align-items: stretch; font-size: 15px; }
.gr .hd.nav-cell nav a { display: flex; align-items: center; padding: 0 clamp(24px, 3vw, 56px); transition: background .15s; }
.gr .hd.nav-cell nav a:hover { background: #3b3b3b; }
.gr .hd.nav-cell nav { flex: 1; width: 100%; }
.gr .hd.nav-cell nav a { flex: 1 1 0; justify-content: center; padding: 0 12px; white-space: nowrap; }

/* Как оставить заявку: голова + 3 способа */
.gr .eg4 { grid-template-columns: repeat(4, 1fr); }
.gr .eg4 .tl { text-decoration: none; color: inherit; }
.gr .eg4 .tl:hover { text-decoration: underline; }
.gr .eg-cell.act { background: var(--dark); color: var(--on-dark); text-decoration: none; cursor: pointer; justify-content: flex-start; }
.gr .eg-cell.act .pl { background: var(--on-dark); color: var(--ink); }
.gr .eg-cell.act:hover { background: #2c2c2c; }
.gr .eg-cell.act .go { margin-top: auto; font-weight: 700; font-size: 18px; }
.gr .eg-cell.act p { color: #c4c4c4; }
@media (max-width: 1100px) { .gr .eg4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .gr .eg4 { grid-template-columns: 1fr; } }

/* Аудит */
.gr .link-card { padding: calc(var(--u) * 1.5); }
.gr .link-card .lc-top { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.gr .link-card .pl { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--on-dark); color: var(--ink); }
.gr .link-card .pl .ico { width: 24px; height: 24px; fill: currentColor; }
.gr .link-card .chip { background: #3a3a3a; color: var(--on-dark); }
.gr .link-card .vh { font-size: clamp(26px, 2.6vw, 40px); color: var(--on-dark); }
.gr .link-card .go { border-top: 1px solid #3a3a3a; padding-top: 16px; }

/* Подвал: тёмный */
.gr .ft { background: var(--ink); border-bottom: 0; margin: 0; }
.gr .ft > * { background: var(--ink); color: var(--on-dark); padding: calc(var(--u) * 1.5); }
.gr .ft .logo i { border-color: var(--on-dark); background: repeating-linear-gradient(45deg, #333 0 4px, #1f1f1f 4px 8px); }
.gr .ft .logo small, .gr .ft .mute { color: #b5b5b5; }
.gr .ft .chip { background: #333; color: var(--on-dark); }
.gr .ft a { color: var(--on-dark); }
.gr .ft-nav { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.gr .ft-nav a { text-decoration: none; font-size: 17px; font-weight: 600; }
.gr .ft-nav a:hover { text-decoration: underline; }

/* Манифест и факты */
.gr .manifest { padding-top: calc(var(--u) * 2.5); padding-bottom: calc(var(--u) * 2.5); padding-left: calc(var(--u) * 1.5); padding-right: calc(var(--u) * 1.5); }
.gr .mf-big { font-size: clamp(28px, 3.4vw, 52px); }
.gr .facts-row { padding: calc(var(--u) * .5) calc(var(--u) * .5); }

/* Поля формы: плоские, серая заливка как у чипов */
.gr .req-form label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; color: var(--ink); }
.gr .req-form input, .gr .req-form select, .gr .req-form textarea { border: 0; border-bottom: 2px solid transparent; background-color: #e1e1e1; border-radius: 0; padding: 12px 16px; min-height: 52px; outline: 0; transition: background-color .15s, border-color .15s; }
.gr .req-form input:hover, .gr .req-form select:hover, .gr .req-form textarea:hover { background-color: #d8d8d8; }
.gr .req-form input:focus, .gr .req-form select:focus, .gr .req-form textarea:focus { background-color: #ececec; border-bottom-color: var(--ink); }
.gr .req-form select { appearance: none; -webkit-appearance: none; padding-right: 48px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23151515'%3E%3Cpath d='M212.24%2C100.24l-80%2C80a6%2C6%2C0%2C0%2C1-8.48%2C0l-80-80a6%2C6%2C0%2C0%2C1%2C8.48-8.48L128%2C167.51l75.76-75.75a6%2C6%2C0%2C0%2C1%2C8.48%2C8.48Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 22px; }
.gr .req-form textarea { min-height: 120px; resize: vertical; }
.gr .req-side .eyebrow { background: rgba(255,255,255,.14); color: var(--on-dark); }

/* Экран «Заявка отправлена» и ошибки полей */
.gr .req-done { grid-column: 2; grid-row: 2 / span 2; background: var(--bg); padding: calc(var(--u) * 2); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; }
.gr .req-done[hidden] { display: none; }
.gr .req-done .pl { display: inline-grid; place-items: center; width: 56px; height: 56px; background: var(--ink); color: #fff; }
.gr .req-done .pl .ico { width: 30px; height: 30px; fill: currentColor; }
.gr .req-done p { margin: 0; max-width: 28em; font-size: 17px; }
.gr .req-done .btn { width: auto; padding: 0 28px; }
.gr .req-grid.done .req-form, .gr .req-grid.done .req-send { display: none; }
.gr .field.err input:not([type=checkbox]) { background-color: #f1d9d9; border-bottom-color: #a33; }
.gr .field.err.check span { color: #a33; }
@media (max-width: 860px) { .gr .req-done { grid-column: 1; grid-row: 3; padding: calc(var(--u) * 1.5); } }

/* Свой выпадающий список вместо системного */
.gr .dd { position: relative; }
.gr .dd select { position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; min-height: 0; padding: 0; opacity: 0; pointer-events: none; }
.gr .dd-btn { display: block; width: 100%; min-height: 52px; padding: 12px 48px 12px 16px; text-align: left; font: inherit; color: var(--ink); background-color: #e1e1e1; border: 0; border-bottom: 2px solid transparent; border-radius: 0; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23151515'%3E%3Cpath d='M212.24%2C100.24l-80%2C80a6%2C6%2C0%2C0%2C1-8.48%2C0l-80-80a6%2C6%2C0%2C0%2C1%2C8.48-8.48L128%2C167.51l75.76-75.75a6%2C6%2C0%2C0%2C1%2C8.48%2C8.48Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 22px; }
.gr .dd-btn:hover { background-color: #d8d8d8; }
.gr .dd-btn:focus-visible, .gr .dd.open .dd-btn { background-color: #ececec; border-bottom-color: var(--ink); outline: 0; }
.gr .dd.open .dd-btn { background-position: right 14px center; }
.gr .dd-list { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; margin: 0; padding: 0; list-style: none; max-height: 288px; overflow: auto; background: var(--bg); border: 1px solid var(--ink); border-top: 0; }
.gr .dd-list[hidden] { display: none; }
.gr .dd-list li { margin: 0; padding: 14px 48px 14px 16px; font-size: 16px; font-weight: 500; line-height: 1.25; cursor: pointer; border-bottom: 1px solid var(--line); background-repeat: no-repeat; background-position: right 14px center; background-size: 20px; }
.gr .dd-list li:last-child { border-bottom: 0; }
.gr .dd-list li[aria-selected="true"] { font-weight: 700; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23151515'%3E%3Cpath d='M227.32%2C73.37%2C105.37%2C195.31a6%2C6%2C0%2C0%2C1-8.48%2C0l-56-56a6%2C6%2C0%2C0%2C1%2C8.48-8.48L101.13%2C182.6%2C218.83%2C64.89a6%2C6%2C0%2C0%2C1%2C8.49%2C8.48Z'/%3E%3C/svg%3E"); }
.gr .dd-list li.act, .gr .dd-list li:hover { background-color: var(--ink); color: var(--on-dark); }
.gr .dd-list li.act[aria-selected="true"], .gr .dd-list li[aria-selected="true"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23f3f3f3'%3E%3Cpath d='M227.32%2C73.37%2C105.37%2C195.31a6%2C6%2C0%2C0%2C1-8.48%2C0l-56-56a6%2C6%2C0%2C0%2C1%2C8.48-8.48L101.13%2C182.6%2C218.83%2C64.89a6%2C6%2C0%2C0%2C1%2C8.49%2C8.48Z'/%3E%3C/svg%3E"); }
.gr .dd-list li::before, .gr .dd-list li::marker { content: none; display: none; }

.gr .vside .vbtn { margin-top: 22px; background: var(--ink); color: var(--on-dark); border: 0; min-height: 52px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; width: auto; font-weight: 700; text-decoration: none; }
.gr .vside .vbtn:hover { background: #3b3b3b; }
@media (max-width: 860px) { .gr .vside .vbtn { width: 100%; } }

/* Плашка «От заявки до отчёта» целиком ссылка на заявку */
.gr .vwrap > a.vside { text-decoration: none; color: inherit; cursor: pointer; transition: background .15s; }
.gr .vwrap > a.vside:hover { background: #e9e9e9; }
.gr .vwrap > a.vside .vgo { margin-top: 22px; font-weight: 700; font-size: 18px; }

/* «Заявка отправлена»: закрытие блоком, а не кнопкой */
.gr .req-done { padding: 0; justify-content: space-between; align-items: stretch; gap: 0; }
.gr .req-done .rd-in { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: calc(var(--u) * 2); margin: auto 0; }
.gr .req-done .rd-go { display: flex; align-items: center; justify-content: space-between; min-height: 84px; padding: 0 calc(var(--u) * 1.5); background: var(--dark); color: var(--on-dark); font-weight: 700; font-size: 18px; text-decoration: none; }
.gr .req-done .rd-go:hover { background: #333; }
@media (max-width: 860px) { .gr .req-done { padding: 0; } }
.gr .req-done { justify-content: center; }
.gr .req-done .rd-in { margin: 0; }

/* Чекбокс согласия: плоский квадрат, по центру с текстом */
.gr .req-form .field.check { display: flex; align-items: center; gap: 14px; }
.gr .req-form input[type=checkbox] { appearance: none; -webkit-appearance: none; flex: none; width: 26px; height: 26px; min-height: 0; margin: 0; padding: 0; border: 0; background-color: #e1e1e1; background-repeat: no-repeat; background-position: center; background-size: 20px; cursor: pointer; }
.gr .req-form input[type=checkbox]:hover { background-color: #d8d8d8; }
.gr .req-form input[type=checkbox]:checked { background-color: var(--ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23f3f3f3'%3E%3Cpath d='M227.32%2C73.37%2C105.37%2C195.31a6%2C6%2C0%2C0%2C1-8.48%2C0l-56-56a6%2C6%2C0%2C0%2C1%2C8.48-8.48L101.13%2C182.6%2C218.83%2C64.89a6%2C6%2C0%2C0%2C1%2C8.49%2C8.48Z'/%3E%3C/svg%3E"); }
.gr .req-form input[type=checkbox]:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.gr .req-form .field.check span { font-size: 14px; line-height: 1.35; color: var(--ink); }

/* Тест шрифтовых пар (П10): локальные woff2, переключатель в правом нижнем углу, на странице data-font */
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/inter-tight-cyrillic-400.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/inter-tight-latin-400.woff2') format('woff2'); 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; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/golos-text-cyrillic-400.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/golos-text-latin-400.woff2') format('woff2'); 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; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/inter-tight-cyrillic-500.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/inter-tight-latin-500.woff2') format('woff2'); 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; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/golos-text-cyrillic-500.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/golos-text-latin-500.woff2') format('woff2'); 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; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/inter-tight-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/inter-tight-latin-600.woff2') format('woff2'); 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; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/golos-text-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/golos-text-latin-600.woff2') format('woff2'); 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; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/inter-tight-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/inter-tight-latin-700.woff2') format('woff2'); 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; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/golos-text-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/golos-text-latin-700.woff2') format('woff2'); 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; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/inter-tight-cyrillic-800.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/inter-tight-latin-800.woff2') format('woff2'); 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; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/golos-text-cyrillic-800.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/golos-text-latin-800.woff2') format('woff2'); 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; }
@font-face { font-family: 'Tektur'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/tektur-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Tektur'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/tektur-latin-600.woff2') format('woff2'); 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; }
@font-face { font-family: 'Tektur'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/tektur-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Tektur'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/tektur-latin-700.woff2') format('woff2'); 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; }
@font-face { font-family: 'Tektur'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/tektur-cyrillic-800.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Tektur'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/tektur-latin-800.woff2') format('woff2'); 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; }
html[data-font="a"] { --f-head: 'Tektur', 'Inter Tight', system-ui, sans-serif; --f-body: 'Inter Tight', system-ui, sans-serif; }
html[data-font="b"] { --f-head: 'Inter Tight', system-ui, sans-serif; --f-body: 'Inter Tight', system-ui, sans-serif; }
html[data-font="c"] { --f-head: 'Golos Text', system-ui, sans-serif; --f-body: 'Golos Text', system-ui, sans-serif; }
html[data-font] body, html[data-font] input, html[data-font] select, html[data-font] textarea, html[data-font] button { font-family: var(--f-body); }
html[data-font] h1, html[data-font] h2, html[data-font] h3, html[data-font] .big, html[data-font] .mid, html[data-font] .stat, html[data-font] .vh, html[data-font] .mf-big, html[data-font] .vgo, html[data-font] .go, html[data-font] .final-btn, html[data-font] .cell-btn, html[data-font] .logo { font-family: var(--f-head); }
html[data-font="a"] h1, html[data-font="a"] h2, html[data-font="a"] .big, html[data-font="a"] .stat, html[data-font="a"] .vh, html[data-font="a"] .mf-big { letter-spacing: 0; }
.fsw { position: fixed; right: 0; bottom: 0; z-index: 60; display: flex; background: var(--dark); color: var(--on-dark); font: 500 13px/1 system-ui, sans-serif; }
.fsw span { padding: 0 14px; display: flex; align-items: center; color: #b5b5b5; }
.fsw button { appearance: none; border: 0; background: transparent; color: var(--on-dark); font: inherit; padding: 14px 14px; cursor: pointer; border-left: 1px solid #3a3a3a; }
.fsw button:hover { background: #333; }
.fsw button[aria-pressed="true"] { background: var(--on-dark); color: var(--ink); }
@media (max-width: 640px) { .fsw span { display: none; } .fsw button { padding: 12px 10px; } }

/* ===== Вариант «Карточки» (.cd): крупные радиусы и зазор как у Альфы, мягкая тень и граница 1 px как у КриоМира ===== */
.cd {
  --cd-r: 28px; --cd-r-s: 16px; --cd-gap: 24px; --cd-pad: 32px;
  --cd-page: #e9ebee; --cd-card: #fff; --cd-border: rgba(20, 24, 30, .08);
  --shadow: 0 1px 2px rgba(20, 24, 30, .04), 0 12px 32px -12px rgba(20, 24, 30, .16);
  --shadow-hover: 0 1px 2px rgba(20, 24, 30, .06), 0 18px 40px -12px rgba(20, 24, 30, .24);
  --line: transparent; --u: clamp(20px, 2.4vw, var(--cd-pad));
  background: var(--cd-page);
}
.cd .g { gap: var(--cd-gap); background: transparent; border-bottom: 0; padding: 0 clamp(12px, 3vw, 48px) var(--cd-gap); max-width: 1440px; margin: 0 auto; }
.cd .g > * { background: var(--cd-card); border-radius: var(--cd-r); box-shadow: inset 0 0 0 1px var(--cd-border), var(--shadow); overflow: hidden; }
.cd .g > .dk { background: var(--dark); box-shadow: var(--shadow); }
.cd .g > .gy { background: var(--bg2); }
.cd .g > a, .cd .g > button { transition: transform .2s ease, box-shadow .2s ease; }
.cd .g > a:hover, .cd .g > button:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--cd-border), var(--shadow-hover); }
@media (max-width: 860px) { .cd { --cd-r: 20px; --cd-gap: 12px; } }
.cd .site-head { background: var(--cd-page); padding-top: 12px; }
.cd .site-head .g { padding-bottom: 12px; }
.cd { scroll-padding-top: 92px; }
.cd .vc > .vside, .cd .vc > .vwrap > .vside { top: 92px; }
.cd .eg > .eg-head .vh { font-size: clamp(24px, 2.4vw, 36px); overflow-wrap: anywhere; hyphens: auto; }
.cd .eg { grid-template-columns: repeat(4, 1fr); }
.cd .eg > .eg-head { grid-column: 1 / -1; }
.cd .eg > .eg-head .vh br { display: none; }
.cd .eg-cell li, .cd .eg-cell p, .cd .eg-cell h3 { overflow-wrap: anywhere; hyphens: auto; }
@media (max-width: 1100px) { .cd .eg { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .cd .eg { grid-template-columns: 1fr; } }
.cd .eg.dkb { background: transparent; border-bottom: 0; }
.cd .eg.dkb > * { box-shadow: var(--shadow); }
.cd .eg > .eg-head .vh { white-space: normal; }
.cd .g.ft { background: transparent; padding-top: 0; padding-bottom: clamp(12px, 3vw, 48px); }
.cd .g.ft > * { background: var(--ink); color: var(--on-dark); box-shadow: var(--shadow); }
@media (max-width: 860px) { .cd .site-head .hd { padding-left: 14px; padding-right: 14px; } .cd .site-head .logo small { display: none; } }
@media (max-width: 860px) { .cd .site-head .g { grid-template-columns: max-content minmax(0, 1fr) 52px; } .cd .site-head .g > * { grid-column: auto; } }
.cd .g > .ac { background: #5a5a5a; color: var(--on-dark); box-shadow: var(--shadow); }
@font-face { font-family: 'Rubik'; font-weight: 400 800; font-style: normal; font-display: swap; src: url('../assets/fonts/rubik-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Rubik'; font-weight: 400 800; font-style: normal; font-display: swap; src: url('../assets/fonts/rubik-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html[data-font="r"] { --f-head: 'Rubik', system-ui, sans-serif; --f-body: 'Rubik', system-ui, sans-serif; }

/* ===== «Карточки» v2: объединённые карточки, всё круглое, токены --cd-* ===== */
.cd { --cd-r: 32px; --cd-gut: clamp(12px, 3vw, 48px); --cd-line: rgba(20, 24, 30, .10); --cd-ink: var(--ink); }
.cd .g { padding: 0; max-width: none; width: min(1344px, calc(100% - 2 * var(--cd-gut))); margin: 0 auto var(--cd-gap); }
/* карточка = один блок из нескольких частей, части разделены линией 1 px */
.cd .g.card { gap: 1px; background: var(--cd-line); border-radius: var(--cd-r); box-shadow: inset 0 0 0 1px var(--cd-border), var(--shadow); overflow: hidden; }
.cd .g.card > * { background: var(--cd-card); border-radius: 0; box-shadow: none; }
.cd .g.card.dkb { --cd-line: rgba(255, 255, 255, .14); }
.cd .g.card > .dk, .cd .g.card > .act, .cd .g.card.dkb > * { background: var(--dark); color: var(--on-dark); }
.cd .g.card > .ac { background: #5a5a5a; color: var(--on-dark); }
.cd .eg4 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1100px) { .cd .eg4 { grid-template-columns: 1fr; } }
/* круглые иконки, чипы-пилюли */
.cd .pl, .cd .eg .pl, .cd .sv .pl, .cd .vstack .pl { border-radius: 50%; width: 52px; height: 52px; }
.cd .chip, .cd .eyebrow { border-radius: 999px; }
/* круглая стрелка: знак «здесь можно нажать» */
.cd a.cell-btn, .cd .g > a.link-card { position: relative; }
.cd .h-act .cell-btn { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-radius: 0; padding: calc(var(--u) * 1.2) var(--u) calc(var(--u) * 1.2) calc(var(--u) * 1.5); font-size: clamp(18px, 1.8vw, 24px); font-weight: 700; }
.cd .h-act .cell-btn::after { content: "→"; flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #fff; color: var(--ink); font-size: 22px; }
/* шапка: одна тёмная пилюля */
.cd .site-head .g { display: flex; align-items: center; gap: 8px; background: var(--ink); border-radius: 999px; padding: 6px 6px 6px 22px; box-shadow: var(--shadow); margin-bottom: 0; }
.cd .site-head .g > * { background: transparent; box-shadow: none; border-radius: 0; padding-top: 6px; padding-bottom: 6px; }
.cd .site-head .g > .hd.nav-cell { flex: 1 1 auto; justify-content: center; }
.cd .site-head .g > .phone { background: #fff; color: var(--ink); border-radius: 999px; padding: 6px 20px; flex: none; }
.cd .site-head .g > .phone .mute, .cd .site-head .g > .phone small { color: #666; }
.cd .site-head .g > .burger { border-radius: 50%; background: #2c2c2c; width: 48px; height: 48px; padding: 0; flex: none; }
.cd .site-head { padding-bottom: 12px; }
.cd .site-head .g { grid-template-columns: none; }
/* hero: заголовок, «для кого», «что держим» и действие в одной карточке */
.cd .g.hero > .hero-card { display: flex; flex-direction: column; padding: 0; background: var(--cd-card); border-radius: var(--cd-r); box-shadow: inset 0 0 0 1px var(--cd-border), var(--shadow); overflow: hidden; }
.cd .hero-card > .h-h1 { flex: 1 1 auto; background: transparent; padding: calc(var(--u) * 1.5); box-shadow: none; border-radius: 0; }
.cd .hero-card > .sub-g { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: transparent; border-top: 1px solid var(--cd-line); border-radius: 0; box-shadow: none; padding: 0; }
.cd .hero-card > .sub-g > * { background: transparent; grid-column: auto; padding: calc(var(--u) * 1.5); box-shadow: none; border-radius: 0; }
.cd .hero-card > .sub-g > * + * { border-left: 1px solid var(--cd-line); }
.cd .hero-card > .h-act { display: block; border-top: 0; }
.cd .hero-card > .h-act > * { padding: 0; }
.cd .hero-card > .h-act .cell-btn { background: var(--dark); color: var(--on-dark); box-shadow: none; width: 100%; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.2) calc(var(--u) * 1.2) calc(var(--u) * 1.5); }
@media (max-width: 860px) { .cd .hero-card > .sub-g { grid-template-columns: 1fr; } .cd .hero-card > .sub-g > * + * { border-left: 0; border-top: 1px solid var(--cd-line); } }
/* манифест и факты */
.cd #manifest .facts-row { border-top: 0; }
/* подвал: одна тёмная карточка */
.cd .g.ft { background: var(--cd-line); --cd-line: rgba(255, 255, 255, .14); border-radius: var(--cd-r); overflow: hidden; margin-bottom: var(--cd-gut); padding: 0; }
.cd .g.ft > * { background: var(--ink); box-shadow: none; border-radius: 0; }
.cd .g.ft { gap: 1px; }
/* диалог заявки в круглом стиле */
.cd .req-form input, .cd .req-form select, .cd .req-form textarea, .cd .dd-btn { border-radius: 22px; border-bottom-width: 0; background-color: #eceef0; }
.cd .req-form textarea { border-radius: 24px; }
.cd .req-form input:hover, .cd .req-form textarea:hover, .cd .dd-btn:hover { background-color: #e3e6e9; }
.cd .req-form input:focus, .cd .req-form textarea:focus, .cd .dd-btn:focus-visible, .cd .dd.open .dd-btn { background-color: #fff; box-shadow: 0 0 0 2px var(--ink); }
.cd .dd-list { border-radius: 22px; overflow: hidden; box-shadow: var(--shadow-hover); }
.cd .req-send, .cd .req-close { border-radius: 999px; }
.cd .req-form input[type="checkbox"] { border-radius: 50%; }
@media (max-width: 860px) {
  .cd .site-head .g { padding-left: 16px; gap: 6px; }
  .cd .site-head .g > .hd:first-child { flex: none; padding: 0 4px 0 0; }
  .cd .site-head .g > .phone { margin-left: auto; padding: 5px 14px; min-width: 0; }
  .cd .site-head .g > .phone b { font-size: 15px; }
}

/* ===== «Карточки»: классика, пилюли-кнопки внутри карточек, меню как таб-переключатель ===== */
.cd .pill { display: inline-flex; align-items: center; justify-content: center; gap: 10px; align-self: flex-start; min-height: 48px; padding: 0 26px; border-radius: 999px; background: var(--ink); color: #fff; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; border: 0; cursor: pointer; transition: transform .15s ease, background-color .15s ease; }
.cd .pill::after { content: "→"; font-weight: 500; }
.cd .pill:hover { background: #333; transform: translateY(-1px); }
.cd .g > .dk .pill, .cd .g > .ac .pill, .cd .g > .act .pill, .cd .g.card > .act .pill, .cd .g.card.dkb .pill { background: #fff; color: var(--ink); }
.cd .g > .dk .pill:hover, .cd .g > .ac .pill:hover, .cd .g.card > .act .pill:hover { background: #e8e8e8; }
.cd .hero-card > .h-act { display: block; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5) calc(var(--u) * 1.5); border-top: 0; background: transparent; }
.cd .vside .pill { margin-top: 14px; }
.cd .link-card { display: flex; flex-direction: column; }
.cd .link-card .pill { margin-top: auto; }
.cd .eg-cell.act .pill { margin-top: auto; }
.cd .final-cell { display: flex; align-items: center; justify-content: center; }
.cd .g > a.link-card:hover, .cd .g > .link-card:hover { transform: none; }
.cd .site-head .tabs-nav { display: flex; gap: 4px; padding: 5px; background: rgba(255, 255, 255, .10); border-radius: 999px; }
.cd .site-head .tabs-nav a { padding: 10px 20px; border-radius: 999px; color: #d6d6d6; font-size: 15px; font-weight: 600; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.cd .site-head .tabs-nav a:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.cd .site-head .tabs-nav a.is-on { background: #fff; color: #151515; }
.cd .site-head .g > .hd.nav-cell { padding-left: 0; padding-right: 0; }
.cd .hero-card > .sub-g > .pill { background: var(--ink); color: #fff; padding: 0 26px; border-left: 0; justify-self: start; }
.cd .hero-card > .sub-g > .pill:hover { background: #333; }
.cd .hero-card > .h-act { grid-template-columns: none; }
.cd .hero-card > .sub-g > .pill { border-radius: 999px; }
.cd .site-head .tabs-nav { background: transparent; padding: 0; gap: 4px; }
/* шапка = один ряд одинаковых табов: логотип, 4 раздела, телефон (как переключатель шрифтов) */
.cd .site-head .g { padding: 6px; gap: 4px; background: rgba(21, 21, 21, .94); }
.cd .site-head .g > .hd { padding: 0; }
.cd .site-head .logo, .cd .site-head .g > .phone a, .cd .site-head .tabs-nav a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border-radius: 999px; color: #d6d6d6; font-size: 15px; font-weight: 600; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.cd .site-head .logo { gap: 10px; color: #fff; }
.cd .site-head .logo small { color: #a8a8a8; }
.cd .site-head .logo:hover, .cd .site-head .g > .phone a:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.cd .site-head .g > .phone { background: transparent; color: inherit; border-radius: 0; padding: 0; margin-left: 0; flex: none; }
.cd .site-head .g > .phone small { display: none; }
.cd .site-head .g > .phone b { font-size: 15px; }
.cd .site-head .tabs-nav { flex: 1 1 auto; justify-content: center; }
@media (max-width: 860px) {
  .cd .site-head .g { padding: 6px; }
  .cd .site-head .logo small { display: none; }
  .cd .site-head .logo, .cd .site-head .g > .phone a { padding: 0 14px; }
  .cd .site-head .g > .phone { margin-left: auto; }
}

/* ===== Версия «Карточки в стиле Альфы» (.al): короткие плитки с образом, табы аудитории, листы поверх тёмного ===== */
.al { background: #111; --cd-page: #e9ebee; }
.al .site-head { background: transparent; }
.al .site-head .g { background: #1d1d1d; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
.al .g.hero { margin-bottom: 0; }
.al .sheet { position: relative; background: var(--cd-page); border-radius: 44px 44px 0 0; padding: 44px 0 72px; margin-top: 0; }
.al .g.hero + .sheet { margin-top: var(--cd-gap); }
.al .sheet + .sheet { margin-top: -44px; padding-top: 88px; }
.al .sheet.dark { background: #1a1a1a; color: var(--on-dark); --cd-border: rgba(255, 255, 255, .10); --cd-line: rgba(255, 255, 255, .14); }
.al .sheet.dark .g.card:not(.dkb):not(.fin):not(.ft) { background: #262626; }
.al .sheet.dark .g.card.dkb > *, .al .sheet.dark .g.card.fin > .dk { background: #262626; }
.al .sheet:last-of-type { padding-bottom: 0; }
.al .sheet > .g:last-child { margin-bottom: 0; }
.al .sheet:last-of-type > .g.ft { margin-bottom: var(--cd-gut); }
.al .sv { grid-template-columns: repeat(3, 1fr); }
.al .tile { display: flex; flex-direction: column; gap: 12px; padding: 20px 20px 24px; }
.al .ph-slot { position: relative; aspect-ratio: 16 / 10; border-radius: 22px; background: repeating-linear-gradient(135deg, #e4e6e9 0 10px, #eceef0 10px 20px); display: grid; place-items: center; overflow: hidden; }
.al .ph-slot i { position: absolute; left: 14px; bottom: 10px; font-style: normal; font-size: 12px; color: #8a8f96; }
.al .ph-slot .pl { width: 68px; height: 68px; }
.al .ph-slot .pl .ico { width: 34px; height: 34px; }
.al .tile h3 { margin: 4px 0 0; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.15; }
.al .tile .one { margin: 0; font-size: 16px; color: var(--mute); }
.al .tile details { margin-top: auto; }
.al .tile summary { cursor: pointer; font-weight: 600; font-size: 15px; list-style: none; display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; background: #eceef0; }
.al .tile summary::-webkit-details-marker { display: none; }
.al .tile summary::after { content: "+"; font-weight: 500; }
.al .tile details[open] summary::after { content: "−"; }
.al .tile details ul { margin: 12px 0 0; }
.al .sv > .sv-head { grid-column: 1 / -1; }
@media (max-width: 1100px) { .al .sv { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .al .sv { grid-template-columns: 1fr; } }
.al .tb { padding: 0 !important; }
.al .tb-list { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; margin: 0 var(--u) 0; width: max-content; max-width: calc(100% - 2 * var(--u)); background: #eceef0; border-radius: 999px; }
.al .tb-list button { appearance: none; border: 0; background: transparent; font: inherit; font-size: 15px; font-weight: 600; color: #555; padding: 11px 20px; border-radius: 999px; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
.al .tb-list button:hover { background: rgba(0, 0, 0, .06); }
.al .tb-list button[aria-selected="true"] { background: var(--ink); color: #fff; }
.al .tb-panel { display: grid; grid-template-columns: 1fr 1fr; gap: var(--u); align-items: center; padding: var(--u); }
.al .tb-panel[hidden] { display: none; }
.al .tb-panel h3 { margin: 0 0 12px; font-size: clamp(22px, 2.2vw, 32px); line-height: 1.1; }
.al .tb-panel ul { margin: 0; }
.al .tb-panel li { font-size: clamp(16px, 1.4vw, 20px); font-weight: 500; margin: 8px 0; }
@media (max-width: 860px) { .al .tb-panel { grid-template-columns: 1fr; } .al .tb-list { width: auto; border-radius: 28px; } }
.al .vc > .vwrap { background: transparent; }
.al .tabs-card > .eg-head { grid-column: 1 / -1; }
.al .tabs-card .eg-head .vh { font-size: clamp(26px, 2.6vw, 40px); }
.al .sv > .tile:last-child { grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; align-content: center; }
.al .sv > .tile:last-child .ph-slot { grid-row: 1 / span 4; aspect-ratio: auto; min-height: 200px; }
@media (max-width: 1100px) { .al .sv > .tile:last-child { grid-column: 1 / -1; } }
@media (max-width: 640px) { .al .sv > .tile:last-child { display: flex; } .al .sv > .tile:last-child .ph-slot { aspect-ratio: 16 / 10; min-height: 0; } }
.al .ph-slot .pl { flex: none; aspect-ratio: 1; }
.al .tile .ph-slot { align-self: stretch; width: 100%; }
.al .tile > h3, .al .tile > .one, .al .tile > details { align-self: flex-start; }
/* схема: сквозная линия, круглые узлы, номера */
.al .vc > .vstack { gap: 0; background: var(--cd-card); position: relative; counter-reset: st; padding: calc(var(--u) * .4) 0; }
.al .vstack article { background: transparent; counter-increment: st; z-index: 1; }
.al .vstack::before { content: ""; position: absolute; left: calc(var(--u) * 1.5 + 25px); top: 56px; bottom: 56px; width: 2px; background: #cfd3d8; }
.al .vstack article:not(:last-child)::after, .al .vstack article::after { content: counter(st, decimal-leading-zero); position: static; margin-left: auto; width: auto; height: auto; background: none; font-size: 15px; font-weight: 600; color: var(--mute); }
.al .vstack .pl { width: 52px; height: 52px; box-shadow: 0 0 0 6px var(--cd-card); }
/* форматы пилюлями */
.al .fm { display: flex; flex-direction: column; gap: 18px; }
.al .fm ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.al .fm li { margin: 0; padding: 12px 22px; border-radius: 999px; background: #eceef0; font-size: 16px; font-weight: 600; }
.al .fm li::before, .al .fm li::marker { content: none; display: none; }
/* «Что обещаем»: крупные номера вместо иконок */
.al .eg.dkb .eg-cell { justify-content: space-between; min-height: 200px; }
.al .num-big { font-size: clamp(40px, 4vw, 64px); font-weight: 700; line-height: 1; color: rgba(255, 255, 255, .92); letter-spacing: -.02em; }
/* цитата: круглое фото */
.al .qt-one { display: grid; grid-template-columns: auto 1fr; gap: calc(var(--u) * 2); align-items: center; padding: calc(var(--u) * 1.5); }
.al .qt-ph { width: 200px; height: 200px; min-height: 0; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; text-align: center; padding: 24px; font-size: 12px; }
@media (max-width: 760px) { .al .qt-one { grid-template-columns: 1fr; justify-items: start; } .al .qt-ph { width: 140px; height: 140px; } }
.al .sheet.dark .vc > .vwrap, .al .sheet.dark .vc > .vstack { color: var(--ink); }
.al .vc > .vwrap { display: flex; }
.al .vc > .vwrap > .vside { position: static; flex: 1; justify-content: flex-end; gap: 14px; }
.al .fm .chip { align-self: flex-start; }
.al .qt-ph { width: 200px; min-width: 200px; }
.al .qt-text { font-size: clamp(20px, 2.1vw, 30px); max-width: 30em; }
/* hero «Карточек»: высота по содержимому, без наследства «Сетки» (min-height на экран, три строки 1fr) */
@media (min-width: 861px) { .cd .g.hero { min-height: 0; grid-template-rows: auto; align-items: stretch; } .cd .hero-card > .h-h1 { justify-content: center; } }
.cd .g.hero > .h-img { align-self: stretch; }
.cd .hero-card .big { font-size: clamp(40px, 5.2vw, 80px); line-height: 1; }
.cd .g.hero > .h-img { display: flex; flex-direction: column; justify-content: center; }
/* листы: скругление снизу, верхний лист лежит на следующем и отбрасывает тень вниз */
.al .sheet { border-radius: 0 0 44px 44px; padding: 44px 0 88px; box-shadow: 0 30px 46px -14px rgba(0, 0, 0, .42); }
.al .g.hero + .sheet { border-radius: 44px; }
.al .sheet + .sheet { margin-top: -44px; padding-top: 88px; }
.al .sheet:last-of-type { border-radius: 0; box-shadow: none; padding-bottom: 0; }
/* финал: действие по центру на светлой плите */
.al .sheet.dark .g.fin > .final-cell { display: flex; align-items: center; justify-content: center; background: #fff; }
.al .sheet.dark .g.fin > .final-cell .pill { background: var(--ink); color: #fff; }
.al .sheet.dark .g.fin > .final-cell .pill:hover { background: #333; }
/* схема работы: одна карточка, заголовок с кнопкой едет внутри неё при прокрутке */
.al .g.card.vc { gap: 0; background: var(--cd-card); overflow: clip; color: var(--ink); }
.al .g.card.vc > .vwrap { display: block; background: var(--cd-card); padding: 0; }
.al .g.card.vc > .vwrap > .vside { position: sticky; top: 104px; background: transparent; height: auto; flex: none; justify-content: flex-start; align-items: flex-start; gap: 14px; padding: calc(var(--u) * 1.5); }
.al .g.card.vc > .vstack { background: var(--cd-card); border-radius: 0; box-shadow: none; padding: calc(var(--u) * .4) 0; }
.al .vstack article { min-height: clamp(104px, 15vh, 140px); }
@media (max-width: 860px) { .al .g.card.vc > .vwrap > .vside { position: static; } }
.al .g.card.vc > .vwrap { overflow: visible; }
.al .g.card.tabs-card { gap: 0; background: var(--cd-card); }
.al .tabs-card > .eg-head { padding-bottom: calc(var(--u) * .6); }
/* hero тоже лист: чёрный, скруглён снизу, лежит на первом светлом листе */
.al .sheet.hero-sheet { background: #111; padding: 0 0 56px; }
.al .hero-sheet .g.hero { margin-bottom: 0; }
.al .g.hero + .sheet { border-radius: 0 0 44px 44px; margin-top: 0; }
.al .sheet.hero-sheet + .sheet { margin-top: -44px; padding-top: 88px; }
/* тень верхнего листа лежит на фоне нижнего, под его карточками */
.al .sheet { box-shadow: none; }
.al .sheet > * { position: relative; z-index: 1; }
.al .sheet + .sheet::before { content: ""; position: absolute; left: 0; right: 0; top: 44px; height: 40px; z-index: 0; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, .30), rgba(0, 0, 0, 0)); }
.al .sheet.dark + .sheet.dark::before { background: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)); }
/* зазор между краем верхнего листа и первой карточкой нижнего: тень кончается раньше карточки */
.al .sheet + .sheet { padding-top: 100px; }
.al .sheet + .sheet::before { height: 30px; }
.al .sheet.hero-sheet + .sheet, .al .sheet + .sheet { padding-top: 100px; }
/* тень по форме нижнего края верхнего листа, лежит на фоне нижнего листа под его карточками */
.al .sheet + .sheet::before, .al .sheet.dark + .sheet.dark::before { top: -120px; height: 164px; left: 0; right: 0; border-radius: 0 0 44px 44px; background: transparent; box-shadow: 0 34px 64px -10px rgba(0, 0, 0, .5); z-index: 0; }
/* зазор между краем листа и первой карточкой нижнего: 28 px */
.al .sheet.hero-sheet + .sheet, .al .sheet + .sheet { padding-top: 72px; }
/* зазор между краем листа и первой карточкой нижнего: возвращён к 56 px (пользователь) */
.al .sheet.hero-sheet + .sheet, .al .sheet + .sheet { padding-top: 100px; }
/* hero-лист чёрный, но карточка внутри белая: цвет текста и линии как у светлой карточки */
.al .sheet.hero-sheet { color: var(--ink); --cd-border: rgba(20, 24, 30, .08); --cd-line: rgba(20, 24, 30, .10); }
/* «Карточки»: все маркеры, значки и выделения круглые */
.cd ul:not(.tabs):not(.flow) > li::before, .cd .big-list:not(.tabs) li::before, .cd .svc-slide li::before, .cd .tabs button::before { border-radius: 50%; }
.cd .svc-slide .ico { border-radius: 50%; }
.cd .svc-slide .ico.eye { border-radius: 50%; }
.cd .svc-arrow, .cd .svc-arrow:focus-visible, .cd .svc-arrow:hover { border-radius: 50%; }
.cd .svc-dots button, .cd .svc-dots button:focus-visible { border-radius: 999px; }
.cd .tabs button { border-radius: 20px; }
.cd .qt-ico { border-radius: 50%; }
.cd .chip .led, .cd .led { border-radius: 50%; }
/* hero целиком одна большая светлая карточка (лист): дом на белом фоне, без вложенных карточек */
.al .site-head { margin-bottom: -84px; }
.al .sheet.hero-sheet { background: #fff; padding: 84px 0 64px; box-shadow: none; }
.al .hero-sheet .g.hero { gap: 0 clamp(16px, 3vw, 56px); align-items: center; }
.al .hero-sheet .g.hero > .hero-card, .al .hero-sheet .g.hero > .h-img { background: transparent; box-shadow: none; border-radius: 0; overflow: visible; }
.al .hero-sheet .hero-card > .h-h1 { padding: 0 0 clamp(20px, 3vh, 36px); flex: none; justify-content: flex-start; }
.al .hero-sheet .hero-card .big { font-size: clamp(44px, 6vw, 92px); }
.al .hero-sheet .hero-card > .sub-g { border-top: 0; padding: 0; }
.al .hero-sheet .hero-card > .sub-g > * { padding: 0 clamp(12px, 2vw, 28px) 0 0; border-left: 0; }
.al .hero-sheet .hero-card > .sub-g > * + * { border-left: 0; padding-left: 0; }
.al .hero-sheet .hero-card > .h-act { padding: clamp(24px, 4vh, 44px) 0 0; }
.al .hero-sheet .g.hero > .h-img { padding: 0; }
@media (max-width: 860px) { .al .hero-sheet .hero-card > .sub-g > * + * { border-top: 0; padding-top: 16px; } }
.al .hero-sheet .g.hero { width: min(1344px, calc(100% - 2 * var(--cd-gut))); padding: 0 clamp(8px, 2.4vw, 40px); box-sizing: border-box; }
@media (max-width: 860px) { .al .hero-sheet .g.hero { padding: 0 12px; } .al .hero-sheet .hero-card > .sub-g { gap: 22px; } .al .hero-sheet .hero-card > .sub-g > * + * { padding-top: 0; } }
/* hero: тёмный лист, на нём одна большая белая карточка */
.al .sheet.hero-sheet { background: #111; padding: 84px 0 56px; }
.al .hero-sheet .g.hero { background: #fff; border-radius: var(--cd-r); box-shadow: var(--shadow); padding: clamp(24px, 3.4vw, 56px); margin-bottom: 0; }
@media (max-width: 860px) { .al .hero-sheet .g.hero { padding: 24px 20px; } }
/* hero: заголовок, переключатели слоёв рядом пилюлями, кнопка; «Работаем для» вынесено в отдельную карточку */
.al .hero-sheet .hero-card > .sub-g { display: block; }
.al .hero-sheet .hero-card .big { font-size: clamp(48px, 6.6vw, 104px); }
.al .hero-sheet .tabs-cell > .chip { margin-bottom: 14px; }
.al .hero-sheet .tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.al .hero-sheet .tabs li { margin: 0; padding: 0; }
.al .hero-sheet .tabs li::before { content: none; display: none; }
.al .hero-sheet .tabs button { display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(20, 24, 30, .16); background: #fff; text-decoration: none; font-size: 15px; font-weight: 600; }
.al .hero-sheet .tabs button::after { content: none; }
.al .hero-sheet .tabs button:hover { background: #eceef0; }
.al .hero-sheet .tabs button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.al .hero-sheet .g.hero { grid-template-columns: 1.05fr 1fr; }
.al .hero-sheet .g.hero > .hero-card, .al .hero-sheet .g.hero > .h-img { grid-column: auto; }
@media (max-width: 860px) { .al .hero-sheet .g.hero { grid-template-columns: 1fr; } }
/* карточка «Работаем для» */
.al .aud { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5); }
.al .aud-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.al .aud-list li { margin: 0; padding: 12px 22px; border-radius: 999px; background: #eceef0; font-size: 17px; font-weight: 600; }
.al .aud-list li::before, .al .aud-list li::marker { content: none; display: none; }
.al .hero-sheet .hero-card .big { font-size: clamp(44px, 5.4vw, 88px); }
.al .hero-sheet .g.hero { grid-template-columns: 1fr 1fr; }
@media (max-width: 860px) { .al .hero-sheet .g.hero { grid-template-columns: 1fr; } }
.al .hero-sheet .svc { min-height: 15rem; }
.al .hero-sheet .g.hero { padding-top: clamp(20px, 2.6vw, 40px); padding-bottom: clamp(20px, 2.6vw, 40px); }
/* hero: кнопка с нормальными отступами */
.al .hero-sheet .hero-card > .h-act > .pill, .al .hero-sheet .hero-card > .sub-g > .pill { padding: 0 26px; }
.al .hero-sheet .hero-card > .h-h1 { padding-bottom: clamp(20px, 3vh, 36px); }
/* hero: слои дома выбираются пилюлями под картинкой, они же листают слайд; стрелки и точки не нужны */
.al .hero-sheet .h-pick-r { padding: 4px 0 18px; display: block; }
.al .hero-sheet .h-pick-r > .tabs-cell { padding: 0; }
.al .hero-sheet .h-pick-r .chip { display: none; }
.al .hero-sheet .h-pick-r .tabs { justify-content: center; }
.al .hero-sheet .svc-nav { display: none; }
.al .hero-sheet .svc { min-height: 0; padding: 0; }
.al .hero-sheet .svc-slides { padding: 0; }
.al .hero-sheet .svc-slide { text-align: center; }
.al .hero-sheet .svc-slide .svc-lead { font-size: clamp(20px, 1.9vw, 26px); font-weight: 600; margin: 8px auto 0; max-width: 22em; }
.al .hero-sheet .svc-slide:not([data-l="all"]) { display: none; text-align: left; }
.al .hero-sheet .svc-slide.is-on:not([data-l="all"]) { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; align-items: center; }
.al .hero-sheet .svc-slide.is-on:not([data-l="all"]) .ico { grid-row: 1; width: 28px; height: 28px; padding: 12px; box-sizing: content-box; }
.al .hero-sheet .svc-slide.is-on:not([data-l="all"]) .svc-t { grid-row: 1; margin: 0; font-size: clamp(22px, 2vw, 28px); }
.al .hero-sheet .svc-slide.is-on:not([data-l="all"]) ul { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; margin: 8px 0 0; padding: 0; }
.al .hero-sheet .svc-slide ul li { font-size: 15px; }
@media (max-width: 640px) { .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) ul { grid-template-columns: 1fr; } }
/* «Работаем для»: крупные круги с иконками */
.al .aud { display: grid; grid-template-columns: minmax(150px, 1fr) 3fr; align-items: center; gap: 12px 28px; padding: calc(var(--u) * 1.4) calc(var(--u) * 1.6); }
.al .aud-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.al .aud-i { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.al .aud-c { display: grid; place-items: center; width: clamp(88px, 9vw, 128px); aspect-ratio: 1; border-radius: 50%; background: #eceef0; box-shadow: inset 0 0 0 1px rgba(20, 24, 30, .06); transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.al .aud-c .ico { width: 44%; height: 44%; fill: currentColor; }
/* пункты «Работаем для» не кликаются: отклика на наведение нет (решение 2026-11-08) */
.al .aud-i b { font-size: clamp(15px, 1.3vw, 18px); font-weight: 600; line-height: 1.2; }
@media (max-width: 860px) { .al .aud { grid-template-columns: 1fr; } .al .aud-row { grid-template-columns: repeat(2, 1fr); } }

/* широкая фраза «Комплексное обслуживание» (из doc заказчика), общая для всех вариантов */
.gr .st { padding-top: calc(var(--u) * 2.2); padding-bottom: calc(var(--u) * 2.2); }
.gr .st-big { margin: 20px 0 0; font-size: clamp(28px, 4.2vw, 66px); line-height: 1.08; font-weight: 700; letter-spacing: -.02em; color: #8b9097; text-wrap: balance; }
.gr .st-big span { color: var(--ink); }
.gr .st-sub { margin: 28px 0 0; font-size: clamp(15px, 1.3vw, 18px); font-weight: 500; }
/* hero слева: «Работаем для» кругами поменьше и «Мы держим под контролем» списком пилюль */
.al .hero-sheet .h-aud, .al .hero-sheet .h-pick-l { padding: 0 0 clamp(16px, 2.4vh, 26px); }
.al .hero-sheet .h-aud > .chip, .al .hero-sheet .h-pick-l .chip { display: inline-flex; margin-bottom: 12px; }
.al .hero-sheet .h-aud .aud-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.al .hero-sheet .h-aud .aud-c { width: clamp(52px, 5vw, 66px); }
.al .hero-sheet .h-aud .aud-i { gap: 8px; }
.al .hero-sheet .h-aud .aud-i b { font-size: 14px; line-height: 1.2; font-weight: 600; overflow-wrap: anywhere; }
.al .hero-sheet .h-pick-l { display: block; }
.al .hero-sheet .h-pick-l .tabs { justify-content: flex-start; }
@media (max-width: 860px) { .al .hero-sheet .h-aud .aud-row { grid-template-columns: repeat(4, minmax(0, 1fr)); } .al .hero-sheet .h-aud .aud-c { width: 56px; } }
@media (max-width: 420px) { .al .hero-sheet .h-aud .aud-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .al .hero-sheet .h-aud .aud-i { flex-direction: row; text-align: left; } }
.al .hero-sheet .h-aud .aud-row { grid-template-columns: .8fr 1.5fr 1.15fr 1.15fr; }
.al .hero-sheet .h-aud .aud-i b { font-size: 13px; overflow-wrap: normal; word-break: normal; hyphens: manual; }
@media (max-width: 420px) { .al .hero-sheet .h-aud .aud-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .al .hero-sheet .h-aud .aud-c { width: 48px; min-width: 48px; flex: none; } .al .hero-sheet .h-aud .aud-i { align-items: center; gap: 10px; } }
/* «Наша задача» внутри тёмной карточки «Что обещаем»: сверху манифест, ниже четыре пункта */
.al .eg.dkb > .manifest { grid-column: 1 / -1; padding: calc(var(--u) * 2) calc(var(--u) * 1.6) calc(var(--u) * 1.6); }
.al .eg.dkb > .manifest .eyebrow { background: #3a3a3a; color: var(--on-dark); }
.al .eg.dkb > .manifest .mf-big { color: var(--on-dark); }
.al .eg.dkb > .manifest .mf-sub { color: #b9bdc2; max-width: 46em; }
.al .eg.dkb > .eg-head { padding-top: calc(var(--u) * 1.1); padding-bottom: calc(var(--u) * 1.1); }
.al .eg.dkb > .eg-head .vh { font-size: clamp(20px, 1.9vw, 28px); }
.al .eg.dkb > .manifest .mf-big { font-size: clamp(28px, 3.6vw, 56px); line-height: 1.1; max-width: 24em; margin: 16px 0 0; }
.al .eg.dkb > .manifest .mf-sub { font-size: clamp(15px, 1.4vw, 19px); margin: 22px 0 0; }
/* тёмная карточка: «Что вы получаете» подписью внутри головы, без второго заголовка и линии */
.al .eg.dkb > .manifest { padding-bottom: calc(var(--u) * 1.3); }
.al .eg.dkb > .manifest .mf-cap { margin: calc(var(--u) * 1.6) 0 0; font-size: clamp(17px, 1.5vw, 22px); font-weight: 700; color: var(--on-dark); display: flex; align-items: center; gap: 14px; }
.al .eg.dkb > .manifest .mf-cap::after { content: ""; flex: 1; height: 1px; background: rgba(255, 255, 255, .14); }
.al .eg.dkb > .manifest .mf-cap::after { content: none; display: none; }
/* «Что обещаем»: номер, заголовок и пояснение выровнены по верху, заголовки на одной линии */
.al .eg.dkb .eg-cell { justify-content: flex-start; gap: 18px; min-height: 0; }
.al .eg.dkb .eg-cell .num-big { line-height: 1; }
.al .eg.dkb .eg-cell h3 { margin: 0; }
.al .eg.dkb .eg-cell p { margin: 0; }
/* службы в версии Альфы как в «Сетке»: 5 равных ячеек, иконка в круге, название, полный список; заголовок первой ячейкой */
.al .sv > .sv-head { grid-column: auto; }
.al .sv > .sv-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: calc(var(--u) * 1.5); justify-content: flex-start; }
.al .sv > .sv-cell h3 { margin: 0; }
.al .sv > .sv-cell ul { margin: 0; }
/* службы: значок, название и список у всех ячеек ряда на общих линиях (subgrid), список начинается на одном уровне */
.al .sv > .sv-head { grid-row: span 3; }
.al .sv > .sv-cell:not(.sv-head) { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 14px; align-items: start; align-content: start; }
.al .sv > .sv-cell:not(.sv-head) > .pl { align-self: start; justify-self: start; }
.al .sv > .sv-cell:not(.sv-head) > h3, .al .sv > .sv-cell:not(.sv-head) > ul { align-self: start; margin: 0; }
@supports not (grid-template-rows: subgrid) {
  .al .sv > .sv-cell:not(.sv-head) { display: flex; grid-row: auto; }
  .al .sv > .sv-cell:not(.sv-head) > h3 { min-height: 2.4em; }
}
/* hero: все слайды лежат в одной ячейке, высота панели равна самому высокому, переключение ничего не двигает */
.al .hero-sheet .svc-slides { display: grid; }
.al .hero-sheet .svc-slide, .al .hero-sheet .svc-slide.is-on { grid-area: 1 / 1; display: grid; align-content: start; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .2s ease; position: static; }
.al .hero-sheet .svc-slide.is-on { visibility: visible; opacity: 1; pointer-events: auto; }
.al .hero-sheet .svc-slide:not([data-l="all"]) { grid-template-columns: auto 1fr; gap: 6px 16px; align-items: center; text-align: left; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .ico { grid-row: 1; width: 28px; height: 28px; padding: 12px; box-sizing: content-box; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .svc-t { grid-row: 1; margin: 0; font-size: clamp(22px, 2vw, 28px); }
.al .hero-sheet .svc-slide:not([data-l="all"]) ul { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; margin: 8px 0 0; padding: 0; }
.al .hero-sheet .svc-slide[data-l="all"] { justify-items: center; text-align: center; }
@media (prefers-reduced-motion: reduce) { .al .hero-sheet .svc-slide { transition: none; } }
.al .hero-sheet .svc-slide:not([data-l="all"]), .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) { display: grid; }
/* значок службы в панели: не обрезается картинкой дома и не вылезает за слайд */
.al .hero-sheet .svc { position: relative; z-index: 2; }
.al .hero-sheet .h-img > .hero-fig { position: relative; z-index: 1; }
.al .hero-sheet .svc-slide:not([data-l="all"]) { padding-top: 8px; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .ico { align-self: center; margin: 0; flex: none; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .svc-t { align-self: center; }
/* телефон: заголовок, кнопка, дом с переключателями слоёв и панелью, и только потом «Работаем для» */
@media (max-width: 860px) {
  .al .hero-sheet .g.hero { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .al .hero-sheet .g.hero > .hero-card, .al .hero-sheet .g.hero > .h-img { display: contents; }
  .al .hero-sheet .hero-card > .h-h1 { order: 1; padding-bottom: 16px; }
  .al .hero-sheet .hero-card > .h-act { order: 2; padding: 0 0 12px; }
  .al .hero-sheet .h-img > .hero-fig { order: 3; }
  .al .hero-sheet .hero-card > .h-pick-l { order: 4; padding: 6px 0 16px; }
  .al .hero-sheet .h-img > .svc { order: 5; }
  .al .hero-sheet .hero-card > .h-aud { order: 6; padding: 22px 0 0; margin-top: 18px; border-top: 1px solid rgba(20, 24, 30, .10); }
}
@media (max-width: 860px) {
  .al .hero-sheet .svc-slide:not(.is-on) { display: none; }
  .al .hero-sheet .svc { min-height: 12rem; }
}
/* значки в панели hero одного размера: знак 24 px, отступ 10 px, круг 44 px (как у значка «глаз» общего вида) */
.al .hero-sheet .svc-slide .ico, .al .hero-sheet .svc-slide:not([data-l="all"]) .ico, .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) .ico { box-sizing: content-box; width: 24px; height: 24px; padding: 10px; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .svc-t, .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) .svc-t { font-size: clamp(20px, 1.8vw, 26px); }
/* пилюли слоёв в hero: без отрицательных отступов старого стиля, зазор между ними 10 px */
.al .hero-sheet .tabs { gap: 10px; }
.al .hero-sheet .tabs button, .al .hero-sheet .tabs li button { margin: 0; }
.al .hero-sheet .tabs li { margin: 0; padding: 0; }
/* панель под домом: один стандарт для всех слайдов, значок по центру сверху, под ним заголовок или фраза, ниже список */
.al .hero-sheet .svc-slide, .al .hero-sheet .svc-slide.is-on, .al .hero-sheet .svc-slide:not([data-l="all"]), .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 10px; align-content: start; padding-top: 8px; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .ico, .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) .ico, .al .hero-sheet .svc-slide .ico.eye { grid-row: auto; grid-column: 1; align-self: center; justify-self: center; margin: 0; }
.al .hero-sheet .svc-slide:not([data-l="all"]) .svc-t, .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) .svc-t, .al .hero-sheet .svc-slide .svc-lead { grid-row: auto; grid-column: 1; margin: 0; text-align: center; font-size: clamp(20px, 1.9vw, 26px); font-weight: 700; line-height: 1.15; max-width: 22em; }
.al .hero-sheet .svc-slide:not([data-l="all"]) ul, .al .hero-sheet .svc-slide.is-on:not([data-l="all"]) ul { grid-column: 1; justify-self: stretch; width: 100%; margin: 6px 0 0; text-align: left; }
/* «Работаем для» в hero: два столбца, в строке круглый значок 44 px (как в панели) и подпись 16 px */
.al .hero-sheet .h-aud .aud-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.al .hero-sheet .h-aud .aud-i { flex-direction: row; align-items: center; text-align: left; gap: 12px; }
.al .hero-sheet .h-aud .aud-c { width: 44px; min-width: 44px; flex: none; }
.al .hero-sheet .h-aud .aud-c .ico { width: 24px; height: 24px; }
.al .hero-sheet .h-aud .aud-i b { font-size: 16px; line-height: 1.2; font-weight: 600; overflow-wrap: normal; word-break: normal; }
@media (max-width: 860px) { .al .hero-sheet .h-aud .aud-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .al .hero-sheet .h-aud .aud-c { width: 44px; min-width: 44px; } }
@media (max-width: 420px) { .al .hero-sheet .h-aud .aud-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; } .al .hero-sheet .h-aud .aud-c { width: 40px; min-width: 40px; } .al .hero-sheet .h-aud .aud-i b { font-size: 15px; } }
/* hero слева: больше воздуха между блоками (заголовок, «Работаем для», «Мы держим под контролем», кнопка) */
.al .hero-sheet .hero-card > .h-h1 { padding-bottom: clamp(26px, 3.6vh, 38px); }
.al .hero-sheet .hero-card > .h-aud, .al .hero-sheet .hero-card > .h-pick-l { padding-bottom: clamp(28px, 4vh, 42px); }
.al .hero-sheet .hero-card > .h-act { padding-top: 0; }
.al .hero-sheet .h-aud > .chip, .al .hero-sheet .h-pick-l > .tabs-cell > .chip { margin-bottom: 16px; }
.al .hero-sheet .h-aud .aud-row { gap: 16px 24px; }
@media (max-width: 860px) {
  .al .hero-sheet .hero-card > .h-aud { padding: 28px 0 0; margin-top: 22px; }
  .al .hero-sheet .hero-card > .h-pick-l { padding: 8px 0 22px; }
  .al .hero-sheet .hero-card > .h-h1 { padding-bottom: 20px; }
}

/* Шапка на узких экранах: бургер круглый и не вылезает из пилюли */
@media (max-width: 480px) {
  .cd .site-head .g { padding: 6px; gap: 4px; }
  .cd .site-head .logo, .cd .site-head .g > .phone a { padding: 0 10px; }
  .cd .site-head .logo { gap: 8px; }
  .cd .site-head .g > .burger { flex: none; width: 48px; height: 48px; min-height: 48px; padding: 0; }
}
@media (max-width: 380px) {
  .cd .site-head .logo span { font-size: 13px; }
  .cd .site-head .g > .phone b { font-size: 14px; }
}
@media (max-width: 420px) { .al .hero-sheet .h-aud .aud-i b { font-size: 14px; overflow-wrap: break-word; hyphens: auto; } }
@media (max-width: 340px) {
  .cd .site-head .logo, .cd .site-head .g > .phone a { padding: 0 6px; }
  .cd .site-head .logo span { font-size: 12px; }
  .cd .site-head .g > .burger { width: 48px; height: 48px; min-height: 48px; }
}
/* Бургер: одинаковый отступ 6 px от круга до края пилюли со всех сторон */
@media (max-width: 860px) {
  .cd .site-head .g > .hd { min-height: 48px; }
  .cd .site-head .g { align-items: center; }
}
/* Отступ круга бургера до края пилюли всегда 6 px: логотип сжимается, бургер и телефон нет */
@media (max-width: 860px) {
  .cd .site-head .g > .hd:first-child { flex: 0 1 auto; min-width: 0; overflow: hidden; }
  .cd .site-head .g > .hd:first-child .logo { min-width: 0; max-width: 100%; }
  .cd .site-head .g > .hd:first-child .logo span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .cd .site-head .g > .phone, .cd .site-head .g > .burger { flex: none; }
  .cd .site-head .g > .burger { margin: 0; }
}
@media (max-width: 340px) { .cd .site-head .logo i { width: 24px; height: 18px; } .cd .site-head .logo { gap: 6px; padding: 0 4px; } }

/* Единый внутренний отступ карточек версии Альфы на десктопе: 48 px, как в «Наших службах» */
@media (min-width: 861px) {
  .al #statement > .st { padding: 64px 48px; }
  .al #klientam > .eg-head { padding: 48px 48px 24px; }
  .al #klientam .tb-list { margin-left: 48px; margin-right: 48px; }
  .al #klientam .tb-panel { padding: 32px 48px 48px; }
  .al #o-kompanii > * { padding: 48px; }
}

/* Телефон: чипы слоёв в столбик, кнопка «Оставить заявку» внизу hero */
@media (max-width: 860px) {
  .al .hero-sheet .hero-card > .h-act { order: 7; padding: 26px 0 0; }
  .al .hero-sheet .h-pick-l .tabs { flex-direction: column; align-items: flex-start; flex-wrap: nowrap; }
}

/* Комплексное обслуживание: тёмная полоса */
.al .g.card.st2 { position: relative; display: block; padding: 36px 48px; background: #1d1d1d; color: var(--on-dark); gap: 0; }
.al .g.card.st2 > * { background: transparent; padding: 0; box-shadow: none; border-radius: 0; }
.al .g.card.st2 > .chip { display: inline-flex; background: #3a3a3a; color: var(--on-dark); padding: 7px 14px; border-radius: 999px; }
.al .st2-line { margin: 14px 0 0; max-width: 40em; font-size: clamp(20px, 2.1vw, 30px); line-height: 1.25; font-weight: 700; letter-spacing: -.01em; color: #b9bdc2; }
.al .st2-line span { color: #fff; }
.al .st2-f { margin: 14px 0 0; font-size: 15px; font-weight: 500; color: #9aa0a6; }
@media (max-width: 860px) { .al .g.card.st2 { padding: 32px 24px; } .al .st2-line { font-size: 22px; } }
/* Цитата на телефоне: фото остаётся кругом (ширина и минимальная ширина равны высоте) */
@media (max-width: 760px) { .al .qt-ph { width: 140px; min-width: 140px; height: 140px; aspect-ratio: 1; } }
@media (max-width: 760px) { .al .qt-one { gap: 20px; padding: 28px 24px; } .al .qt-body { padding: 0; } }
/* Цитата: фото, имя и должность одним блоком на всех экранах */
.al .qt-person { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.al .qt-person .qt-cap { display: flex; flex-direction: column; align-items: center; gap: 2px; margin: 0; }
@media (max-width: 760px) { .al .qt-person { align-items: flex-start; text-align: left; gap: 14px; } .al .qt-person .qt-cap { align-items: flex-start; } }

/* Финал: «Как оставить заявку». Слева призыв и кнопка, справа способы связи крупно, разделены линиями */
.al .g.card.cx { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; align-items: start; padding: 56px 48px; gap: 64px; background: #262626; color: var(--on-dark); }
.al .g.card.cx > * { background: transparent; padding: 0; box-shadow: none; border-radius: 0; }
.al .cx .chip { background: #3a3a3a; color: var(--on-dark); }
.al .cx-h { margin: 18px 0 0; font-size: clamp(30px, 3.6vw, 56px); line-height: 1.05; font-weight: 700; letter-spacing: -.02em; max-width: 12em; text-wrap: balance; }
.al .cx-note { margin: 20px 0 0; font-size: 16px; color: #b9bdc2; max-width: 28em; }
.al .cx .pill { margin-top: 32px; background: #fff; color: var(--ink); }
.al .cx .pill:hover { background: #e9ebee; }
.al .cx-list { list-style: none; margin: 0; padding: 0; }
.al .cx-list li { display: grid; gap: 8px; padding: 28px 0; border-top: 1px solid rgba(255, 255, 255, .14); }
.al .cx-list li:first-child { border-top: 0; padding-top: 4px; }
.al .cx-l { font-size: 14px; letter-spacing: .02em; color: #9aa0a6; }
.al .cx-v { display: grid; gap: 4px; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.2; font-weight: 700; letter-spacing: -.01em; overflow-wrap: anywhere; }
.al .cx-v a { color: #fff; text-decoration: none; }
.al .cx-v a:hover { text-decoration: underline; text-underline-offset: 4px; }
.al .cx-todo { font-size: 18px; font-weight: 500; color: #b9bdc2; }
@media (max-width: 860px) {
  .al .g.card.cx { grid-template-columns: 1fr; gap: 28px; padding: 36px 24px; }
  .al .cx-list li { padding: 22px 0; }
}
.al .cx-list li::before, .al .cx-list li::after { content: none !important; display: none !important; }
.al .cx-list li { position: static; margin: 0; }
.al .cx-list li { padding-left: 0 !important; padding-right: 0 !important; }
.al .cx .pill { white-space: nowrap; }
.al .cx .pill { width: max-content; max-width: 100%; overflow: visible; }
/* Финал: способы связи как действия, форма первой строкой */
.al .cx-l { font-size: 15px; font-weight: 600; color: #b9bdc2; letter-spacing: 0; }
.al .cx-form { gap: 16px; justify-items: start; }
.al .cx-form .cx-t { font-size: clamp(18px, 1.6vw, 22px); font-weight: 500; line-height: 1.3; color: #fff; letter-spacing: 0; max-width: 24em; }
.al .cx-form .pill { margin-top: 0; background: #fff; color: var(--ink); }
.al .cx-h { max-width: 14em; }
.al .cx-h { font-size: clamp(28px, 3vw, 46px); max-width: 15em; }
@media (max-width: 860px) { .al .g.card.cx { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; } .al .cx-h { font-size: 30px; } }
.al .g.card.cx > * { grid-column: auto !important; }
/* Финал, лёгкая версия: заголовок и кнопка слева, три коротких контакта справа */
.al .cx-lite { padding: 48px; gap: 48px; align-items: center; }
.al .cx-lite .cx-h { margin-top: 16px; }
.al .cx-lite .pill { margin-top: 26px; }
.al .cx-lite .cx-note { margin-top: 16px; font-size: 14px; color: #9aa0a6; }
.al .cx-lite .cx-list li { padding: 18px 0; gap: 4px; }
.al .cx-lite .cx-list li:first-child { padding-top: 0; }
.al .cx-lite .cx-list li:last-child { padding-bottom: 0; }
.al .cx-lite .cx-l { font-size: 14px; font-weight: 500; color: #9aa0a6; }
.al .cx-lite .cx-v { font-size: clamp(20px, 2vw, 28px); gap: 2px; }
.al .cx-lite .cx-todo { font-size: 16px; }
@media (max-width: 860px) { .al .cx-lite { padding: 32px 24px; gap: 28px; } }

/* ===== «Сетка»: блок «Услуги», квадратная сетка с линиями без скруглений ===== */
.gr:not(.cd) .g.us { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gr:not(.cd) .g.us > * { grid-column: auto; padding: calc(var(--u) * 1.5); }
.gr:not(.cd) .g.us > .us-head { grid-column: 1 / -1; }
.gr:not(.cd) .us-h { margin: 14px 0 0; font-size: clamp(26px, 2.8vw, 42px); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; max-width: 18em; text-wrap: balance; }
.gr:not(.cd) .us-col { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.gr:not(.cd) .us-photo { align-self: stretch; aspect-ratio: 16 / 10; min-height: 0; }
.gr:not(.cd) .us-t { display: flex; align-items: center; gap: 14px; }
.gr:not(.cd) .us-t .pl { display: inline-grid; place-items: center; width: 48px; height: 48px; background: var(--ink); color: #fff; flex: none; position: relative; }
.gr:not(.cd) .us-t .pl .ico { width: 24px; height: 24px; fill: currentColor; }
.gr:not(.cd) .us-t .pl::after { content: ""; position: absolute; right: -4px; top: -4px; width: 12px; height: 12px; background: var(--c); }
.gr:not(.cd) .us-t h3 { margin: 0; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.15; }
.gr:not(.cd) .us-col ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.gr:not(.cd) .us-col li { position: relative; padding-left: 18px; font-size: 16px; line-height: 1.35; font-weight: 500; }
.gr:not(.cd) .us-col li::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; background: var(--ink); }
.gr:not(.cd) .us-col .btn { margin-top: auto; width: auto; }
@media (max-width: 1100px) { .gr:not(.cd) .g.us { grid-template-columns: 1fr; } .gr:not(.cd) .us-photo { aspect-ratio: auto; height: 200px; } }
@media (max-width: 640px) { .gr:not(.cd) .us-photo { height: 150px; } }
@media (min-width: 861px) { .gr:not(.cd) .g.hero .h-img > .hero-fig { width: min(100%, calc((100svh - 140px) * 1.333)); margin: 0 auto; } }

/* «Услуги» внутри тёмного листа hero: белая карточка на той же подложке, отступ как между карточками */

/* ===== «Услуги»: одна карточка с линиями 1 px, фото-плёнка от края до края, три равные ячейки ===== */
.al .g.card.us { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.al .g.card.us > * { grid-column: auto !important; padding: 0; }
.al .g.card.us > .us-head { grid-column: 1 / -1 !important; padding: 48px 48px 40px; }
.al .us-h { margin: 18px 0 0; font-size: clamp(26px, 2.8vw, 42px); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; max-width: 18em; text-wrap: balance; }
.al .us-col { display: flex; flex-direction: column; }
.al .us-col > .us-photo { width: 100%; aspect-ratio: 2 / 1; min-height: 0; border-radius: 0; }
.al .us-body { display: flex; flex-direction: column; gap: 22px; padding: 36px 48px 48px; }
.al .us-t { display: flex; align-items: center; gap: 14px; }
.al .us-t .pl { display: inline-grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: var(--c); color: #fff; }
.al .us-t .pl .ico { width: 26px; height: 26px; fill: currentColor; }
.al .us-t h3 { margin: 0; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.15; }
.al .us-body ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; }
.al .us-body li { padding: 11px 0; border-top: 1px solid var(--cd-line); font-size: 16px; line-height: 1.35; font-weight: 500; }
.al .us-body li:first-child { border-top: 0; padding-top: 0; }
.al .us-body li::before, .al .us-body li::after { content: none !important; display: none !important; }
@media (max-width: 1100px) { .al .g.card.us { grid-template-columns: minmax(0, 1fr); } .al .us-col > .us-photo { aspect-ratio: auto; height: 200px; } .al .g.card.us > .us-head { padding: 36px 24px 28px; } .al .us-body { padding: 28px 24px 36px; } }
@media (max-width: 640px) { .al .us-col > .us-photo { height: 150px; } }
.al .us-body li { padding-left: 0 !important; padding-right: 0 !important; }

/* Дом в hero крупнее: без обрезки рамкой. В картинке дом занимает около 75% ширины и 84% высоты (антенна у верхнего края), фон картинки и карточки hero белые, поэтому увеличенная картинка выходит за рамку бесшовно. Масштаб применяется к основе и всем слоям, маски подсветки совпадают. */
.al .hero-fig img { transform: scale(1.2); transform-origin: 50% 42%; }
/* белый фон увеличенной картинки не должен закрывать соседний контент: обрезка по рамке слева, справа и снизу, вверх запас на антенну */
.al .hero-fig { clip-path: inset(-12% 0 0 0); padding-bottom: 9%; } /* запас снизу = выход увеличенной картинки (иначе нижний край дома обрезается рамкой) */
@media (max-width: 860px) { .al .hero-fig { margin-top: 20px; padding-bottom: 4%; } .al .hero-fig img { transform: scale(1.08); } }

/* Белый фон увеличенной картинки не должен выходить за карточку hero */
.al .hero-sheet .g.hero { overflow: clip; }
.gr:not(.cd) .g.hero { overflow: clip; }
/* «Сетка»: фон страницы серый, увеличенный белый фон картинки наезжал бы на соседние ячейки, масштаб только для «Карточек в стиле Альфы» */
.gr:not(.cd) .hero-fig img { transform: none; }
/* «Сетка»: дом по центру ячейки по высоте. В картинке пустое поле снизу (около 16%) больше, чем сверху, поэтому ещё сдвиг на 8% высоты картинки вниз, чтобы по центру был именно дом */
.gr:not(.cd) .g.hero > .h-img { justify-content: center; }
@media (min-width: 861px) { .gr:not(.cd) .hero-fig img { transform: translateY(8%); } }
/* картинка не выходит за свою ячейку и не закрывает соседние блоки */
.gr:not(.cd) .g.hero > .h-img { overflow: hidden; }

/* «Услуги»: фото внутри ячейки с теми же отступами, что у текста, скругление 20 px */
.al .g.card.us > .us-col { padding: 40px 48px 48px; gap: 24px; }
.al .us-col > .us-photo { border-radius: 20px; }
.al .us-body { padding: 0; }
@media (max-width: 1100px) { .al .g.card.us > .us-col { padding: 28px 24px 36px; } .al .us-body { padding: 0; } }

/* «Форматы сотрудничества»: строка крупных названий с чёрными точками-маркерами, без линий (линии выглядели как аккордеон или список ссылок), как в «Сетке» */
.al #formaty > .fm { display: block; padding: 48px; }
.al #formaty .fm .chip { margin: 0; }
.al #formaty .fm ul { display: flex; flex-wrap: wrap; gap: 14px 48px; margin: 28px 0 0; padding: 0; list-style: none; }
.al #formaty .fm li { position: relative; display: block; margin: 0; padding: 0 0 0 26px; border: 0; border-radius: 0; background: none; font-size: clamp(22px, 2.2vw, 32px); line-height: 1.15; font-weight: 700; letter-spacing: -.015em; }
.al #formaty .fm li::before { content: ""; display: block; position: absolute; left: 0; top: .5em; width: 12px; height: 12px; border-radius: 50%; background: var(--ink); }
@media (max-width: 860px) { .al #formaty > .fm { padding: 32px 24px; } .al #formaty .fm ul { gap: 12px 28px; } }

/* CRM: подпись-заглушка читается поверх скриншота, белая плашка */
.gr .bgph.crm-img .ph-tag { top: 14px; left: 14px; z-index: 2; padding: 6px 12px; background: #fff; color: var(--ink); font-size: 12px; font-weight: 500; line-height: 1.3; max-width: calc(100% - 28px); }
.cd .bgph.crm-img .ph-tag { border-radius: 14px; }

/* ===== FAQ (раздел 4.2 doc заказчика): аккордеон на <details>, одна карточка ===== */
.al .g.card.fq { display: block; padding: 48px; gap: 0; background: var(--cd-card); }
.al .g.card.fq > * { grid-column: auto; background: transparent; padding: 0; border-radius: 0; box-shadow: none; }
.al .fq-head { padding-bottom: 24px !important; }
.al .fq-h { margin: 18px 0 0; font-size: clamp(26px, 2.8vw, 42px); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; }
.al .fq-i { border-top: 1px solid var(--cd-line); }
.al .fq-i:last-child { border-bottom: 1px solid var(--cd-line); }
.al .fq-i summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; cursor: pointer; list-style: none; font-size: clamp(20px, 2vw, 28px); line-height: 1.2; font-weight: 700; letter-spacing: -.01em; }
.al .fq-i summary::-webkit-details-marker { display: none; }
.al .fq-i summary::after { content: ""; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #f2f4f6 linear-gradient(var(--ink), var(--ink)) center / 14px 2px no-repeat; position: relative; }
.al .fq-i summary:hover::after { background-color: #e4e7ea; }
.al .fq-i summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; border-radius: 12px; }
.al .fq-i .fq-a { padding: 0 68px 28px 0; font-size: 17px; line-height: 1.5; color: #3d4248; max-width: 52em; }
.al .fq-i .fq-a p { margin: 0; }
@media (max-width: 860px) { .al .g.card.fq { padding: 32px 24px; } .al .fq-i summary { padding: 20px 0; } .al .fq-i .fq-a { padding-right: 0; } }
.al .fq-i summary::after { background-color: #f2f4f6; background-image: linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)); background-position: center, center; background-repeat: no-repeat; background-size: 14px 2px, 2px 14px; transition: background-size .2s ease; }
.al .fq-i[open] summary::after { background-size: 14px 2px, 2px 0; }
.al .fq-i summary:hover::after { background-color: #e4e7ea; }
@media (prefers-reduced-motion: reduce) { .al .fq-i summary::after { transition: none; } }

/* ===== «Сетка»: FAQ, квадратные ячейки с линиями 1 px ===== */
.gr:not(.cd) .g.fq > .s12 { grid-column: 1 / -1; }
.gr:not(.cd) .fq-h { margin: 14px 0 0; font-size: clamp(26px, 2.8vw, 42px); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; }
.gr:not(.cd) .fq-i summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; font-size: clamp(20px, 2vw, 28px); line-height: 1.2; font-weight: 700; }
.gr:not(.cd) .fq-i summary::-webkit-details-marker { display: none; }
.gr:not(.cd) .fq-i summary::after { content: ""; flex: none; width: 40px; height: 40px; border: 1px solid var(--ink); background-image: linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)); background-position: center, center; background-repeat: no-repeat; background-size: 14px 2px, 2px 14px; }
.gr:not(.cd) .fq-i[open] summary::after { background-size: 14px 2px, 2px 0; background-color: var(--ink); background-image: linear-gradient(#fff, #fff); background-size: 14px 2px; }
.gr:not(.cd) .fq-i summary:hover::after { background-color: var(--bg2); }
.gr:not(.cd) .fq-i[open] summary:hover::after { background-color: #3b3b3b; }
.gr:not(.cd) .fq-i summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.gr:not(.cd) .fq-i .fq-a { padding: 16px 64px 0 0; font-size: 17px; line-height: 1.5; color: #3d4248; max-width: 52em; }
.gr:not(.cd) .fq-i .fq-a p { margin: 0; }
@media (max-width: 860px) { .gr:not(.cd) .fq-i .fq-a { padding-right: 0; } }

/* Финал: вторичная ссылка «Получить консультацию» (doc: две кнопки призыва) рядом с главной кнопкой */
.al .cx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 26px; }
.al .cx-actions .pill { margin-top: 0 !important; }
.al .cx-ghost { color: var(--on-dark); font-size: 16px; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .45); text-underline-offset: 5px; text-decoration-thickness: 1.5px; }
.al .cx-ghost:hover { text-decoration-color: #fff; }
.gr:not(.cd) .final-ghost { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.gr:not(.cd) .final-ghost:hover { text-decoration-thickness: 2px; }
/* FAQ: нижняя линия последнего пункта лишняя */
.al .fq-i:last-child { border-bottom: 0; }

/* Пунктирные заглушки «рыбы» в «Карточках»: скругление как у остальных элементов (на странице всё круглое) */
.al .ph { border-radius: 20px; }
/* FAQ: отступ сверху и снизу карточки одинаковый (последний пункт без собственного нижнего отступа) */
.al .fq-i:last-child summary { padding-bottom: 0; }
.al .fq-i:last-child .fq-a { padding-bottom: 0; }
.al .fq-i:last-child[open] .fq-a { padding-top: 20px; }

/* Подписи блока «О компании» (.num) были серыми квадратами среди круглых чипов, теперь пилюли как все чипы */
.al .num { border-radius: 999px; }

/* «О компании»: заглушки это фото (сканы лицензий, портреты команды, логотипы), поэтому кадры с пропорциями по три в ряд на всех ширинах, а не строки. Лицензии и команда 3:4, логотипы 3:2 по три в ряд. На планшете и телефоне группы друг под другом. */
#o-kompanii .slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#o-kompanii .slots.s6x { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#o-kompanii .slots .ph { min-height: 0; aspect-ratio: 3 / 4; padding: 6px; font-size: 11px; line-height: 1.25; text-align: center; }
#o-kompanii .slots.s6x .ph { aspect-ratio: 3 / 2; }
@media (min-width: 601px) and (max-width: 860px) { #o-kompanii .slots .ph { aspect-ratio: 4 / 3; } #o-kompanii .slots.s6x .ph { aspect-ratio: 3 / 2; } }

/* ===== Форма заявки («Карточки в стиле Альфы»): карточка по центру, слева тёмная панель, справа светлая форма, круглая кнопка закрытия, чёрная кнопка внизу ===== */
.al dialog.req.rq { width: min(1040px, calc(100vw - 24px)); height: auto; max-width: none; max-height: calc(100dvh - 24px); margin: auto; padding: 0; border: 0; border-radius: 32px; background: #fff; color: var(--ink); overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .4); }
.al dialog.req.rq::backdrop { background: rgba(10, 10, 10, .72); }
.al dialog.req.rq:not([open]):target { display: block; position: fixed; inset: 12px; margin: auto; height: fit-content; z-index: 50; }
.al .rq-card { display: grid; grid-template-columns: 5fr 7fr; max-height: calc(100dvh - 24px); }
.al .rq-side { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 40px; background: #1d1d1d; color: var(--on-dark); overflow: auto; }
.al .rq-side .chip { background: #3a3a3a; color: var(--on-dark); }
.al .rq-title { margin: 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.05; font-weight: 700; letter-spacing: -.02em; overflow-wrap: anywhere; hyphens: auto; }
.al .rq-side .mute { margin: 0; font-size: 15px; line-height: 1.45; color: #b9bdc2; }
.al .rq-main { position: relative; display: flex; flex-direction: column; min-height: 0; background: #fff; }
.al .rq-scroll { overflow: auto; padding: 72px 36px 32px; }
.al .rq-close { position: absolute; top: 16px; right: 16px; z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #f2f4f6; color: var(--ink); text-decoration: none; transition: background-color .15s ease; }
.al .rq-close:hover { background: #e4e7ea; }
.al .rq-close .ico { width: 20px; height: 20px; fill: currentColor; }
.al .rq-form.req-form { overflow: visible; background: transparent; padding: 0; }
.al .rq-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.al .rq-form .field { margin-bottom: 14px; }
.al .rq-send { display: flex; width: 100%; min-height: 56px; justify-content: center; }
.al .rq-call { margin: 14px 0 0; text-align: center; font-size: 15px; color: #666; }
.al .rq-call a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.al .rq-done[hidden] { display: none; }
.al .rq-done { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 0 8px; }
.al .rq-done .pl { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--ink); color: #fff; }
.al .rq-done .pl .ico { width: 28px; height: 28px; fill: currentColor; }
.al .rq-dh { margin: 0; font-size: clamp(26px, 3vw, 36px); line-height: 1.05; font-weight: 700; letter-spacing: -.02em; }
.al .rq-done p { margin: 0; max-width: 28em; font-size: 17px; }
.al .rq-card.done .rq-form { display: none; }
/* выпадающий список выбора продолжает форму: светлый, скруглённый, без чёрной строки */
.al .dd-list { top: calc(100% + 6px); padding: 6px; border: 0; border-radius: 22px; background: #fff; box-shadow: 0 14px 36px rgba(0, 0, 0, .16), 0 0 0 1px rgba(20, 24, 30, .08); max-height: 260px; overflow: auto; }
.al .dd-list li { padding: 12px 44px 12px 16px; border-bottom: 0; border-radius: 16px; font-size: 15px; font-weight: 500; }
.al .dd-list li.act, .al .dd-list li:hover { background-color: #f2f4f6; color: var(--ink); }
.al .dd-list li[aria-selected="true"] { font-weight: 700; }
.al .dd-list li.act[aria-selected="true"], .al .dd-list li[aria-selected="true"]:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23151515'%3E%3Cpath d='M227.32%2C73.37%2C105.37%2C195.31a6%2C6%2C0%2C0%2C1-8.48%2C0l-56-56a6%2C6%2C0%2C0%2C1%2C8.48-8.48L101.13%2C182.6%2C218.83%2C64.89a6%2C6%2C0%2C0%2C1%2C8.49%2C8.48Z'/%3E%3C/svg%3E"); }
@media (max-width: 860px) {
  .al dialog.req.rq { width: 100vw; max-height: 100dvh; margin: auto 0 0; border-radius: 28px 28px 0 0; }
  .al .rq-card { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); max-height: 100dvh; }
  .al .rq-side { padding: 24px 64px 20px 20px; gap: 12px; }
  .al .rq-side .mute { display: none; }
  .al .rq-title { font-size: 26px; }
  .al .rq-scroll { padding: 20px 20px 24px; }
  .al .rq-close { top: 12px; right: 12px; background: #2c2c2c; color: #fff; }
  .al .rq-close:hover { background: #3a3a3a; }
  .al .rq-row { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .al .rq-close { transition: none; } }


/* Форма заявки на весь экран, как в «Сетке»: слева тёмная панель, справа светлая область с формой; кнопка внизу на белом (липкая), крестик в кружке */
.al dialog.req.rq { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; border-radius: 0; box-shadow: none; }
.al dialog.req.rq:not([open]):target { inset: 0; height: 100dvh; }
.al .rq-card { height: 100dvh; max-height: none; }
.al .rq-side { padding: 56px 48px; }
.al .rq-title { font-size: clamp(32px, 4vw, 60px); }
.al .rq-scroll { padding: 96px 56px 0; }
.al .rq-scroll > * { max-width: 640px; margin-left: auto; margin-right: auto; }
.al .rq-foot { position: sticky; bottom: 0; background: #fff; padding: 14px 0 28px; margin-top: 8px; }
@media (max-width: 860px) {
  .al dialog.req.rq { height: 100dvh; margin: 0; border-radius: 0; }
  .al .rq-card { height: 100dvh; }
  .al .rq-scroll { padding: 20px 20px 0; }
  .al .rq-foot { padding: 12px 0 20px; }
}
.al .rq-scroll { display: flex; flex-direction: column; min-height: 0; }
.al .rq-scroll > .rq-form { flex: 1; display: flex; flex-direction: column; width: 100%; }
.al .rq-foot { margin-top: auto; }
.al .rq-scroll { flex: 1 1 auto; }
@media (max-width: 860px) { .al .rq-main { position: static; } }

/* Выпадающий список: равные поля вокруг подсветки (6 px со всех сторон), текст пунктов на одной линии с текстом в поле (16 px), галочка на одной линии со стрелкой (14 px) */
.al .dd-list { padding: 6px !important; }
.al .dd-list li { padding: 12px 38px 12px 10px; background-position: right 8px center; }
.al .dd-list li { padding-left: 10px !important; }

/* Форма: «Какие системы» несколько вариантов сразу (переключаемые чипы-галочки вместо выпадающего списка) */
.req-form fieldset.cbg { border: 0; padding: 0; min-width: 0; margin: 0 0 14px; }
.req-form .cbg legend { display: block; padding: 0; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--ink); }
.req-form .cbg-list { display: flex; flex-wrap: wrap; gap: 8px; }
.req-form .cbg-i { position: relative; display: block; margin: 0; cursor: pointer; }
.req-form .cbg-i input[type=checkbox] { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.req-form .cbg-i span { display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 20px; font-size: 15px; font-weight: 500; line-height: 1.2; color: var(--ink); background: #e1e1e1; transition: background-color .15s ease, color .15s ease; }
.req-form .cbg-i:hover span { background: #d8d8d8; }
.req-form .cbg-i input:checked + span { background: var(--ink); color: #fff; }
.req-form .cbg-i input:checked + span::before { content: ""; width: 14px; height: 14px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='%23fff' stroke-width='22' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 136l56 56 120-128'/%3E%3C/svg%3E"); }
.req-form .cbg-i input:focus-visible + span { outline: 2px solid var(--ink); outline-offset: 2px; }
.al .req-form .cbg-i span { border-radius: 999px; background: #eceef0; }
.al .req-form .cbg-i:hover span { background: #e3e6e9; }
.al .req-form .cbg-i input:checked + span { background: var(--ink); }
@media (prefers-reduced-motion: reduce) { .req-form .cbg-i span { transition: none; } }
.al .rq-form textarea { min-height: 96px; }


/* «Сетка»: окно заявки по структуре как в «Карточках» (rq-*), углы прямые */
.gr:not(.cd) .rq-card { display: grid; grid-template-columns: 5fr 7fr; height: 100dvh; gap: 1px; background: var(--line); }
.gr:not(.cd) .rq-side { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 56px 48px; background: var(--dark); color: var(--on-dark); overflow: auto; }
.gr:not(.cd) .rq-side .chip { background: rgba(255,255,255,.14); color: var(--on-dark); }
.gr:not(.cd) .rq-side .mute { margin: 0; font-size: 15px; line-height: 1.45; color: #b5b5b5; }
.gr:not(.cd) .rq-title { margin: 0; font-size: clamp(32px, 4vw, 60px); line-height: .96; font-weight: 700; letter-spacing: -.02em; overflow-wrap: anywhere; hyphens: auto; }
.gr:not(.cd) .rq-main { position: relative; display: flex; flex-direction: column; min-height: 0; background: var(--bg); }
.gr:not(.cd) .rq-scroll { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; overflow: auto; padding: 96px 56px 0; }
.gr:not(.cd) .rq-scroll > * { max-width: 640px; margin-left: auto; margin-right: auto; }
.gr:not(.cd) .rq-scroll > .rq-form { flex: 1; display: flex; flex-direction: column; width: 100%; }
.gr:not(.cd) .rq-form.req-form { grid-column: auto; grid-row: auto; overflow: visible; background: transparent; padding: 0; }
.gr:not(.cd) .rq-close { position: absolute; top: 16px; right: 16px; z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; background: var(--bg2); color: var(--ink); text-decoration: none; }
.gr:not(.cd) .rq-close:hover { background: #d8d8d8; }
.gr:not(.cd) .rq-close .ico { width: 20px; height: 20px; fill: currentColor; }
.gr:not(.cd) .rq-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.gr:not(.cd) .rq-foot { position: sticky; bottom: 0; margin-top: auto; padding: 14px 0 28px; background: var(--bg); }
.gr:not(.cd) .rq-send { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; border: 0; font: inherit; font-weight: 600; cursor: pointer; background: var(--ink); color: var(--on-dark); }
.gr:not(.cd) .rq-send:hover { background: #333; }
.gr:not(.cd) .rq-form textarea { min-height: 96px; }
.gr:not(.cd) .rq-done[hidden] { display: none; }
.gr:not(.cd) .rq-done { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 0 8px; }
.gr:not(.cd) .rq-done .pl { display: inline-grid; place-items: center; width: 56px; height: 56px; background: var(--ink); color: #fff; }
.gr:not(.cd) .rq-done .pl .ico { width: 28px; height: 28px; fill: currentColor; }
.gr:not(.cd) .rq-dh { margin: 0; font-size: clamp(26px, 3vw, 36px); line-height: 1.05; font-weight: 700; letter-spacing: -.02em; }
.gr:not(.cd) .rq-done p { margin: 0; max-width: 28em; font-size: 17px; }
.gr:not(.cd) .rq-card.done .rq-form { display: none; }
@media (max-width: 860px) {
  .gr:not(.cd) .rq-card { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  .gr:not(.cd) .rq-side { padding: 24px 64px 20px 20px; gap: 12px; }
  .gr:not(.cd) .rq-side .mute { display: none; }
  .gr:not(.cd) .rq-title { font-size: 28px; }
  .gr:not(.cd) .rq-main { position: static; }
  .gr:not(.cd) .rq-scroll { padding: 20px 20px 0; }
  .gr:not(.cd) .rq-close { top: 12px; right: 12px; background: #2c2c2c; color: #fff; }
  .gr:not(.cd) .rq-close:hover { background: #3a3a3a; }
  .gr:not(.cd) .rq-row { grid-template-columns: 1fr; }
  .gr:not(.cd) .rq-foot { padding: 12px 0 20px; }
}

/* «Сетка»: «Наша задача» тёмной полосой между «Услугами» и «Службами» */
.gr:not(.cd) #manifest .manifest { background: #1d1d1d; color: var(--on-dark); }
.gr:not(.cd) #manifest .eyebrow { background: #3a3a3a; color: var(--on-dark); }
.gr:not(.cd) #manifest .mf-big { color: #fff; }
.gr:not(.cd) #manifest .mf-sub { color: #b9bdc2; }

/* «Карточки»: «Наша задача» крупнее обычной полосы st2 */
.al #manifest .st2-line { max-width: 24em; font-size: clamp(26px, 3.2vw, 48px); line-height: 1.1; color: #fff; letter-spacing: -.01em; }
.al #manifest .st2-f { max-width: 46em; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.4; margin-top: 22px; color: #b9bdc2; }
.al .g.card.st2#manifest { padding: 56px 48px; }
@media (max-width: 860px) { .al .g.card.st2#manifest { padding: 36px 24px; } .al #manifest .st2-line { font-size: 26px; } }

/* «Карточки»: шапка «Наших служб» чуть темнее (пользователь вернул прежний серый) */
.al .g.card.sv > .sv-head { background: #f0f0f0; }

/* Схема работы: подпись к шагу */
.vstack .st-tx { display: grid; gap: 4px; min-width: 0; }
.vstack .st-tx p { margin: 0; font-size: 14px; line-height: 1.4; font-weight: 500; color: var(--mute); max-width: 46ch; }

/* ==== colors-grid.css ==== */
/* Точечная раскраска, вариант «Сетка». Сгенерировано tools/apply_colors3.py, руками не править. Принципы: spec/COLORS.md. */
html:not([data-pol="dark"]) body.gr:not(.cd) { --bg:#f4f4ef; --bg2:#f1f0ed; --ink:#111111; --mute:#55554f; --line:#e3e3e0; --dark:#111111; --on-dark:#ffffff; --accent:#a4d040; --on-accent:#111111; --accent-d:#a4d040; --accent-2:#266ed3; --signal:#bbe75f; --common:#a4d040; --c-el:#9f5102; --cf-el:#ff8830; --ct-el:#feeddb; --co-el:#ffffff; --c-pi:#0060a6; --cf-pi:#03abec; --ct-pi:#e1f3ff; --co-pi:#ffffff; --c-lc:#530078; --cf-lc:#a434c2; --ct-lc:#f8ebfe; --co-lc:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) [data-l="el"], html:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="el"] { --c:var(--c-el); --cf:var(--cf-el); --ct:var(--ct-el); --co:var(--co-el); }
html:not([data-pol="dark"]) body.gr:not(.cd) [data-l="pi"], html:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="pi"] { --c:var(--c-pi); --cf:var(--cf-pi); --ct:var(--ct-pi); --co:var(--co-pi); }
html:not([data-pol="dark"]) body.gr:not(.cd) [data-l="lc"], html:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="lc"] { --c:var(--c-lc); --cf:var(--cf-lc); --ct:var(--ct-lc); --co:var(--co-lc); }
html:not([data-pol="dark"]) body.gr:not(.cd) [data-l="all"] { --c:var(--accent); --cf:var(--accent); --ct:#f1f0ed; --co:var(--on-accent); }
html:not([data-pol="dark"]) body.gr:not(.cd) .sk .audit .mute { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .g > .dk .mute,
html:not([data-pol="dark"]) body.gr:not(.cd) .g > .dk .eyebrow { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .hd.dk .logo i { background:repeating-linear-gradient(45deg, #3c3c3c 0 4px, #111111 4px 8px); }
html:not([data-pol="dark"]) body.gr:not(.cd) .hd.dk .logo small { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .link-card:hover { background:#222222; }
html:not([data-pol="dark"]) body.gr:not(.cd) .link-card .eyebrow,
html:not([data-pol="dark"]) body.gr:not(.cd) .link-card .mute { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-side .mute,
html:not([data-pol="dark"]) body.gr:not(.cd) .req-side .eyebrow { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sk .req-side .mute,
html:not([data-pol="dark"]) body.gr:not(.cd) .sk .req-side .eyebrow { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .chip { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .eg-cell.act:hover { background:#222222; }
html:not([data-pol="dark"]) body.gr:not(.cd) .link-card .chip { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .link-card .go { border-top:1px solid #3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo i { background:repeating-linear-gradient(45deg, #3c3c3c 0 4px, #111111 4px 8px); }
html:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo small,
html:not([data-pol="dark"]) body.gr:not(.cd) .ft .mute { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .ft .chip { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-done .rd-go:hover { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .fsw span { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .fsw button { border-left:1px solid #3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .fsw button:hover { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .mute { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-send:hover { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#222222; }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) #manifest .manifest { background:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow { background:#3c3c3c; }
html:not([data-pol="dark"]) body.gr:not(.cd) #manifest .mf-sub { color:#bcbcbc; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:checked + span { background:#111111; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:checked { background-color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:focus, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:focus, html:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:focus-visible, html:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { box-shadow:0 0 0 2px #a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:focus-visible + span, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:focus-visible { outline-color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-title { text-wrap:balance; hyphens:manual; overflow-wrap:break-word; }
html:not([data-pol="dark"]) body.gr:not(.cd) .logo i { width:60px; height:41px; border:0 !important; background:#ffffff !important; -webkit-mask:url(../assets/img/logo-mask.svg) center / contain no-repeat; mask:url(../assets/img/logo-mask.svg) center / contain no-repeat; }
html:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo i { width:92px; height:62px; }
@media (max-width:860px) { html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo i { width:46px; height:31px; } }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#ececec; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#d9d9d9; }
@media (max-width: 860px) { html:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#111111; color:#ffffff; } html:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#3c3c3c; } }
html:not([data-pol="dark"]) body.gr:not(.cd) { --cd-line:rgba(17,17,17,0.07); --cd-border:rgba(17,17,17,0.05); }

/* сигналы */
html:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .num-big { color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-line span { color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-line { color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-f { color:rgba(255,255,255,0.8); }
html:not([data-pol="dark"]) body.gr:not(.cd) .chip:not(.sub)::before { content:''; display:inline-block; width:8px; height:8px; margin:0; flex:none; background:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .chip:not(.sub) { gap:8px; }
html:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow, html:not([data-pol="dark"]) body.gr:not(.cd) .num { display:inline-flex; align-items:center; gap:8px; }
html:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .s4 .num { gap:0; }
html:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow::before, html:not([data-pol="dark"]) body.gr:not(.cd) .num::before { content:''; width:8px; height:8px; flex:none; border-radius:0; background:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .s4 .num::before { display:none; }
html:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow::before, html:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .eyebrow::before, html:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .eyebrow::before { background:#bbe75f; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head { background:linear-gradient(135deg,#e1ffb0 0%,#f4ffe4 100%) !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vside { background:transparent !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head .chip { background:#111111; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head .chip::before { background:#bbe75f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark:not(.hero-sheet) .chip::before, html:not([data-pol="dark"]) body.gr:not(.cd) .dkb .chip::before, html:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk .chip::before, html:not([data-pol="dark"]) body.gr:not(.cd) .cx .chip::before, html:not([data-pol="dark"]) body.gr:not(.cd) .st2 .chip::before, html:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip::before, html:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .chip::before { background:#bbe75f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .tb-list { background:#e7e7e7; }
html:not([data-pol="dark"]) body.gr:not(.cd) .tb-list button { color:#55554f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .tb-list button:not([aria-selected="true"]):hover { background:rgba(17,17,17,0.08); color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .tb-list [aria-selected="true"] { background:#111111; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h1, html:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h2, html:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h3, html:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h1, html:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h2, html:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h3 { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) .fq-i summary { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .dkb h1, html:not([data-pol="dark"]) body.gr:not(.cd) .dkb h2, html:not([data-pol="dark"]) body.gr:not(.cd) .dkb h3, html:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk h2, html:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk h3, html:not([data-pol="dark"]) body.gr:not(.cd) .cx h1, html:not([data-pol="dark"]) body.gr:not(.cd) .cx h2, html:not([data-pol="dark"]) body.gr:not(.cd) .cx h3, html:not([data-pol="dark"]) body.gr:not(.cd) .st2 h2, html:not([data-pol="dark"]) body.gr:not(.cd) .st2 h3, html:not([data-pol="dark"]) body.gr:not(.cd) .fin.dk h2, html:not([data-pol="dark"]) body.gr:not(.cd) .rq-side h2, html:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem h2, html:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem h3, html:not([data-pol="dark"]) body.gr:not(.cd) #final.cx-dark h2 { color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sxema h2, html:not([data-pol="dark"]) body.gr:not(.cd) #sxema h3 { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .mid { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .stat { color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head nav a:hover, html:not([data-pol="dark"]) body.gr:not(.cd) .hd.nav-cell nav a:hover { background:rgba(255,255,255,0.14); color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li::before { top:calc(.575em - 6px); }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(1)::before { background:#af3c3a; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(2)::before { background:#e48e26; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(3)::before { background:#90faa8; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(4)::before { background:#0adbfe; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(5)::before { background:#8673d9; }
html:not([data-pol="dark"]) body.gr:not(.cd) .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .chip.sub, html:not([data-pol="dark"]) body.gr:not(.cd) .num, html:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow { background:#e2e2e2; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark:not(.hero-sheet) .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .dkb .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .cx .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .st2 .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .chip, html:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .eyebrow, html:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow { background:#3c3c3c; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) .aud-c { background:#e5eefa; color:#266ed3; border-color:transparent; box-shadow:none; }
html:not([data-pol="dark"]) body.gr:not(.cd) .qt-body .ico.qt-ico { background:#e5eefa; color:#266ed3; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-t .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .svc-slide .ico, html:not([data-pol="dark"]) body.gr:not(.cd) .svc-slide .ico.eye { background: var(--ct, #f1f0ed); color: var(--c, #111111); }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-t .pl::after { display:none; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(1) .pl { background:#89312f; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(1) li::before { background:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(2) .pl { background:#774501; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(2) li::before { background:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(3) .pl { background:#03642b; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(3) li::before { background:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(4) .pl { background:#005d6d; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(4) li::before { background:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(5) .pl { background:#53448f; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(5) li::before { background:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="el"] li::before { background:#ff8830 !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="el"] h3 { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="pi"] li::before { background:#03abec !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="pi"] h3 { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="lc"] li::before { background:#a434c2 !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="lc"] h3 { color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .tabs-card .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .quote .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .vstack .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .link-card .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .eg-cell .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .fq .pl { background:#f1f0ed; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .ph-slot .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .tabs-card .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .quote .pl { display:inline-grid; place-items:center; }
html:not([data-pol="dark"]) body.gr:not(.cd) .ph-slot .pl { background:#e7e7e7; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .link-go, html:not([data-pol="dark"]) body.gr:not(.cd) .ft a { text-decoration-color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark .link-go, html:not([data-pol="dark"]) body.gr:not(.cd) .cx .link-go, html:not([data-pol="dark"]) body.gr:not(.cd) .dkb .link-go, html:not([data-pol="dark"]) body.gr:not(.cd) .ft a, html:not([data-pol="dark"]) body.gr:not(.cd) .g.ft a { text-decoration-color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open { background:#f4f4ef; padding-top:calc(var(--head-h, 60px) + 20px); }
html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a { font-family:var(--f-head, inherit); color:#0f0f0f; letter-spacing:.01em; border-bottom:1px solid #e3e3e0; padding-left:clamp(28px, 7vw, 56px); padding-right:clamp(28px, 7vw, 56px); }
html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on { background:rgba(164,208,64,0.22); color:#111111; box-shadow: inset 4px 0 0 #a4d040; -webkit-backdrop-filter:none; backdrop-filter:none; }
html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.is-on):not(.menu-cta):hover, html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.is-on):not(.menu-cta):active { background:rgba(17,17,17,0.06); color:#0f0f0f; }
html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on:hover { color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.menu-cta { background:#a4d040; color:#111111; border-bottom:0; justify-content:center; text-align:center; margin:auto clamp(28px, 7vw, 56px) 24px; min-height:56px; flex:none; border-radius:0 !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd { justify-content:center; text-align:center; }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.dk:not(.burger) .logo { justify-content:center; }
@media (max-width:860px) { html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.menu-cta) { justify-content:flex-start; text-align:left; padding:14px 24px; min-height:56px; } html:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on { box-shadow: inset 4px 0 0 #a4d040; } }
html:not([data-pol="dark"]) body.gr:not(.cd) .pill, html:not([data-pol="dark"]) body.gr:not(.cd) .req-send { background:#a4d040; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .pill:hover, html:not([data-pol="dark"]) body.gr:not(.cd) .req-send:hover { background:#bbdc70; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .tabs-nav a.is-on, html:not([data-pol="dark"]) body.gr:not(.cd) .site-head nav a.is-on { background:rgba(255,255,255,0.2); color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) svg.ico path { stroke:currentColor; stroke-width:12; stroke-linejoin:round; paint-order:stroke fill; }
html:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .eg-cell .pl { background:#a4d040; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap, html:not([data-pol="dark"]) body.gr:not(.cd) #sxema .s4.vwrap { background:#a4d040 !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap .pill { background:#111111; color:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap .chip { background:#111111; color:#ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk { border:0; background:#a4d040 !important; color:#111111; animation:none; font-size:clamp(20px, 2.2vw, 28px); letter-spacing:-.01em; }
html:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:hover { background:#bbdc70 !important; animation:none; filter:none; }
html:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:focus-visible { outline:3px solid #111111; outline-offset:-10px; }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head > .g { background:#292929; }
html:not([data-pol="dark"]) body.gr:not(.cd) .sep { background:#111111; color:#ffffff; }
html.sep-rail:not([data-pol="dark"]) body.gr:not(.cd) .sep .sep-n { background:#a4d040; color:#111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) .vstack .pl, html:not([data-pol="dark"]) body.gr:not(.cd) .fq .pl, html:not([data-pol="dark"]) body.gr:not(.cd) #kontakty .eg-cell:not(.act) .pl { background:#e6f2ca; color:#495a23; }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { display:flex; flex-direction:column; gap:20px; padding:0 0 clamp(24px, 2.4vw, 36px) !important; background:#f4f4ef; }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo { position:static; align-self:stretch; width:100%; height:auto !important; aspect-ratio:2 / 1; min-height:0; margin:0; border:0; padding:0; background:none; color:#bcbcbc; justify-content:center; align-items:center; position:relative; isolation:isolate; overflow:hidden; }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo::before { content:''; position:absolute; inset:0; z-index:-1; background:repeating-linear-gradient(45deg, #161616 0 8px, #1d1d1d 8px 16px); transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo::before, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:focus-within > .us-photo::before, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo img, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:focus-within > .us-photo img { transform:scale(1.06); }
@media (prefers-reduced-motion:reduce) { html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo::before, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo img { transition:none; } html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo::before, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo img { transform:none; } }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-t, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > ul { margin-left:clamp(20px, 2.4vw, 36px); margin-right:clamp(20px, 2.4vw, 36px); }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-t { margin-top:clamp(8px, 1vw, 12px); }
@media (max-width:1100px) { html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo { aspect-ratio:auto; height:200px !important; } }
html:not([data-pol="dark"]) body.gr:not(.cd) .h-img { overflow:hidden; }
html:not([data-pol="dark"]) body.gr:not(.cd) .h-img .hero-fig { transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html:not([data-pol="dark"]) body.gr:not(.cd) .h-img:hover .hero-fig { transform:scale(1.05); }
html:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img { overflow:hidden; }
html:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img { transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img:hover img { transform:scale(1.05); }
html:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo), html:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph { background-position:center; background-size:100% 100%; transition:background-size .6s cubic-bezier(.2,.7,.2,1); }
html:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):hover, html:not([data-pol="dark"]) body.gr:not(.cd) .qt-one:hover .qt-ph { background-size:106% 106%; }
@media (prefers-reduced-motion:reduce) { html:not([data-pol="dark"]) body.gr:not(.cd) .h-img .hero-fig, html:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img, html:not([data-pol="dark"]) body.gr:not(.cd) .ph, html:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph { transition:none; } html:not([data-pol="dark"]) body.gr:not(.cd) .h-img:hover .hero-fig, html:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img:hover img { transform:none; } html:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):hover, html:not([data-pol="dark"]) body.gr:not(.cd) .qt-one:hover .qt-ph { background-size:100% 100%; } }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.ac, html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone { background:#a4d040; }
html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone a, html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone a b { color:#111111; }
@media (max-width:860px) { html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo i { width:34px; height:23px; } html:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo span { font-size:13px; } }
html:not([data-pol="dark"]) body.gr:not(.cd) .fq-i[open] summary::after { background-color:#a4d040; background-image:linear-gradient(#111111,#111111); }

/* ==== grid-v2.css ==== */
/* «Сетка»: блоки-действия (кнопка заявки в hero, ячейка «Через форму на сайте» и другие тёмные кнопки-ячейки). Тёмная заливка, бордер 4 px из градиента янтарь, циан, фиолет: в покое виден, при наведении бежит. Решение пользователя 2026-11-08. */
body.gr a.cell-btn.dk, body.gr a.eg-cell.act, body.gr a.final-btn {
  --ring: linear-gradient(90deg, #fbac16, #44d4e2, #7f4bdc, #fbac16);
  --fill: #151515;
  border: 4px solid transparent;
  background: linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box !important;
  color: #fff;
}
body.gr a.eg-cell.act { --fill: #2c2c2c; }
body.gr a.cell-btn.dk:hover, body.gr a.eg-cell.act:hover { filter: none; animation: ring-run 2.4s linear infinite; }
body.gr a.cell-btn.dk:focus-visible, body.gr a.eg-cell.act:focus-visible { outline: 3px solid #fff; outline-offset: -10px; }
@keyframes ring-run { to { background-position: 300% 0, 300% 0; } }
@media (prefers-reduced-motion: reduce) { body.gr a.cell-btn.dk:hover, body.gr a.eg-cell.act:hover { animation: none; } }

/* «Сетка»: номер экрана как часть блока. ?sep=rail (по умолчанию) боковая шина на всю высоту блока, подпись липкая; ?sep=tab язычок в левом верхнем углу; ?t=0 только номера. Скрипт в конце grid.html переносит .sep внутрь следующего блока. */
body.gr .sep { display: none; box-sizing: border-box; font-size: 11px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 300; }
body.gr .g.has-sep { position: relative; }
body.gr .g.has-sep > .sep { display: block; position: absolute; left: 0; top: 0; z-index: 3; }
body.gr .sep span { font-weight: 300; }
body.gr .sep .sep-n { font-variant-numeric: tabular-nums; }
html.sep-nt body.gr .sep .sep-t { display: none; }
html.sep-rail body.gr { --rail: 22px; }
html.sep-rail body.gr .g.has-sep { padding-left: var(--rail); }
html.sep-rail body.gr .g.has-sep > .sep { top: 0; bottom: -1px; height: auto; width: var(--rail); min-width: 0; max-width: none; padding: 0 !important; margin: 0 !important; border: 0 !important; }
html.sep-rail body.gr .sep .sep-in { position: sticky; top: var(--head-h, 60px); display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 0; }
html.sep-rail body.gr .sep .sep-in { align-items: stretch; padding: 0 0 4px; }
html.sep-rail body.gr .sep .sep-n { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--rail); letter-spacing: 0; text-indent: 0; font-weight: 600; }
html.sep-rail body.gr .sep .sep-t { align-self: center; margin-top: 2px; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
html.sep-tab body.gr .g.has-sep { padding-top: 28px; }
html.sep-tab body.gr .g.has-sep > .sep { height: 28px; }
html.sep-tab body.gr .sep .sep-in { display: flex; align-items: center; gap: 12px; height: 28px; padding: 0 14px; }
@media (max-width: 860px) {
  body.gr .sep { font-size: 10px; }
  html.sep-rail body.gr { --rail: 20px; }
  html.sep-rail body.gr .sep .sep-in { padding: 0 0 4px; gap: 10px; }
  html.sep-tab body.gr .sep .sep-in { padding: 0 10px; gap: 8px; }
}

/* номера экранов в меню: в шапке лаймовым тонким, в панели мобильного меню лаймовой плашкой */
body.gr .site-head a .mn { font-weight: 300; font-size: .72em; letter-spacing: 0; margin-right: 7px; color: var(--accent); font-variant-numeric: tabular-nums; }
body.gr .menu-panel a .mn { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 22px; margin-right: 10px; background: var(--accent); color: var(--ink); font-weight: 600; font-size: 13px; }

/* «Службы» (выбрана проба a): заголовок плоский насыщенный лайм как ячейка «Схема работы», пять ячеек фоном страницы #f4f4f0 */
body.gr #sluzhby > article.sv-cell { background: #f4f4f0; }
html:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head { background: var(--accent) !important; }

/* «Качество сервиса»: светлый фон остаётся, текст усилен: вся строка чёрным, первая фраза на лаймовой маркерной подложке (прежний серый «хвост» отклонён) */
body.gr #statement .st-big { color: var(--ink); max-width: 24em; font-size: clamp(28px, 3.6vw, 56px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800; }
body.gr #statement .st-big span { background: var(--accent); color: var(--ink); padding: 0 .18em; margin-left: -.18em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.gr #statement .st-sub { color: var(--ink); font-weight: 600; }

/* «Для кого»: значки цветные, глубокий тон на бледной плашке того же тона (палитра «Служб») */
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(1) .pl { background: #e7e5ef; color: #53448f; }
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(2) .pl { background: #eee2e2; color: #89312f; }
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(3) .pl { background: #ece5db; color: #774501; }
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(4) .pl { background: #dbe8eb; color: #005d6d; }

/* CRM: ячейка «Получите бесплатный аудит» фоном #2c2c2c; кнопка «Оставить заявку» лаймовая, без отступов: до краёв ячейки слева, справа и снизу (правило сетки: кнопки без отступов) */
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk { background: #2c2c2c !important; padding: 0 !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .lc-top { padding: clamp(24px, 2.4vw, 36px); }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .go { display: flex; align-items: center; justify-content: center; margin: 0; padding: 24px; border-top: 0; background: var(--accent); color: var(--ink); font-size: clamp(18px, 1.8vw, 24px); font-weight: 700; }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk:hover .go { background: color-mix(in srgb, var(--accent) 75%, #ffffff); }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk:focus-visible { outline: 3px solid #ffffff; outline-offset: -6px; }

/* CRM: заголовок «Каждая заявка в CRM» акцентным лаймом (на тёмной подложке подписи) */
html:not([data-pol="dark"]) body.gr:not(.cd) #crm .cap .mid { color: var(--accent); }

/* CRM: чип «Бесплатный аудит» над значком */
body.gr #crm > a.link-card .lc-top > .chip { order: -1; }

/* у тёмных блоков нет светлой нижней границы: она давала светлую полосу 1 px между чёрным блоком и следующим */
body.gr #hero, body.gr #manifest, body.gr #obeshchaem, body.gr #crm, body.gr #final { border-bottom: 0; }

/* селектор формы: одна общая лаймовая рамка вокруг кнопки и открытого списка, чёрной рамки у списка нет */
html:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { box-shadow: 0 -2px 0 var(--accent), -2px 0 0 var(--accent), 2px 0 0 var(--accent); }
html:not([data-pol="dark"]) body.gr:not(.cd) .dd-list { left: -2px; right: -2px; border: 2px solid var(--accent); border-top: 0; }

/* форма заявки: поля тёплым тоном страницы (на ступень темнее #f4f4ef), а не холодно-серым #e1e1e1; hover темнее, фокус белый */
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form select, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea, html:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i span { background-color: #eaeae4; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i span { background: #eaeae4; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:hover, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form select:hover, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:hover, html:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:hover, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i:hover span { background-color: #e1e1da; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:focus, html:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:focus, html:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:focus-visible, html:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { background-color: #ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:checked + span { background: var(--ink); }
html:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:checked { background-color: var(--ink); }

/* «Услуги» и «Службы»: три колонки держатся до 861 px (раньше схлопывались уже на 1100 px), в одну колонку только на телефоне */
/* «Услуги»: три колонки держатся до последнего, до 641 px (по просьбе пользователя), в одну только на телефоне. «Службы» остаются как было: две колонки на 1100 px */
@media (min-width: 641px) and (max-width: 1100px) {
  body.gr:not(.cd) .g.us { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* «Связь» в две колонки: кнопка-ячейка «Через форму на сайте» тянется на две строки справа, чтобы не оставалось серого пробела под ней */
@media (min-width: 641px) and (max-width: 1100px) {
  body.gr .eg4 > a.eg-cell.act { grid-column: 2; grid-row: 2 / span 2; }
}

/* «Услуги» на 641-860 px: заголовок «Слаботочные системы» упирался в край колонки, значок над заголовком */
@media (min-width: 641px) and (max-width: 860px) {
  body.gr .g.us > .us-col > .us-t { flex-direction: column; align-items: flex-start; gap: 10px; }
  body.gr .g.us > .us-col h3 { font-size: 18px; overflow-wrap: anywhere; }
}

/* hero: «5 служб,» акцентом, лаймовая маркерная подложка как у «Это не просто сервис,» (цвет шрифта лаймом не годится: контраст 1.6 на #f4f4ef) */
body.gr .h1-acc { background: var(--accent); color: var(--ink); padding: 0 .14em; margin-left: -.14em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* выделение текста мышью: комплементарный лайму (#a4d040, оттенок 74 градуса) фиолетовый, оттенок 254 градуса */
body.gr ::selection { background: #6a3fd8; color: #ffffff; }
body.gr ::-moz-selection { background: #6a3fd8; color: #ffffff; }

/* hero: «Мы держим под контролем» и «Работаем для» в две колонки, пока текст вмещается (две колонки от 641 px, пока «муниципальных учреждений» помещается в одну строку, раньше они складывались в одну уже на 860 px) */
@media (max-width: 860px) {
  body.gr .sub-g.h-pick { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  body.gr .sub-g.h-pick > .s3 { grid-column: auto; }
}

/* кнопки-ячейки с кольцом («Через форму на сайте», финальная): состояния. покой: тёмная заливка #2c2c2c и неподвижное кольцо; наведение: заливка светлее, кольцо бежит, текст кнопки сдвигается на 4 px; фокус с клавиатуры: белая рамка внутри; нажатие: заливка темнее, кольцо бежит быстрее, текст на месте; без анимации при prefers-reduced-motion */
@property --fill { syntax: '<color>'; inherits: false; initial-value: #2c2c2c; }
body.gr a.eg-cell.act, body.gr a.final-btn { transition: --fill .2s ease; }
body.gr a.eg-cell.act .go, body.gr a.final-btn .go { display: inline-block; transition: transform .2s ease; }
body.gr a.eg-cell.act:hover, body.gr a.final-btn:hover { --fill: #3a3a3a; animation: ring-run 2.4s linear infinite; }
body.gr a.eg-cell.act:hover .go, body.gr a.final-btn:hover .go { transform: translateX(4px); }
body.gr a.eg-cell.act:focus-visible, body.gr a.final-btn:focus-visible { --fill: #3a3a3a; outline: 3px solid #fff; outline-offset: -12px; }
body.gr a.eg-cell.act:active, body.gr a.final-btn:active { --fill: #1c1c1c; animation: ring-run .9s linear infinite; }
body.gr a.eg-cell.act:active .go, body.gr a.final-btn:active .go { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) {
  body.gr a.eg-cell.act:hover, body.gr a.final-btn:hover, body.gr a.eg-cell.act:active, body.gr a.final-btn:active { animation: none; }
  body.gr a.eg-cell.act .go, body.gr a.final-btn .go { transition: none; }
}

/* форма заявки: кнопка «Отправить» без полей, во всю ширину панели от края до края и вплотную к низу (правило сетки: кнопки без отступов). контейнерные единицы cqw считают ширину прокручиваемой панели, --rqp её боковой отступ */
body.gr:not(.cd) .rq-scroll { container-type: inline-size; --rqp: 56px; }
@media (max-width: 860px) { body.gr:not(.cd) .rq-scroll { --rqp: 20px; } }
body.gr:not(.cd) .rq-foot { padding: 0; width: calc(100cqw + 2 * var(--rqp)); max-width: none; margin-left: calc(-1 * ((100cqw - 100%) / 2 + var(--rqp))); margin-right: 0; margin-top: auto; background: transparent; }
body.gr:not(.cd) .rq-foot .rq-send { width: 100%; min-height: 64px; }


/* ===== Правки заказчика (форк grid-v2) ===== */
/* hero: текст из бывшего блока 05 в ячейке заголовка */
body.gr .h-say { margin: 18px 0 0; max-width: 34em; font-size: clamp(16px, 1.5vw, 21px); line-height: 1.3; font-weight: 600; color: var(--ink); }
body.gr .h-say span { background: var(--accent); padding: 0 .16em; margin-left: -.16em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.gr .h-say-sub { margin: 10px 0 0; font-size: 14px; font-weight: 600; color: var(--mute, #55554f); }
/* hero: плашки GPT поверх дома */
body.gr .hero-fig .plate { position: absolute; z-index: 3; display: grid; gap: 2px; padding: 9px 14px 10px; background: #ffffff; color: var(--ink); border: 1px solid var(--line, #e3e3e0); font-size: 13px; line-height: 1.2; }
body.gr .hero-fig .plate small { font-size: 11px; font-weight: 500; letter-spacing: .02em; color: var(--mute, #55554f); }
body.gr .hero-fig .plate b { font-size: 15px; font-weight: 700; }
body.gr .hero-fig .p-a { top: 5%; right: 4%; }
body.gr .hero-fig .p-b { left: 4%; bottom: 12%; }
body.gr .hero-fig .plate.p-a, body.gr .hero-fig .plate.p-b { padding-left: 30px; }
body.gr .hero-fig .plate .pdot { position: absolute; left: 13px; top: 50%; margin-top: -3.5px; width: 7px; height: 7px; background: var(--accent); }
@media (max-width: 860px) { body.gr .hero-fig .plate { padding: 6px 10px 7px; } body.gr .hero-fig .plate b { font-size: 13px; } body.gr .hero-fig .plate small { font-size: 10px; } }
/* hero: две кнопки в строке, вторая тёмная; чёрная полоса GPT из трёх колонок внизу */
body.gr .h-act .cell-btn { font-size: clamp(16px, 1.7vw, 24px); }
/* вторая кнопка hero: тёмная заливка и градиентная рамка, как у «Опишите задачу» */
html:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2 { --fill: #2c2c2c; border: 4px solid transparent; background: linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box !important; color: #ffffff; animation: none; }
html:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover { --fill: #3a3a3a; animation: ring-run 2.4s linear infinite; }
@media (min-width: 861px) { body.gr .hero { grid-template-rows: 1fr 1fr auto auto; } }
body.gr .h-facts > .rb { display: grid; align-content: center; gap: 4px; padding: 22px 28px; background: #111111; color: #ffffff; }
body.gr .h-facts > .rb b { font-size: clamp(16px, 1.5vw, 21px); font-weight: 700; }
body.gr .h-facts > .rb span { font-size: 14px; color: #bcbcbc; }


/* 02 Услуги: подзаголовок GPT и кнопка до краёв колонки */
body.gr .us-sub { margin: 12px 0 0; max-width: 42em; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.35; font-weight: 500; color: var(--mute, #55554f); }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { padding-bottom: 0 !important; }
body.gr .g.us > .us-col > ul { margin-bottom: 24px; }
body.gr .g.us > .us-col > .us-btn { margin-top: auto; align-self: stretch; margin-left: 0; margin-right: 0; }
body.gr .us-btn, body.gr .sv-btn, body.gr .aud-btn { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 24px; background: var(--accent); color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color .2s ease; }
body.gr .us-btn i, body.gr .sv-btn i, body.gr .aud-btn i { font-style: normal; transition: transform .2s ease; }
body.gr .us-btn:hover, body.gr .sv-btn:hover, body.gr .aud-btn:hover { background: color-mix(in srgb, var(--accent) 75%, #ffffff); }
body.gr .us-btn:hover i, body.gr .sv-btn:hover i, body.gr .aud-btn:hover i { transform: translateX(4px); }
body.gr .us-btn:active, body.gr .sv-btn:active, body.gr .aud-btn:active { background: color-mix(in srgb, var(--accent) 85%, #111111); }
body.gr .us-btn:focus-visible, body.gr .sv-btn:focus-visible, body.gr .aud-btn:focus-visible { outline: 3px solid var(--ink); outline-offset: -6px; }

/* 03 Объекты (GPT «Для кого работаем»): слева слоган и кнопка, справа четыре категории */
body.gr .aud-head { display: flex; flex-direction: column; align-items: flex-start; padding: calc(var(--u) * 1.5) calc(var(--u) * 1.5) 0; }
body.gr .aud-h { margin: 16px 0 0; font-size: clamp(28px, 3.4vw, 52px); line-height: 1.05; font-weight: 800; letter-spacing: -.02em; max-width: 12em; }
body.gr .aud-p { margin: 16px 0 24px; max-width: 30em; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.4; font-weight: 500; color: var(--mute, #55554f); }
body.gr .aud-head > .aud-btn { align-self: stretch; margin: auto calc(var(--u) * -1.5) 0; }
body.gr .aud-list { display: grid; gap: 1px; background: var(--line, #e3e3e0); padding: 0; }
body.gr .aud-row { display: grid; grid-template-columns: 56px 1fr; gap: 12px; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5); background: var(--bg); align-content: center; }
body.gr .aud-n { font-size: 14px; font-weight: 700; color: var(--mute, #55554f); font-variant-numeric: tabular-nums; }
body.gr .aud-row b { display: block; font-size: clamp(18px, 1.8vw, 26px); font-weight: 700; line-height: 1.15; }
body.gr .aud-row span:not(.aud-n) { display: block; margin-top: 6px; font-size: 15px; line-height: 1.35; color: var(--mute, #55554f); }

/* 04 Службы: слоган GPT и кнопка до краёв ячейки */
body.gr .sv-sub { margin: 14px 0 0; max-width: 24em; font-size: clamp(14px, 1.15vw, 17px); line-height: 1.35; font-weight: 500; }
body.gr .sv > .sv-cell:not(.sv-head) { padding-bottom: 0; }
body.gr .sv > .sv-cell > ul { margin-bottom: 20px; }
body.gr .sv > .sv-cell > .sv-btn { align-self: stretch; margin: auto calc(var(--u) * -1.5) 0; }
@media (max-width: 640px) { body.gr .sv > .sv-cell > .sv-btn { margin-left: calc(var(--u) * -1); margin-right: calc(var(--u) * -1); } body.gr .aud-head > .aud-btn { margin-left: calc(var(--u) * -1.5); margin-right: calc(var(--u) * -1.5); } }


/* 07 Что вы получаете: цитата директора нижней широкой ячейкой (светлой, внутри тёмного блока) */
body.gr .eg > .eg-quote { grid-column: 1 / -1; background: var(--bg); color: var(--ink); }
body.gr .eg-quote .qt-one { margin: 0; }
/* 09 Форматы: слоган GPT */
body.gr .fm-h { margin: 14px 0 0; font-size: clamp(26px, 3.2vw, 48px); line-height: 1.08; font-weight: 800; letter-spacing: -.02em; max-width: 18em; }
/* 15 Заявка: три способа связаться внутри блока (бывший 11), вложенная сетка */
body.gr .fin > .fin-ways { grid-column: 1 / -1; display: grid; gap: 1px; background: var(--line, #e3e3e0); padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.gr .fin-ways > * { background: var(--bg); }
@media (max-width: 1100px) { body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.gr .fin-ways > .eg-head { grid-column: 1 / -1; } }
@media (max-width: 640px) { body.gr .fin > .fin-ways { grid-template-columns: 1fr; } body.gr .fin-ways > a.eg-cell.act { grid-column: auto; grid-row: auto; } }

/* hero на телефоне: чёрная полоса после кнопок (порядок ячеек задаётся order, у полосы по умолчанию 0 и она вставала выше заголовка) */
@media (max-width: 860px) { body.gr .hero > .h-facts { order: 5; } }

/* Вторичные кнопки (Услуги, Службы, Объекты): текстовые ссылки со стрелкой вместо зелёных плашек. Главные (hero, меню, финал) остаются плашками */
body.gr .us-btn, body.gr .sv-btn, body.gr .aud-btn { display: inline-flex; justify-content: flex-start; align-self: flex-start; gap: 10px; padding: 6px 0; background: none; color: inherit; font-size: 17px; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 6px; }
body.gr .g.us > .us-col > .us-btn, body.gr .sv > .sv-cell > .sv-btn, body.gr .aud-head > .aud-btn { align-self: flex-start; margin: auto 0 0; }
body.gr .g.us > .us-col > .us-btn { margin-bottom: 24px; }
body.gr .us-btn:hover, body.gr .sv-btn:hover, body.gr .aud-btn:hover, body.gr .us-btn:active, body.gr .sv-btn:active, body.gr .aud-btn:active { background: none; text-decoration-color: currentColor; }
body.gr .us-btn:focus-visible, body.gr .sv-btn:focus-visible, body.gr .aud-btn:focus-visible { outline-offset: 4px; }
@media (max-width: 640px) { body.gr .sv > .sv-cell > .sv-btn, body.gr .aud-head > .aud-btn { margin: auto 0 0; } }
body.gr .g.us > .us-col > .us-btn { margin-left: 24px; }
body.gr .aud-head > .aud-btn { margin-bottom: 24px; }
/* подчёркивание только под текстом ссылки, не под стрелкой */
body.gr .us-btn, body.gr .sv-btn, body.gr .aud-btn { text-decoration: none; }
body.gr .us-btn .lt, body.gr .sv-btn .lt, body.gr .aud-btn .lt { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 6px; }
body.gr .us-btn:hover .lt, body.gr .sv-btn:hover .lt, body.gr .aud-btn:hover .lt { text-decoration-color: currentColor; }
/* отступ ссылок от нижнего края блока */
body.gr .g.us > .us-col > .us-btn, body.gr .sv > .sv-cell > .sv-btn, body.gr .aud-head > .aud-btn { margin-bottom: 36px; }
/* Форматы: чип над заголовком, список под ним (а не всё в одну строку) */
body.gr #formaty > .fm { display: block; }
body.gr #formaty .fm .chip { margin: 0; }
body.gr #formaty .fm ul { margin: 28px 0 0; }
/* чипы в подвале: светлый текст на тёмной плашке (были 1.7:1) */
html:not([data-pol="dark"]) body.gr:not(.cd) .ft .chip { color: #ffffff; }
/* «Через форму» теперь обычная ячейка: кнопка заявки одна, в конце блока */
body.gr .eg4 > .eg-cell.form-way { grid-column: 2; grid-row: 2 / span 2; }
@media (max-width: 640px) { body.gr .fin-ways > .eg-cell.form-way { grid-column: auto; grid-row: auto; } }
/* Заявка: слева заголовок и три способа столбцом, справа одна большая кнопка в рамке */
@media (min-width: 641px) {
  body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto repeat(3, auto); }
  body.gr .fin-ways > .eg-head { grid-column: 1; grid-row: 1; }
  body.gr .fin-ways > .eg-cell:not(.act) { grid-column: 1; grid-row: auto; }
  body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { grid-column: 2; grid-row: 1 / span 4; }
}
body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { align-items: center; justify-content: center; text-align: center; gap: 24px; min-height: 280px; }
body.gr .fin-ways > a.fin-go .vh { font-size: clamp(28px, 3.4vw, 52px); }
body.gr .fin-ways > a.fin-go .go { font-size: clamp(16px, 1.6vw, 22px); }
body.gr .fin-ways > a.fin-go .vh { margin: auto 0 0; }
body.gr .fin-ways > a.fin-go .go { margin: 0 0 auto; }
/* Заявка: компактные строки без иконок, высота блока по содержимому */
body.gr .fin-ways > .eg-cell:not(.act) { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); align-items: baseline; gap: 4px 20px; padding: 20px calc(var(--u) * 1.5); }
body.gr .fin-ways > .eg-cell:not(.act) .pl { display: none; }
body.gr .fin-ways > .eg-cell:not(.act) h3 { margin: 0; font-size: 16px; }
body.gr .fin-ways > .eg-cell:not(.act) ul, body.gr .fin-ways > .eg-cell:not(.act) p { margin: 0; font-size: 16px; }
body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { min-height: 0; }
@media (max-width: 640px) { body.gr .fin-ways > .eg-cell:not(.act) { grid-template-columns: 1fr; padding: 16px var(--u); } body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { min-height: 200px; } }
/* Заявка: плитка 2x2 с иконками (заголовок сверху на всю ширину, четыре ячейки: телефон, форма, email, кнопка в рамке) */
@media (min-width: 641px) {
  body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  body.gr .fin-ways > .eg-head { grid-column: 1 / -1; grid-row: auto; }
  body.gr .fin-ways > .eg-cell:not(.act) { grid-column: auto; grid-row: auto; }
  body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { grid-column: auto; grid-row: auto; min-height: 200px; }
}
body.gr .fin-ways > .eg-cell:not(.act) { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: calc(var(--u) * 1.5); }
body.gr .fin-ways > .eg-cell:not(.act) .pl { display: inline-flex; }
body.gr .fin-ways > .eg-cell:not(.act) h3 { margin: 14px 0 0; font-size: clamp(18px, 1.6vw, 22px); }
body.gr .fin-ways > .eg-cell:not(.act) ul, body.gr .fin-ways > .eg-cell:not(.act) p { margin: 10px 0 0; }
body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { align-items: flex-start; text-align: left; }

/* «Схема работы» на широком экране: зелёная полоса на всю ширину с заголовком и кнопкой, под ней пять шагов в ряд.
   Ради другого ритма относительно «Что вы получаете». До 860 px остаётся столбиком с закреплённым заголовком. */
@media (min-width: 861px) {
  body.gr #sxema.vc > .s4.vwrap, body.gr #sxema.vc > .s8.vstack { grid-column: 1 / -1; }
  body.gr #sxema.vc > .vwrap > .vside { position: static; flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: calc(var(--u) * 1.5); }
  body.gr #sxema .vside .chip { flex: none; }
  body.gr #sxema .vside .vh { flex: 1; margin: 0; }
  body.gr #sxema .vside .vgo { margin: 0; flex: none; }
  body.gr #sxema.vc > .vstack { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.gr #sxema .vstack article { flex-direction: column; align-items: flex-start; gap: 16px; min-height: 0; padding: calc(var(--u) * 1.5); }
  body.gr #sxema .vstack article:not(:last-child)::after { left: calc(var(--u) * 1.5 + 56px); right: calc(var(--u) * -.5); top: calc(var(--u) * 1.5 + 21px); width: auto; height: 2px; }
}

/* «Схема работы», вариант 2: шесть колонок в ряд (зелёная ячейка с заголовком и пять шагов), без вертикальных разделителей */
@media (min-width: 861px) {
  body.gr #sxema.vc { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  body.gr #sxema.vc > .s4.vwrap { grid-column: 1; }
  body.gr #sxema.vc > .s8.vstack { grid-column: 2 / -1; gap: 0; background: var(--bg); }
  body.gr #sxema.vc > .vwrap > .vside { height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; padding: calc(var(--u) * 1.2); }
  body.gr #sxema .vside .vh { flex: none; font-size: clamp(22px, 2.2vw, 34px); margin-top: 14px; }
  body.gr #sxema .vside .vgo { margin-top: auto; padding-top: 22px; font-size: 16px; }
  body.gr #sxema .vstack article { padding: calc(var(--u) * 1.2); }
  body.gr #sxema .vstack article:not(:last-child)::after { left: calc(var(--u) * 1.2 + 56px); top: calc(var(--u) * 1.2 + 21px); right: 0; }
}
/* «Схема работы» лентой: линии между шагами возвращены, толщина 2 px */
@media (min-width: 861px) { body.gr #sxema .vstack article:not(:last-child)::after { height: 2px; right: calc(var(--u) * -.6); top: calc(var(--u) * 1.2 + 21px); } }
/* горизонтальный разделитель между цитатой (06) и шагами схемы (07): светлое на светлом сливалось */
@media (min-width: 861px) { body.gr .eg-quote { border-bottom: 1px solid var(--line, #e3e3e0); } }
/* «Схема работы»: убрать 1 px щель (линию) между зелёной плашкой и шагами */
@media (min-width: 861px) { body.gr #sxema.vc { column-gap: 0; } }
/* линии и стрелки процесса светлее */
@media (min-width: 861px) { body.gr #sxema .vstack article:not(:last-child)::after { background: #b4b4ab; } }
/* «Форматы»: маркер по центру строки (был выше текста) */
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li::before { top: calc(50% - 3.5px); }
/* «Для кого»: заглавная ячейка как в «Службах» (зелёная плита, чёрный чип) */
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head { background: var(--accent) !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head .chip { background: #111111; color: #ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head .chip::before { background: #bbe75f; }

/* Hero: кнопки ниже, факты не похожи на кнопки (без вертикальных линий между ячейками, просто строка на чёрной полосе) */
@media (min-width: 861px) {
  body.gr .h-act .cell-btn { min-height: 72px; padding: 16px 20px; font-size: clamp(16px, 1.4vw, 20px); }
  body.gr .h-facts > .rb { padding: 20px 28px; }
}

/* Кнопки-плашки: текст по левому краю (hero и CRM) */
body.gr .h-act .cell-btn { justify-content: flex-start; text-align: left; padding-left: 28px; }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .go { justify-content: flex-start; text-align: left; padding-left: calc(var(--u) * 1.5); }
/* «Для кого»: светлая нижняя граница давала белую полоску над чёрным блоком 06 */
body.gr #klientam { border-bottom: 0; }

/* Hero: три факта внизу карточками на общем тёмном фоне (и на узких экранах тоже), у каждой вертикальная цветная линия 8 px слева */
body.gr .h-facts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 12px; background: #111111; }
body.gr .h-facts > .rb { background: #232323; margin: 0; grid-column: auto; }
body.gr .h-facts > .rb:nth-child(1) { box-shadow: inset 8px 0 0 #e48e26; }
body.gr .h-facts > .rb:nth-child(2) { box-shadow: inset 8px 0 0 #0adbfe; }
body.gr .h-facts > .rb:nth-child(3) { box-shadow: inset 8px 0 0 #8673d9; }
/* в ряд держим до последнего: компактнее внутри карточек на узких, столбиком только ниже 520 px */
@media (max-width: 860px) { body.gr .h-facts { gap: 8px; padding: 8px; } body.gr .h-facts > .rb { padding: 14px 14px 14px 20px; } body.gr .h-facts > .rb b { font-size: 15px; line-height: 1.2; } body.gr .h-facts > .rb span { font-size: 12.5px; line-height: 1.3; } }
@media (max-width: 520px) { body.gr .h-facts { grid-template-columns: 1fr; } body.gr .h-facts > .rb { padding: 16px 18px 16px 24px; } body.gr .h-facts > .rb b { font-size: 16px; } body.gr .h-facts > .rb span { font-size: 13px; } }
/* факты в карточках: текст по верхнему краю */
body.gr .h-facts > .rb { align-content: start; }

/* «Объекты»: заглавная колонка закрепляется при прокрутке списка, ссылка стоит сразу под текстом (не прижата к низу) */
body.gr .aud-head { display: block; }
body.gr .aud-stick { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: calc(var(--u) * 1.5); }
body.gr .aud-head > .aud-stick > .aud-btn { margin: 0; align-self: flex-start; }
@media (min-width: 861px) { body.gr .aud-stick { position: sticky; top: calc(var(--head-h, 66px) + 8px); } }

/* Иконки-плашки: везде квадрат 44x44, значок 24x24 по центру (в «Услугах» было 48, в «Заявке» значок прижимался влево) */
body.gr .pl { width: 44px; height: 44px; display: inline-grid; place-items: center; }
body.gr .pl .ico { width: 24px; height: 24px; }
body.gr .g.us > .us-col .us-t .pl { width: 44px; height: 44px; }
body.gr .fin-ways > .eg-cell:not(.act) .pl { display: inline-grid; place-items: center; }

/* Шапка: логотип клиента убран, остаётся текст; слева вертикальная полоса цвета акцента шириной с боковую шину */
body.gr .site-head .g > .hd.dk:first-child { position: relative; padding-left: calc(var(--rail, 22px) + 16px); }
body.gr .site-head .g > .hd.dk:first-child::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--rail, 22px); background: var(--accent); z-index: 1; }

/* Шапка: всё по левому краю, кроме телефона (перебивает центрирование из colors-grid.css) */
html body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger) { justify-content: flex-start; text-align: left; }
html body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo { justify-content: flex-start; }
html body.gr:not(.cd) .site-head .g > .hd:not(.phone) nav { justify-content: flex-start; }
html body.gr:not(.cd) .site-head .logo span { text-align: left; }
html.pal-blue body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger), html.pal-graphite body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger) { justify-content: flex-start; text-align: left; }
html.pal-blue body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo, html.pal-graphite body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo { justify-content: flex-start; }

/* Меню сайта: текст в кнопках по левому краю (пункты шапки и кнопка в раскрытом меню), на всех макетах */
body.gr .site-head .hd.nav-cell nav a, body.gr .menu-panel.open a, body.gr .menu-panel.open a.menu-cta { justify-content: flex-start !important; text-align: left !important; }

/* Цитата директора: фото до краёв блока, без полей (правило пользователя: картинки без отступов) */
body.gr .eg > .eg-quote { padding: 0; }
body.gr .eg-quote .qt-one { padding: 0; gap: 0; align-items: stretch; }
body.gr .eg-quote .qt-ph { height: 100%; min-height: 360px; margin: 0; padding: 0 10px; }

/* Hero на всю высоту экрана (правило): полоса фактов вынесена из hero в свой блок, поэтому внутри hero строки считаются так:
   заголовок по содержимому, «Работаем для» забирает остаток, кнопки по содержимому. Низкие экраны жмём плотнее. */
@media (min-width: 861px) {
  body.gr .hero { grid-template-rows: auto 1fr auto; min-height: max(calc(100svh - var(--head-h, 65px)), 560px); }
  body.gr .hero .h-h1 { padding-block: clamp(14px, 3.4svh, 42px); }
  body.gr .h-act .cell-btn { min-height: clamp(56px, 9svh, 96px); }
}
@media (min-width: 861px) and (max-height: 760px) {
  body.gr .hero .big { font-size: clamp(30px, min(5vw, 7.6svh), 104px) !important; }
  body.gr .hero .h-say { font-size: 14px; margin-top: 10px; }
  body.gr .hero .h-say-sub { display: none; }
  body.gr .hero .big-list { font-size: clamp(14px, 2.5svh, 22px) !important; }
}

/* Полоса фактов вынесена из hero в свой блок, это начало второго экрана; слева рейка шины тёмным, номер следующего экрана идёт ниже */
body.gr .facts-strip { position: relative; }
html.sep-rail body.gr .facts-strip { padding-left: var(--rail); background: var(--dark, #111111); }
html.sep-rail body.gr .facts-strip::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--rail); background: var(--dark, #111111); }

/* Под меню светлого бордюра нет */
html body.gr:not(.cd) .site-head > .g { border-bottom: 0; }

/* Кнопка «наверх»: мутное стекло, тихая, справа внизу */
body .to-top{position:fixed;right:16px;bottom:16px;z-index:40;width:44px;height:44px;display:grid;place-items:center;border-radius:0;color:#fff;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.22);opacity:.6;text-decoration:none;transition:opacity .2s}
body .to-top[hidden]{display:none}
body .to-top:hover,body .to-top:focus-visible{opacity:.95}
@media (max-width:600px){body .to-top{right:12px;bottom:12px;width:40px;height:40px}}

/* Hero: две кнопки держим в ряд, пока каждой хватает ~150 px; в столбик только на совсем узких экранах */
body.gr .hero > .h-act.sub-g { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
body.gr .hero > .h-act.sub-g > .s3 { grid-column: auto; }
@media (max-width: 860px) {
  body.gr .h-act .cell-btn { padding: 14px 14px 14px 16px; font-size: clamp(15px, 4.2vw, 18px); line-height: 1.2; text-wrap: balance; }
}

/* Правки заказчика 2026-11-10 (док. «Документ DOC (6)») */
/* Главная задача: заголовок над цитатой, две подписи руководителей */
body.gr .qt-h { font-size: clamp(14px, 1.2vw, 17px); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mute); }
body.gr .qt-cap { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, max-content)); gap: 12px 40px; }
body.gr .qt-p { display: grid; gap: 2px; }
body.gr .qt-p span { font-size: 14px; }
/* Форматы: пять карточек и кнопка шестой плиткой */
body.gr .fmc { padding: 0; }
body.gr .fmc .fm-head { padding: calc(var(--u) * 1.5); display: grid; gap: 14px; justify-items: start; }
body.gr .fmc .fm-h { margin: 0; font-size: clamp(26px, 3vw, 44px); line-height: 1.1; font-weight: 700; text-wrap: balance; }
body.gr .fm-grid { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--line, #e3e3e0); border-top: 1px solid var(--line, #e3e3e0); }
@media (min-width: 600px) { body.gr .fm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 961px) { body.gr .fm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1000px) { body.gr .fm-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } body.gr .fm-card { padding: calc(var(--u) * 1.1); } body.gr .fm-card li { font-size: 14px; } }
/* до 1000 px пятая карточка остаётся вертикальной одной колонкой, остаток ряда пустой */
@media (min-width: 600px) and (max-width: 999px) { body.gr .fm-grid::after { content: ""; background: var(--bg); } }
body.gr .fm-card { background: var(--bg); padding: calc(var(--u) * 1.2); display: grid; align-content: start; gap: 12px; }
body.gr .fm-card h3 { margin: 0; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.2; font-weight: 700; }
body.gr .fm-card p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--mute); }
body.gr .fm-card.fm-go { align-content: center; min-height: 120px; font-size: clamp(18px, 1.7vw, 24px); font-weight: 700; text-align: left; justify-content: start; }

/* Фото в цитате «Главная задача»: картинка до краёв блока, без полей и внутренней рамки (правило пользователя) */
body.gr .eg-quote img.qt-ph { display: block; width: 100%; height: 100%; min-height: 360px; margin: 0; padding: 0; object-fit: cover; border: 0; }
/* «О компании»: загруженные сканы, фото и логотипы без внутренних полей, как и заглушки (до краёв ячейки) */
body.gr img.ph { padding: 0; object-fit: cover; }

/* Форматы по образцу заказчика: карточки до краёв блока, иконка справа, пункты списком, одна акцентная карточка */
body.gr .fm-grid { padding: 0; border-top: 0; }
body.gr .fm-card { padding: calc(var(--u) * 1.4); gap: 18px; align-content: start; }
body.gr .fm-top { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
body.gr .fm-card ul { margin: 0; padding: 0; display: grid; gap: 10px; }
body.gr .fm-card li { font-size: 15px; line-height: 1.45; margin: 0; }
body.gr .fm-card.fm-hot { background: #a4d040; color: #111; }
body.gr .fm-card.fm-hot li { color: #111; }
body.gr .fm-q { font-size: 17px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; }

/* Пять вертикальных карточек: ссылка внизу каждой, одна акцентная, одна тёмная с градиентной рамкой */
body.gr .fm-card { display: flex; flex-direction: column; }
body.gr .fm-card ul { flex: 1 1 auto; }
body.gr .fm-card .sv-btn { margin-top: auto; padding: 8px 0 0; background: transparent; }
body.gr .fm-card.fm-hot { background: #a4d040; color: #111; }
body.gr .fm-card.fm-dark { --ring: linear-gradient(90deg, #fbac16, #44d4e2, #7f4bdc, #fbac16); --fill: #2c2c2c; border: 4px solid transparent; background: linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box; color: #fff; }
body.gr .fm-card.fm-dark h3, body.gr .fm-card.fm-dark li, body.gr .fm-card.fm-dark .sv-btn { color: #fff; }
body.gr .fm-card.fm-dark .pl { color: #fff; }
body.gr .fm-card ul { align-content: start; }
/* Форматы: без маркеров, пункты разделены светлыми линиями внутри полей карточки (не в край) */
body.gr .fm-card ul { gap: 0; }
body.gr .fm-card li { position: static; padding: 10px 0; border-bottom: 1px solid rgba(21, 21, 21, .14); }
body.gr .fm-card li::before, body.gr .fm-card li::marker { content: none; display: none; }
body.gr .fm-card li:first-child { padding-top: 0; }
body.gr .fm-card li:last-child { border-bottom: 0; padding-bottom: 0; }
body.gr .fm-card.fm-hot li { border-bottom-color: rgba(17, 17, 17, .22); }
body.gr .fm-card.fm-dark li { border-bottom-color: rgba(255, 255, 255, .22); }
/* Форматы: иконка на плитке-фоне, как в других карточках */
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .pl { display: inline-grid; place-items: center; background: #e6f2ca; color: #495a23; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-hot .pl { background: rgba(255, 255, 255, .55); color: #111111; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .pl { background: rgba(255, 255, 255, .14); color: #ffffff; }
/* Форматы: у каждой простой карточки свой цвет из палитры служб (плитка иконки, верхняя полоса, лёгкий тон фона, подчёркивание ссылки) */
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(1) { --h: #89312f; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(3) { --h: #774501; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(5) { --h: #03642b; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { background: color-mix(in srgb, var(--h) 7%, var(--bg)); box-shadow: inset 0 5px 0 var(--h); padding-top: calc(var(--u) * 1.4 + 5px); }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .pl { background: var(--h); color: #ffffff; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) li { border-bottom-color: color-mix(in srgb, var(--h) 28%, transparent); }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .sv-btn .lt { text-decoration-color: var(--h); }
/* Форматы, пять в ряд: заголовки, списки и ссылки выровнены по общим строкам сетки (subgrid), тексты под заголовками начинаются на одной высоте */
@media (min-width: 1000px) {
  body.gr .fm-grid { grid-template-rows: auto 1fr auto; }
  body.gr .fm-card { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 18px; align-content: stretch; }
  body.gr .fm-card .sv-btn { margin-top: 0; align-self: end; }
}
@media (min-width: 1000px) {
  body.gr .fm-card.fm-hot { padding-top: calc(var(--u) * 1.1 + 5px); }
  body.gr .fm-card.fm-dark { padding-top: calc(var(--u) * 1.4 + 1px); padding-bottom: calc(var(--u) * 1.1 + 3px); }
}
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(2) { --h: #005d6d; }
/* Форматы: цветная линия не сверху, а слева; идёт от верха карточки до низа заголовка */
body.gr .fm-card { --pl: calc(var(--u) * 1.4); --pt: calc(var(--u) * 1.4); }
body.gr .fm-top { position: relative; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { box-shadow: inset 0 5px 0 var(--h); padding-top: calc(var(--pt) + 5px); }
@media (min-width: 1000px) { body.gr .fm-card.fm-dark { padding-top: calc(var(--u) * 1.4 + 1px); } }
/* Форматы: цветная «шапка» (иконка и заголовок на глубоком тоне цвета карточки) и крупный номер-водяной знак */
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-grid { counter-reset: fm; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card { counter-increment: fm; padding-top: 0; box-shadow: none; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { padding-top: 0; box-shadow: none; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark { padding-top: 0; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .fm-top { margin: 0 calc(-1 * var(--pl)); padding: calc(var(--u) * 1.4) var(--pl) 22px; overflow: hidden; border-top: 5px solid transparent; position: relative; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .fm-top { padding-top: calc(var(--u) * 1.4 + 1px); border-top: 0; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .fm-top { border-top-color: var(--h); background: color-mix(in srgb, var(--h) 17%, var(--bg)); }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .pl { background: rgba(255, 255, 255, .9); color: var(--h); }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .fm-top::after { content: counter(fm, decimal-leading-zero); position: absolute; right: 10px; top: 2px; font-size: clamp(64px, 7vw, 104px); font-weight: 300; line-height: 1; letter-spacing: -.03em; color: color-mix(in srgb, var(--h, #ffffff) 22%, transparent); pointer-events: none; }
html:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .fm-top::after { color: rgba(255, 255, 255, .09); }
body.gr #formaty .fm-top .pl, body.gr #formaty .fm-top h3 { position: relative; z-index: 1; }
/* Фото при наведении приближается внутри своего блока и не увеличивает его: scale 1.06 вместе с обратной обрезкой clip-path (inset 2.83 %), видимая область остаётся прежней */
html:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote img.qt-ph, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo, html:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo) { transform: scale(1); clip-path: inset(0); transition: transform 1.4s cubic-bezier(.22, .61, .36, 1), clip-path 1.4s cubic-bezier(.22, .61, .36, 1); will-change: transform, clip-path; }
@media (hover: hover) {
  html:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote .qt-one:hover img.qt-ph, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover img.us-photo, html:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo):hover { transform: scale(1.06); clip-path: inset(2.83%); }
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote img.qt-ph, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo, html:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo) { transition: none; }
  html:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote .qt-one:hover img.qt-ph, html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover img.us-photo, html:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo):hover { transform: none; clip-path: inset(0); }
}
/* Загруженные сканы, фото и логотипы в «О компании»: до краёв ячейки, без полей (перебивает правило заглушек .ph с padding 6px) */
html:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo), html:not([data-pol="dark"]) body.gr:not(.cd) .slots > img.ph { padding: 0; margin: 0; border: 0; object-fit: cover; display: block; }
#o-kompanii .slots img.ph { padding: 0; }
/* CRM: скриншот заполняет блок, виден левый верх таблицы (сверху вниз подпись на матовой плашке) */
body.gr .bgph.crm-img img { flex: 1 1 auto; height: 100%; min-height: 0; object-fit: cover; object-position: left top; }
/* Вопросы без ответа от заказчика остаются на странице с видимой пометкой */
body.gr .fq-todo .fq-a { color: var(--mute); }
/* Экран 09, правка заказчика (вторая трактовка): карточка из трёх частей. Сверху плашка «Бесплатный аудит» акцентного цвета, посередине две тёмные карточки («Всё под контролем» со слоганом и список систем рядами), внизу одна большая кнопка акцентного цвета */
body.gr .ad-card { display: grid; grid-template-rows: auto 1fr; gap: 0; row-gap: 0; padding: 0; }
body.gr .ad-top { background: var(--accent); color: var(--on-accent, #111111); padding: clamp(22px, 2.4vw, 34px) clamp(22px, 2.4vw, 36px); }
body.gr .ad-tag { display: block; font-size: clamp(28px, 3vw, 44px); font-weight: 700; line-height: 1.05; }
body.gr .ad-mid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; padding: 0; background: rgba(255, 255, 255, .16); align-content: stretch; }
@media (min-width: 1280px) { body.gr .ad-mid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
body.gr .ad-b { background: #232323; padding: clamp(20px, 2vw, 28px); display: grid; gap: 14px; align-content: start; }
body.gr .ad-b2 .vh { display: block; }
body.gr .ad-sys { display: grid; gap: 18px; align-content: start; }
body.gr .ad-si { display: flex; align-items: baseline; gap: 12px; color: #ffffff; font-size: clamp(18px, 1.6vw, 22px); font-weight: 600; line-height: 1.2; text-decoration: none; }
body.gr .ad-si::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--c, #ffffff); transform: translateY(-1px); }
body.gr .ad-si .lt { border-bottom: 2px dotted currentColor; }
body.gr .ad-si i { font-style: normal; transition: transform .2s ease; }
body.gr .ad-si:hover i { transform: translateX(4px); }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk.ad-card { background: #111111 !important; }
html:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk.ad-card .go { font-size: clamp(20px, 1.9vw, 26px); font-weight: 700; padding: clamp(26px, 2.6vw, 38px); }
/* Скорость зума фото везде 1.4 с (заглушки с фоном и CRM тоже) */
html:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):not(img), html:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph:not(img) { transition: background-size 1.4s cubic-bezier(.22, .61, .36, 1); }
html:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img { transition: transform 1.4s cubic-bezier(.22, .61, .36, 1); }
/* «Услуги»: фото не растягиваются на узких экранах (рамка фиксированной высоты, картинка заполняет её обрезкой), карточка направления обводится акцентной рамкой 4 px при наведении (эксперимент по просьбе пользователя 2026-11-11) */
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo { object-fit: cover; object-position: center; }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { position: relative; }
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col::after { content: ""; position: absolute; inset: 0; border: 4px solid transparent; pointer-events: none; z-index: 2; transition: border-color .25s ease; }
/* решение пользователя 2026-11-11: рамка постоянно у «Инженерных сетей»; при наведении на другую карточку рамка переходит на неё, у инженерных сетей пропадает */
html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col[data-l="pi"]::after { border-color: var(--accent); }
@media (hover: hover) {
  html:not([data-pol="dark"]) body.gr:not(.cd) .g.us:has(> .us-col:hover) > .us-col[data-l="pi"]:not(:hover)::after { border-color: transparent; }
  html:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover::after { border-color: var(--accent); }
}
/* Плитка щита в карточке аудита на акцентном фоне */
html:not([data-pol="dark"]) body.gr:not(.cd) #crm .ad-card .pl { background: var(--accent); color: var(--on-accent, #111111); }

/* подвал: логотип; «Разделы» и «Контакты» рядом, пока помещаются; «Реквизиты» отдельным блоком с чипом: в одну строку с ними, пока помещается (от 300 px), иначе последней строкой. Широкий экран: все четыре в ряд */
body.gr footer.g.ft { display: flex; flex-wrap: wrap; gap: 1px; }
body.gr footer.g.ft > .s4 { flex: 1 1 150px; min-width: 0; grid-column: auto; overflow-wrap: anywhere; }
body.gr footer.g.ft > .s4:first-child { flex-basis: 100%; }
body.gr footer.g.ft > .ft-req { flex: 1.6 1 300px; }
@media (min-width: 1100px) {
  body.gr footer.g.ft { flex-wrap: nowrap; }
  body.gr footer.g.ft > .s4:first-child { flex: 1.1 1 0; }
  body.gr footer.g.ft > .s4 { flex: 1 1 0; }
  body.gr footer.g.ft > .ft-req { flex: 1.8 1 0; }
}

/* Лицензии и допуски: клик по скану, окно с крупным документом (префикс lz-). Углов нет, цвета палитры. */
body.gr img.lz-img { cursor: zoom-in; transition: opacity .2s ease; }
body.gr img.lz-img:hover { opacity: .88; }
body.gr img.lz-img:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
dialog.lz-dlg { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(30, 28, 25, .92); color: #ffffff; }
dialog.lz-dlg::backdrop { background: rgba(30, 28, 25, .6); }
.lz-box { box-sizing: border-box; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 56px clamp(12px, 4vw, 48px) 20px; }
.lz-x { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px; border: 0; background: var(--accent); color: var(--on-accent); font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; }
.lz-x:hover { background: color-mix(in srgb, var(--accent) 80%, #ffffff); }
.lz-x:focus-visible { outline: 3px solid #ffffff; outline-offset: -6px; }
.lz-x span { font-size: 22px; line-height: 1; }
.lz-pic { flex: 1 1 auto; min-height: 0; max-width: 100%; display: flex; }
.lz-pic img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; object-fit: contain; background: #ffffff; }
.lz-cap { margin: 0; max-width: 56em; text-align: center; font-size: 14px; line-height: 1.4; color: var(--mute-dark, #bdbab2); }
.lz-pic img[src] { min-width: 0; }

/* Якорь встаёт вплотную под шапкой: отступ прокрутки равен реальной высоте шапки (--head-h задаёт скрипт), без фиксированных 64/76/84 px. */
html:root { scroll-padding-top: var(--head-h, 65px); }

/* Шапка на средних и больших экранах: ячейки логотипа и телефона по размеру содержимого, всё остальное место отдано меню (раньше 25% + 50% + 25% и пункты не влезали). */
@media (min-width: 861px) {
  body.gr .site-head > .g { grid-template-columns: auto minmax(0, 1fr) auto; }
  body.gr .site-head > .g > .hd:not(.burger) { grid-column: auto; }
  body.gr .site-head .hd.nav-cell nav { font-size: clamp(13px, 1.25vw, 15px); }
  body.gr .site-head .hd.nav-cell nav a { flex: 1 1 auto; padding: 0 clamp(8px, 1.1vw, 18px); }
  body.gr .site-head .g > .hd.phone { padding-left: clamp(14px, 1.8vw, 28px); padding-right: clamp(14px, 1.8vw, 28px); }
}
@media (min-width: 861px) and (max-width: 1000px) {
  body.gr .site-head .hd.nav-cell nav a .mn { display: none; }
  body.gr .site-head .hd.nav-cell nav a { padding: 0 8px; }
}

/* Векторный логотип клиента (logo-mask.svg, маска, цвет через background): в шапке и подвале; подпись «ГРУППА компаний» рядом. Значок задан высотой, ширина по пропорции 123:79,5. */
body.gr .site-head .logo i, body.gr .ft .logo i { height: 38px !important; width: 59px !important; flex: none; }
body.gr .ft .logo i { height: 64px !important; width: 99px !important; }
body.gr .site-head .g > .hd.dk:first-child .logo { gap: 12px; }
@media (max-width: 860px) { body.gr .site-head .logo i { height: 36px !important; width: 56px !important; } }

/* ==== pal-v2.css ==== */
/* Сгенерировано tools/make-palette.py, руками не править. ?pal=blue / ?pal=graphite */
/* ===== blue ===== */
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) { --bg:#f2f4f7; --bg2:#eceff3; --ink:#0e1a2f; --mute:#4f5b6b; --line:#dde2e8; --dark:#0e1a2f; --accent:#3d8bff; --on-accent:#0e1a2f; --accent-d:#3d8bff; --signal:#9cc7ff; --common:#3d8bff; }
html.pal-blue :root { --bg:#f0f2f6;--bg2:#e0e5ec;--ink:#0f141b;--mute:#666;--line:#acb6c6;--dark:#101f38;--on-dark:#f0f2f6;--pad:clamp(16px, 2.4vw, 32px);--fs-body:clamp(15px, 1.1vw, 17px); }
html.pal-blue .sk .audit .mute { color:#a8b2c2; }
html.pal-blue .g > .dk .mute, html.pal-blue .g > .dk .eyebrow { color:#a8b2c2; }
html.pal-blue .g > .ac { background:#4a576a;color:var(--on-dark); }
html.pal-blue .g > .ac .mute { color:#ccd4e0; }
html.pal-blue .gr .hd.dk .logo i { border-color:var(--on-dark);background:repeating-linear-gradient(45deg, #333 0 4px, #101f38 4px 8px); }
html.pal-blue .gr .hd.dk .logo small { color:#a8b2c2; }
html.pal-blue .gr .bgph { position:relative;padding:0;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(45deg, #c6cdd8 0 8px, #b1bbc9 8px 16px); }
html.pal-blue .gr .bgph .cap .eyebrow { color:#c6cdd8; }
html.pal-blue .gr .link-card:hover { background:#172742; }
html.pal-blue .gr .link-card .eyebrow, html.pal-blue .gr .link-card .mute { color:#a8b2c2; }
html.pal-blue .gr .hd.phone small { display:block;font-size:11px;color:#ccd4e0;margin-top:2px; }
html.pal-blue .gr .req-side .mute, html.pal-blue .gr .req-side .eyebrow { color:#a8b2c2; }
html.pal-blue .gr .req-send { grid-column:2;grid-row:3;background:#4a576a;color:var(--on-dark);border:0;font-family:inherit;min-height:88px; }
html.pal-blue .sk .req-side .mute, html.pal-blue .sk .req-side .eyebrow { color:#a8b2c2; }
html.pal-blue .sk .req-send { grid-column:2;grid-row:3;background:#4a576a;color:var(--on-dark);border:0;font-family:inherit;min-height:88px; }
html.pal-blue .chip { display:inline-flex;align-items:center;gap:12px;background:#dae0e8;color:var(--ink);padding:7px 14px;font-size:14px;font-weight:500;line-height:1.2;max-width:100%; }
html.pal-blue .svc-arrow:hover { background:#d8dee7; }
html.pal-blue .svc-slide .ico { box-sizing:content-box;width:28px;height:28px;padding:14px;background:#dae0e8; }
html.pal-blue .gr .eyebrow, html.pal-blue .gr .num { display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;padding:7px 14px;background:#dae0e8;color:var(--ink);font-size:14px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;margin-bottom:10px; }
html.pal-blue .gr .vc > .vwrap { background:#b7c0cd;padding:0; }
html.pal-blue .gr .eg.dkb .chip { background:#22385c;color:var(--on-dark); }
html.pal-blue .gr .eg.dkb p, html.pal-blue .gr .eg.dkb .mute { color:#b9c2cf; }
html.pal-blue .gr .fin .chip { background:#22385c;color:var(--on-dark); }
html.pal-blue .gr .fin .final-btn { background:#22385c; }
html.pal-blue .gr .bgph.crm-img { background:#e2e6ed;justify-content:flex-start; }
html.pal-blue .gr .hd.nav-cell nav a:hover { background:#29374d; }
html.pal-blue .gr .eg-cell.act:hover { background:#172742; }
html.pal-blue .gr .eg-cell.act p { color:#b9c2cf; }
html.pal-blue .gr .link-card .chip { background:#22385c;color:var(--on-dark); }
html.pal-blue .gr .link-card .go { border-top:1px solid #22385c;padding-top:16px; }
html.pal-blue .gr .ft .logo i { border-color:var(--on-dark);background:repeating-linear-gradient(45deg, #333 0 4px, #101f38 4px 8px); }
html.pal-blue .gr .ft .logo small, html.pal-blue .gr .ft .mute { color:#a8b2c2; }
html.pal-blue .gr .req-form input, html.pal-blue .gr .req-form select, html.pal-blue .gr .req-form textarea { border:0;border-bottom:2px solid transparent;background-color:#dae0e8;border-radius:0;padding:12px 16px;min-height:52px;outline:0;transition:background-color .15s, border-color .15s; }
html.pal-blue .gr .req-form input:hover, html.pal-blue .gr .req-form select:hover, html.pal-blue .gr .req-form textarea:hover { background-color:#cfd6e1; }
html.pal-blue .gr .req-form input:focus, html.pal-blue .gr .req-form select:focus, html.pal-blue .gr .req-form textarea:focus { background-color:#e7ebf1;border-bottom-color:var(--ink); }
html.pal-blue .gr .dd-btn { display:block;width:100%;min-height:52px;padding:12px 48px 12px 16px;text-align:left;font:inherit;color:var(--ink);background-color:#dae0e8;border:0;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23151515'%3E%3Cpath d='M212.24%2C100.24l-80%2C80a6%2C6%2C0%2C0%2C1-8.48%2C0l-80-80a6%2C6%2C0%2C0%2C1%2C8.48-8.48L128%2C167.51l75.76-75.75a6%2C6%2C0%2C0%2C1%2C8.48%2C8.48Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:22px; }
html.pal-blue .gr .dd-btn:hover { background-color:#cfd6e1; }
html.pal-blue .gr .dd-btn:focus-visible, html.pal-blue .gr .dd.open .dd-btn { background-color:#e7ebf1;border-bottom-color:var(--ink);outline:0; }
html.pal-blue .gr .vside .vbtn:hover { background:#29374d; }
html.pal-blue .gr .vwrap > a.vside:hover { background:#e4e8ee; }
html.pal-blue .gr .req-form input[type=checkbox] { appearance:none;-webkit-appearance:none;flex:none;width:26px;height:26px;min-height:0;margin:0;padding:0;border:0;background-color:#dae0e8;background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer; }
html.pal-blue .gr .req-form input[type=checkbox]:hover { background-color:#cfd6e1; }
html.pal-blue .fsw span { padding:0 14px;display:flex;align-items:center;color:#a8b2c2; }
html.pal-blue .fsw button { appearance:none;border:0;background:transparent;color:var(--on-dark);font:inherit;padding:14px 14px;cursor:pointer;border-left:1px solid #22385c; }
html.pal-blue .cd { --cd-r:28px;--cd-r-s:16px;--cd-gap:24px;--cd-pad:32px;--cd-page:#e7ebf0;--cd-card:#fff;--cd-border:rgba(20, 24, 30, .08);--shadow:0 1px 2px rgba(20, 24, 30, .04), 0 12px 32px -12px rgba(20, 24, 30, .16);--shadow-hover:0 1px 2px rgba(20, 24, 30, .06), 0 18px 40px -12px rgba(20, 24, 30, .24);--line:transparent;--u:clamp(20px, 2.4vw, var(--cd-pad));background:var(--cd-page); }
html.pal-blue .cd .g > .ac { background:#4a576a;color:var(--on-dark);box-shadow:var(--shadow); }
html.pal-blue .cd .g.card > .ac { background:#4a576a;color:var(--on-dark); }
html.pal-blue .cd .site-head .g > .burger { border-radius:50%;background:#172742;width:48px;height:48px;padding:0;flex:none; }
html.pal-blue .cd .req-form input, html.pal-blue .cd .req-form select, html.pal-blue .cd .req-form textarea, html.pal-blue .cd .dd-btn { border-radius:22px;border-bottom-width:0;background-color:#eaedf2; }
html.pal-blue .cd .req-form input:hover, html.pal-blue .cd .req-form textarea:hover, html.pal-blue .cd .dd-btn:hover { background-color:#e0e5ec; }
html.pal-blue .cd .g > .dk .pill:hover, html.pal-blue .cd .g > .ac .pill:hover, html.pal-blue .cd .g.card > .act .pill:hover { background:#e2e7ee; }
html.pal-blue .cd .site-head .tabs-nav a { padding:10px 20px;border-radius:999px;color:#ccd4e0;font-size:15px;font-weight:600;white-space:nowrap;transition:background-color .15s ease, color .15s ease; }
html.pal-blue .cd .site-head .tabs-nav a.is-on { background:#fff;color:#0f141b; }
html.pal-blue .cd .site-head .logo, html.pal-blue .cd .site-head .g > .phone a, html.pal-blue .cd .site-head .tabs-nav a { display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;color:#ccd4e0;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s ease, color .15s ease; }
html.pal-blue .cd .site-head .logo small { color:#98a5b8; }
html.pal-blue .al { background:#111;--cd-page:#e7ebf0; }
html.pal-blue .al .site-head .g { background:#141b26;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .12); }
html.pal-blue .al .sheet.dark { background:#121822;color:var(--on-dark);--cd-border:rgba(255, 255, 255, .10);--cd-line:rgba(255, 255, 255, .14); }
html.pal-blue .al .sheet.dark .g.card:not(.dkb):not(.fin):not(.ft) { background:#1b2431; }
html.pal-blue .al .sheet.dark .g.card.dkb > *, html.pal-blue .al .sheet.dark .g.card.fin > .dk { background:#1b2431; }
html.pal-blue .al .ph-slot { position:relative;aspect-ratio:16 / 10;border-radius:22px;background:repeating-linear-gradient(135deg, #e1e5ec 0 10px, #eaedf2 10px 20px);display:grid;place-items:center;overflow:hidden; }
html.pal-blue .al .ph-slot i { position:absolute;left:14px;bottom:10px;font-style:normal;font-size:12px;color:#7c8ca4; }
html.pal-blue .al .tile summary { cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#eaedf2; }
html.pal-blue .al .tb-list { display:flex;flex-wrap:wrap;gap:4px;padding:6px;margin:0 var(--u) 0;width:max-content;max-width:calc(100% - 2 * var(--u));background:#eaedf2;border-radius:999px; }
html.pal-blue .al .vstack::before { content:"";position:absolute;left:calc(var(--u) * 1.5 + 25px);top:56px;bottom:56px;width:2px;background:#c9d1de; }
html.pal-blue .al .fm li { margin:0;padding:12px 22px;border-radius:999px;background:#eaedf2;font-size:16px;font-weight:600; }
html.pal-blue .al .hero-sheet .tabs button:hover { background:#eaedf2; }
html.pal-blue .al .aud-list li { margin:0;padding:12px 22px;border-radius:999px;background:#eaedf2;font-size:17px;font-weight:600; }
html.pal-blue .al .aud-c { display:grid;place-items:center;width:clamp(88px, 9vw, 128px);aspect-ratio:1;border-radius:50%;background:#eaedf2;box-shadow:inset 0 0 0 1px rgba(20, 24, 30, .06);transition:background-color .2s ease, color .2s ease, transform .2s ease; }
html.pal-blue .gr .st-big { margin:20px 0 0;font-size:clamp(28px, 4.2vw, 66px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:#7d8da5;text-wrap:balance; }
html.pal-blue .al .eg.dkb > .manifest .eyebrow { background:#22385c;color:var(--on-dark); }
html.pal-blue .al .eg.dkb > .manifest .mf-sub { color:#b2bbc9;max-width:46em; }
html.pal-blue .al .g.card.st2 { position:relative;display:block;padding:36px 48px;background:#141b26;color:var(--on-dark);gap:0; }
html.pal-blue .al .g.card.st2 > .chip { display:inline-flex;background:#22385c;color:var(--on-dark);padding:7px 14px;border-radius:999px; }
html.pal-blue .al .st2-line { margin:14px 0 0;max-width:40em;font-size:clamp(20px, 2.1vw, 30px);line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#b2bbc9; }
html.pal-blue .al .st2-f { margin:14px 0 0;font-size:15px;font-weight:500;color:#8f9db1; }
html.pal-blue .al .g.card.cx { display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);gap:64px;align-items:start;padding:56px 48px;gap:64px;background:#1b2431;color:var(--on-dark); }
html.pal-blue .al .cx .chip { background:#22385c;color:var(--on-dark); }
html.pal-blue .al .cx-note { margin:20px 0 0;font-size:16px;color:#b2bbc9;max-width:28em; }
html.pal-blue .al .cx .pill:hover { background:#e7ebf0; }
html.pal-blue .al .cx-l { font-size:14px;letter-spacing:.02em;color:#8f9db1; }
html.pal-blue .al .cx-todo { font-size:18px;font-weight:500;color:#b2bbc9; }
html.pal-blue .al .cx-l { font-size:15px;font-weight:600;color:#b2bbc9;letter-spacing:0; }
html.pal-blue .al .cx-lite .cx-note { margin-top:16px;font-size:14px;color:#8f9db1; }
html.pal-blue .al .cx-lite .cx-l { font-size:14px;font-weight:500;color:#8f9db1; }
html.pal-blue .al .fq-i summary:hover::after { background-color:#e1e6ed; }
html.pal-blue .al .fq-i .fq-a { padding:0 68px 28px 0;font-size:17px;line-height:1.5;color:#2f3f56;max-width:52em; }
html.pal-blue .al .fq-i summary:hover::after { background-color:#e1e6ed; }
html.pal-blue .gr:not(.cd) .fq-i[open] summary:hover::after { background-color:#29374d; }
html.pal-blue .gr:not(.cd) .fq-i .fq-a { padding:16px 64px 0 0;font-size:17px;line-height:1.5;color:#2f3f56;max-width:52em; }
html.pal-blue .al .rq-side { display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:40px;background:#141b26;color:var(--on-dark);overflow:auto; }
html.pal-blue .al .rq-side .chip { background:#22385c;color:var(--on-dark); }
html.pal-blue .al .rq-side .mute { margin:0;font-size:15px;line-height:1.45;color:#b2bbc9; }
html.pal-blue .al .rq-close:hover { background:#e1e6ed; }
@media (max-width: 860px) { html.pal-blue .al .rq-close { top:12px;right:12px;background:#172742;color:#fff; } }
@media (max-width: 860px) { html.pal-blue .al .rq-close:hover { background:#22385c; } }
html.pal-blue .req-form .cbg-i span { display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:15px;font-weight:500;line-height:1.2;color:var(--ink);background:#dae0e8;transition:background-color .15s ease, color .15s ease; }
html.pal-blue .req-form .cbg-i:hover span { background:#cfd6e1; }
html.pal-blue .al .req-form .cbg-i span { border-radius:999px;background:#eaedf2; }
html.pal-blue .al .req-form .cbg-i:hover span { background:#e0e5ec; }
html.pal-blue .gr:not(.cd) .rq-side .mute { margin:0;font-size:15px;line-height:1.45;color:#a8b2c2; }
html.pal-blue .gr:not(.cd) .rq-close:hover { background:#cfd6e1; }
@media (max-width: 860px) { html.pal-blue .gr:not(.cd) .rq-close { top:12px;right:12px;background:#172742;color:#fff; } }
@media (max-width: 860px) { html.pal-blue .gr:not(.cd) .rq-close:hover { background:#22385c; } }
html.pal-blue .gr:not(.cd) #manifest .manifest { background:#141b26;color:var(--on-dark); }
html.pal-blue .gr:not(.cd) #manifest .eyebrow { background:#22385c;color:var(--on-dark); }
html.pal-blue .gr:not(.cd) #manifest .mf-sub { color:#b2bbc9; }
html.pal-blue .al #manifest .st2-f { max-width:46em;font-size:clamp(15px, 1.4vw, 19px);line-height:1.4;margin-top:22px;color:#b2bbc9; }
html.pal-blue .al .g.card.sv > .sv-head { background:#eceff4; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) { --bg:#f2f4f7;--bg2:#eceff3;--ink:#0e1a2f;--mute:#4c5a6e;--line:#dde2e8;--dark:#0e1a2f;--on-dark:#ffffff;--accent:#3d8bff;--on-accent:#0e1a2f;--accent-d:#3d8bff;--accent-2:#4f98ff;--signal:#9cc7ff;--common:#3d8bff;--c-el:#8a6a00;--cf-el:#f2b705;--ct-el:#fdf3cf;--co-el:#ffffff;--c-pi:#00695f;--cf-pi:#14b8a6;--ct-pi:#dcf5f1;--co-pi:#ffffff;--c-lc:#5b3fa0;--cf-lc:#8b5cd6;--ct-lc:#ece4fb;--co-lc:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-l="el"], html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="el"] { --c:var(--c-el); --cf:var(--cf-el); --ct:var(--ct-el); --co:var(--co-el);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-l="pi"], html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="pi"] { --c:var(--c-pi); --cf:var(--cf-pi); --ct:var(--ct-pi); --co:var(--co-pi);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-l="lc"], html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="lc"] { --c:var(--c-lc); --cf:var(--cf-lc); --ct:var(--ct-lc); --co:var(--co-lc);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) [data-l="all"] { --c:var(--accent);--cf:var(--accent);--ct:#eceff3;--co:var(--on-accent); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sk .audit .mute { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g > .dk .mute, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g > .dk .eyebrow { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .hd.dk .logo i { background:repeating-linear-gradient(45deg, #22385c 0 4px, #0e1a2f 4px 8px); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .hd.dk .logo small { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card:hover { background:#172742; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card .eyebrow, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card .mute { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-side .mute, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-side .eyebrow { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sk .req-side .mute, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sk .req-side .eyebrow { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .chip { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg-cell.act:hover { background:#172742; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card .chip { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card .go { border-top:1px solid #22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo i { background:repeating-linear-gradient(45deg, #22385c 0 4px, #0e1a2f 4px 8px); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo small, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft .mute { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft .chip { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-done .rd-go:hover { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fsw span { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fsw button { border-left:1px solid #22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fsw button:hover { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .mute { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-send:hover { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#172742; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #manifest .manifest { background:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow { background:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #manifest .mf-sub { color:#b8c4d9; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:checked + span { background:#0e1a2f;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:checked { background-color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:focus, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:focus, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:focus-visible, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { box-shadow:0 0 0 2px #3d8bff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:focus-visible + span, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:focus-visible { outline-color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-title { text-wrap:balance; hyphens:manual; overflow-wrap:break-word;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .logo i { width:60px; height:41px; border:0 !important; background:#ffffff !important; -webkit-mask:url(../assets/img/logo-mask.svg) center / contain no-repeat; mask:url(../assets/img/logo-mask.svg) center / contain no-repeat;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo i { width:92px; height:62px;; }
@media (max-width:860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo i { width:46px; height:31px;; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#e7ebf1;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#d0d7e2; }
@media (max-width: 860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#0e1a2f;color:#ffffff; } }
@media (max-width: 860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#22385c; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) { --cd-line:rgba(17,17,17,0.07); --cd-border:rgba(17,17,17,0.05);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .num-big { color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-line span { color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-line { color:#ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-f { color:rgba(255,255,255,0.8);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .chip:not(.sub)::before { content:'';display:inline-block;width:8px;height:8px;margin:0;flex:none;background:#3d8bff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .chip:not(.sub) { gap:8px;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .num { display:inline-flex; align-items:center; gap:8px;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .s4 .num { gap:0;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .num::before { content:'';width:8px;height:8px;flex:none;border-radius:0;background:#3d8bff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .s4 .num::before { display:none;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .eyebrow::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .eyebrow::before { background:#9cc7ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head { background:linear-gradient(135deg,#c9deff 0%,#eaf2ff 100%) !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vside { background:transparent !important;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head .chip { background:#0e1a2f;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head .chip::before { background:#9cc7ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark:not(.hero-sheet) .chip::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dkb .chip::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk .chip::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .cx .chip::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .st2 .chip::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .chip::before { background:#9cc7ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .tb-list { background:#e1e6ed; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .tb-list button { color:#4c5a6e; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .tb-list button:not([aria-selected="true"]):hover { background:rgba(17,17,17,0.08);color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .tb-list [aria-selected="true"] { background:#0e1a2f;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h1, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h3, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h1, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h3 { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) .fq-i summary { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dkb h1, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dkb h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dkb h3, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk h3, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .cx h1, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .cx h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .cx h3, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .st2 h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .st2 h3, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fin.dk h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-side h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem h3, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #final.cx-dark h2 { color:#ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema h2, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema h3 { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .mid { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .stat { color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head nav a:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .hd.nav-cell nav a:hover { background:rgba(255,255,255,0.14); color:#ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li::before { top:calc(.575em - 6px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(1)::before { background:#b4481f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(2)::before { background:#f2b705; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(3)::before { background:#2dd4bf; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(4)::before { background:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(5)::before { background:#8b5cd6; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .chip.sub, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .num, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow { background:#dbe1e9;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark:not(.hero-sheet) .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dkb .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .cx .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .st2 .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .chip, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .eyebrow, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow { background:#22385c;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .aud-c { background:#e3ecfa;color:#4f98ff;border-color:transparent;box-shadow:none; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .qt-body .ico.qt-ico { background:#e3ecfa;color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-t .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .svc-slide .ico, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .svc-slide .ico.eye { background:var(--ct, #eceff3);color:var(--c, #0e1a2f); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-t .pl::after { display:none;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(1) .pl { background:#2f4fa8;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(1) li::before { background:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(2) .pl { background:#a8372a;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(2) li::before { background:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(3) .pl { background:#0f766e;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(3) li::before { background:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(4) .pl { background:#8a2f6e;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(4) li::before { background:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(5) .pl { background:#5b3fa0;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(5) li::before { background:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="el"] li::before { background:#f2b705 !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="el"] h3 { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="pi"] li::before { background:#14b8a6 !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="pi"] h3 { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="lc"] li::before { background:#8b5cd6 !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="lc"] h3 { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .tabs-card .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .quote .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .vstack .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-card .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg-cell .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fq .pl { background:#eceff3;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph-slot .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .tabs-card .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .quote .pl { display:inline-grid; place-items:center;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph-slot .pl { background:#e1e6ed;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-go, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft a { text-decoration-color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark .link-go, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .cx .link-go, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dkb .link-go, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft a, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.ft a { text-decoration-color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open { background:#f2f4f7;padding-top:calc(var(--head-h, 60px) + 20px); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a { font-family:var(--f-head, inherit);color:#0e1a2f;letter-spacing:.01em;border-bottom:1px solid #dde2e8;padding-left:clamp(28px, 7vw, 56px);padding-right:clamp(28px, 7vw, 56px); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on { background:rgba(61,139,255,0.22);color:#0e1a2f;box-shadow:inset 4px 0 0 #3d8bff;-webkit-backdrop-filter:none;backdrop-filter:none; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.is-on):not(.menu-cta):hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.is-on):not(.menu-cta):active { background:rgba(17,17,17,0.06);color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on:hover { color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.menu-cta { background:#3d8bff;color:#0e1a2f;border-bottom:0;justify-content:center;text-align:center;margin:auto clamp(28px, 7vw, 56px) 24px;min-height:56px;flex:none;border-radius:0 !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd { justify-content:center; text-align:center;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.dk:not(.burger) .logo { justify-content:center;; }
@media (max-width:860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.menu-cta) { justify-content:flex-start; text-align:left; padding:14px 24px; min-height:56px;; } }
@media (max-width:860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on { box-shadow:inset 4px 0 0 #3d8bff; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .pill, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-send { background:#3d8bff;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .pill:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-send:hover { background:#7fb3ff;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .tabs-nav a.is-on, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head nav a.is-on { background:rgba(255,255,255,0.2); color:#ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) svg.ico path { stroke:currentColor; stroke-width:12; stroke-linejoin:round; paint-order:stroke fill;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .eg-cell .pl { background:#3d8bff;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema .s4.vwrap { background:#3d8bff !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap .pill { background:#0e1a2f;color:#4f98ff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap .chip { background:#0e1a2f;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk { border:0;background:#3d8bff !important;color:#0e1a2f;animation:none;font-size:clamp(20px, 2.2vw, 28px);letter-spacing:-.01em; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:hover { background:#7fb3ff !important;animation:none;filter:none; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:focus-visible { outline:3px solid #0e1a2f;outline-offset:-10px; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head > .g { background:#1d2735; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sep { background:#0e1a2f;color:#ffffff; }
html.pal-blue.sep-rail:not([data-pol="dark"]) body.gr:not(.cd) .sep .sep-n { background:#3d8bff;color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .vstack .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fq .pl, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #kontakty .eg-cell:not(.act) .pl { background:#d6e7ff;color:#1553c7; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { display:flex;flex-direction:column;gap:20px;padding:0 0 clamp(24px, 2.4vw, 36px) !important;background:#f2f4f7; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo { position:static;align-self:stretch;width:100%;height:auto !important;aspect-ratio:2 / 1;min-height:0;margin:0;border:0;padding:0;background:none;color:#b8c4d9;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo::before { content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(45deg, #0f151d 0 8px, #141b26 8px 16px);transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:focus-within > .us-photo::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo img, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:focus-within > .us-photo img { transform:scale(1.06);; }
@media (prefers-reduced-motion:reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo img { transition:none;; } }
@media (prefers-reduced-motion:reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo::before, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo img { transform:none;; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-t, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > ul { margin-left:clamp(20px, 2.4vw, 36px); margin-right:clamp(20px, 2.4vw, 36px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-t { margin-top:clamp(8px, 1vw, 12px);; }
@media (max-width:1100px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo { aspect-ratio:auto; height:200px !important;; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .h-img { overflow:hidden;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .h-img .hero-fig { transition:transform .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .h-img:hover .hero-fig { transform:scale(1.05);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img { overflow:hidden;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img { transition:transform .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img:hover img { transform:scale(1.05);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo), html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph { background-position:center; background-size:100% 100%; transition:background-size .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .qt-one:hover .qt-ph { background-size:106% 106%;; }
@media (prefers-reduced-motion:reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .h-img .hero-fig, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph { transition:none;; } }
@media (prefers-reduced-motion:reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .h-img:hover .hero-fig, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img:hover img { transform:none;; } }
@media (prefers-reduced-motion:reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .qt-one:hover .qt-ph { background-size:100% 100%;; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.ac, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone { background:#3d8bff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone a, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone a b { color:#0e1a2f; }
@media (max-width:860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo i { width:34px; height:23px;; } }
@media (max-width:860px) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo span { font-size:13px;; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fq-i[open] summary::after { background-color:#3d8bff;background-image:linear-gradient(#0e1a2f,#0e1a2f); }
html.pal-blue body.gr a.cell-btn.dk, html.pal-blue body.gr a.eg-cell.act, html.pal-blue body.gr a.final-btn { --ring:linear-gradient(90deg, #f7c600, #44d4e2, #7f4bdc, #f7c600);--fill:#0f141b;border:4px solid transparent;background:linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box !important;color:#fff; }
html.pal-blue body.gr a.eg-cell.act { --fill:#172742; }
html.pal-blue body.gr a.cell-btn.dk:hover, html.pal-blue body.gr a.eg-cell.act:hover { filter: none; animation: ring-run 2.4s linear infinite;; }
html.pal-blue body.gr a.cell-btn.dk:focus-visible, html.pal-blue body.gr a.eg-cell.act:focus-visible { outline: 3px solid #fff; outline-offset: -10px;; }
@media (prefers-reduced-motion: reduce) { html.pal-blue body.gr a.cell-btn.dk:hover, html.pal-blue body.gr a.eg-cell.act:hover { animation: none;; } }
html.pal-blue body.gr .sep { display: none; box-sizing: border-box; font-size: 11px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 300;; }
html.pal-blue body.gr .g.has-sep { position: relative;; }
html.pal-blue body.gr .g.has-sep > .sep { display: block; position: absolute; left: 0; top: 0; z-index: 3;; }
html.pal-blue body.gr .sep span { font-weight: 300;; }
html.pal-blue body.gr .sep .sep-n { font-variant-numeric: tabular-nums;; }
html.pal-blue.sep-nt body.gr .sep .sep-t { display: none;; }
html.pal-blue.sep-rail body.gr { --rail: 22px;; }
html.pal-blue.sep-rail body.gr .g.has-sep { padding-left: var(--rail);; }
html.pal-blue.sep-rail body.gr .g.has-sep > .sep { top: 0; bottom: -1px; height: auto; width: var(--rail); min-width: 0; max-width: none; padding: 0 !important; margin: 0 !important; border: 0 !important;; }
html.pal-blue.sep-rail body.gr .sep .sep-in { position: sticky; top: var(--head-h, 60px); display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 0;; }
html.pal-blue.sep-rail body.gr .sep .sep-in { align-items: stretch; padding: 0 0 4px;; }
html.pal-blue.sep-rail body.gr .sep .sep-n { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--rail); letter-spacing: 0; text-indent: 0; font-weight: 600;; }
html.pal-blue.sep-rail body.gr .sep .sep-t { align-self: center; margin-top: 2px; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap;; }
html.pal-blue.sep-tab body.gr .g.has-sep { padding-top: 28px;; }
html.pal-blue.sep-tab body.gr .g.has-sep > .sep { height: 28px;; }
html.pal-blue.sep-tab body.gr .sep .sep-in { display: flex; align-items: center; gap: 12px; height: 28px; padding: 0 14px;; }
@media (max-width: 860px) { html.pal-blue body.gr .sep { font-size: 10px;; } }
@media (max-width: 860px) { html.pal-blue.sep-rail body.gr { --rail: 20px;; } }
@media (max-width: 860px) { html.pal-blue.sep-rail body.gr .sep .sep-in { padding: 0 0 4px; gap: 10px;; } }
@media (max-width: 860px) { html.pal-blue.sep-tab body.gr .sep .sep-in { padding: 0 10px; gap: 8px;; } }
html.pal-blue body.gr .site-head a .mn { font-weight: 300; font-size: .72em; letter-spacing: 0; margin-right: 7px; color: var(--accent); font-variant-numeric: tabular-nums;; }
html.pal-blue body.gr .menu-panel a .mn { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 22px; margin-right: 10px; background: var(--accent); color: var(--ink); font-weight: 600; font-size: 13px;; }
html.pal-blue body.gr #sluzhby > article.sv-cell { background:#eff1f5; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head { background: var(--accent) !important;; }
html.pal-blue body.gr #statement .st-big { color: var(--ink); max-width: 24em; font-size: clamp(28px, 3.6vw, 56px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800;; }
html.pal-blue body.gr #statement .st-big span { background: var(--accent); color: var(--ink); padding: 0 .18em; margin-left: -.18em; -webkit-box-decoration-break: clone; box-decoration-break: clone;; }
html.pal-blue body.gr #statement .st-sub { color: var(--ink); font-weight: 600;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(1) .pl { background:#ebe5f6;color:#5b3fa0; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(2) .pl { background:#e4e9f8;color:#2f4fa8; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(3) .pl { background:#f6e0dc;color:#a8372a; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(4) .pl { background:#f3e1ec;color:#8a2f6e; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk { background:#172742 !important;padding:0 !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .lc-top { padding: clamp(24px, 2.4vw, 36px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .go { display: flex; align-items: center; justify-content: center; margin: 0; padding: 24px; border-top: 0; background: var(--accent); color: var(--ink); font-size: clamp(18px, 1.8vw, 24px); font-weight: 700;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk:hover .go { background: color-mix(in srgb, var(--accent) 75%, #ffffff);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk:focus-visible { outline: 3px solid #ffffff; outline-offset: -6px;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm .cap .mid { color: var(--accent);; }
html.pal-blue body.gr #crm > a.link-card .lc-top > .chip { order: -1;; }
html.pal-blue body.gr #hero, html.pal-blue body.gr #manifest, html.pal-blue body.gr #obeshchaem, html.pal-blue body.gr #crm, html.pal-blue body.gr #final { border-bottom: 0;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { box-shadow: 0 -2px 0 var(--accent), -2px 0 0 var(--accent), 2px 0 0 var(--accent);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd-list { left: -2px; right: -2px; border: 2px solid var(--accent); border-top: 0;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form select, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i span { background-color:#e1e6ed; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i span { background:#e1e6ed; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form select:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i:hover span { background-color:#d5dce6; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:focus, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:focus, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:focus-visible, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { background-color: #ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:checked + span { background: var(--ink);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:checked { background-color: var(--ink);; }
@media (min-width: 641px) and (max-width: 1100px) { html.pal-blue body.gr:not(.cd) .g.us { grid-template-columns: repeat(3, minmax(0, 1fr));; } }
@media (min-width: 641px) and (max-width: 1100px) { html.pal-blue body.gr .eg4 > a.eg-cell.act { grid-column: 2; grid-row: 2 / span 2;; } }
@media (min-width: 641px) and (max-width: 860px) { html.pal-blue body.gr .g.us > .us-col > .us-t { flex-direction: column; align-items: flex-start; gap: 10px;; } }
@media (min-width: 641px) and (max-width: 860px) { html.pal-blue body.gr .g.us > .us-col h3 { font-size: 18px; overflow-wrap: anywhere;; } }
html.pal-blue body.gr .h1-acc { background: var(--accent); color: var(--ink); padding: 0 .14em; margin-left: -.14em; -webkit-box-decoration-break: clone; box-decoration-break: clone;; }
html.pal-blue body.gr ::selection { background: #6a3fd8; color: #ffffff;; }
html.pal-blue body.gr ::-moz-selection { background: #6a3fd8; color: #ffffff;; }
@media (max-width: 860px) { html.pal-blue body.gr .sub-g.h-pick { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));; } }
@media (max-width: 860px) { html.pal-blue body.gr .sub-g.h-pick > .s3 { grid-column: auto;; } }
html.pal-blue body.gr a.eg-cell.act, html.pal-blue body.gr a.final-btn { transition: --fill .2s ease;; }
html.pal-blue body.gr a.eg-cell.act .go, html.pal-blue body.gr a.final-btn .go { display: inline-block; transition: transform .2s ease;; }
html.pal-blue body.gr a.eg-cell.act:hover, html.pal-blue body.gr a.final-btn:hover { --fill:#22385c;animation:ring-run 2.4s linear infinite; }
html.pal-blue body.gr a.eg-cell.act:hover .go, html.pal-blue body.gr a.final-btn:hover .go { transform: translateX(4px);; }
html.pal-blue body.gr a.eg-cell.act:focus-visible, html.pal-blue body.gr a.final-btn:focus-visible { --fill:#22385c;outline:3px solid #fff;outline-offset:-12px; }
html.pal-blue body.gr a.eg-cell.act:active, html.pal-blue body.gr a.final-btn:active { --fill:#141a24;animation:ring-run .9s linear infinite; }
html.pal-blue body.gr a.eg-cell.act:active .go, html.pal-blue body.gr a.final-btn:active .go { transform: translateX(0);; }
@media (prefers-reduced-motion: reduce) { html.pal-blue body.gr a.eg-cell.act:hover, html.pal-blue body.gr a.final-btn:hover, html.pal-blue body.gr a.eg-cell.act:active, html.pal-blue body.gr a.final-btn:active { animation: none;; } }
@media (prefers-reduced-motion: reduce) { html.pal-blue body.gr a.eg-cell.act .go, html.pal-blue body.gr a.final-btn .go { transition: none;; } }
html.pal-blue body.gr:not(.cd) .rq-scroll { container-type: inline-size; --rqp: 56px;; }
@media (max-width: 860px) { html.pal-blue body.gr:not(.cd) .rq-scroll { --rqp: 20px;; } }
html.pal-blue body.gr:not(.cd) .rq-foot { padding: 0; width: calc(100cqw + 2 * var(--rqp)); max-width: none; margin-left: calc(-1 * ((100cqw - 100%) / 2 + var(--rqp))); margin-right: 0; margin-top: auto; background: transparent;; }
html.pal-blue body.gr:not(.cd) .rq-foot .rq-send { width: 100%; min-height: 64px;; }
html.pal-blue body.gr .h-say { margin: 18px 0 0; max-width: 34em; font-size: clamp(16px, 1.5vw, 21px); line-height: 1.3; font-weight: 600; color: var(--ink);; }
html.pal-blue body.gr .h-say span { background: var(--accent); padding: 0 .16em; margin-left: -.16em; -webkit-box-decoration-break: clone; box-decoration-break: clone;; }
html.pal-blue body.gr .h-say-sub { margin:10px 0 0;font-size:14px;font-weight:600;color:var(--mute, #4c5a6e); }
html.pal-blue body.gr .hero-fig .plate { position:absolute;z-index:3;display:grid;gap:2px;padding:9px 14px 10px;background:#ffffff;color:var(--ink);border:1px solid var(--line, #dde2e8);font-size:13px;line-height:1.2; }
html.pal-blue body.gr .hero-fig .plate small { font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--mute, #4c5a6e); }
html.pal-blue body.gr .hero-fig .plate b { font-size: 15px; font-weight: 700;; }
html.pal-blue body.gr .hero-fig .p-a { top: 5%; right: 4%;; }
html.pal-blue body.gr .hero-fig .p-b { left: 4%; bottom: 12%;; }
html.pal-blue body.gr .hero-fig .plate.p-a, html.pal-blue body.gr .hero-fig .plate.p-b { padding-left: 30px;; }
html.pal-blue body.gr .hero-fig .plate .pdot { position: absolute; left: 13px; top: 50%; margin-top: -3.5px; width: 7px; height: 7px; background: var(--accent);; }
@media (max-width: 860px) { html.pal-blue body.gr .hero-fig .plate { padding: 6px 10px 7px;; } }
@media (max-width: 860px) { html.pal-blue body.gr .hero-fig .plate b { font-size: 13px;; } }
@media (max-width: 860px) { html.pal-blue body.gr .hero-fig .plate small { font-size: 10px;; } }
html.pal-blue body.gr .h-act .cell-btn { font-size: clamp(16px, 1.7vw, 24px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2 { --fill:#172742;border:4px solid transparent;background:linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box !important;color:#ffffff;animation:none; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover { --fill:#22385c;animation:ring-run 2.4s linear infinite; }
@media (min-width: 861px) { html.pal-blue body.gr .hero { grid-template-rows: 1fr 1fr auto auto;; } }
html.pal-blue body.gr .h-facts > .rb { display:grid;align-content:center;gap:4px;padding:22px 28px;background:#0e1a2f;color:#ffffff; }
html.pal-blue body.gr .h-facts > .rb b { font-size: clamp(16px, 1.5vw, 21px); font-weight: 700;; }
html.pal-blue body.gr .h-facts > .rb span { font-size:14px;color:#b8c4d9; }
html.pal-blue body.gr .us-sub { margin:12px 0 0;max-width:42em;font-size:clamp(15px, 1.3vw, 18px);line-height:1.35;font-weight:500;color:var(--mute, #4c5a6e); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { padding-bottom: 0 !important;; }
html.pal-blue body.gr .g.us > .us-col > ul { margin-bottom: 24px;; }
html.pal-blue body.gr .g.us > .us-col > .us-btn { margin-top: auto; align-self: stretch; margin-left: 0; margin-right: 0;; }
html.pal-blue body.gr .us-btn, html.pal-blue body.gr .sv-btn, html.pal-blue body.gr .aud-btn { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 24px; background: var(--accent); color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color .2s ease;; }
html.pal-blue body.gr .us-btn i, html.pal-blue body.gr .sv-btn i, html.pal-blue body.gr .aud-btn i { font-style: normal; transition: transform .2s ease;; }
html.pal-blue body.gr .us-btn:hover, html.pal-blue body.gr .sv-btn:hover, html.pal-blue body.gr .aud-btn:hover { background: color-mix(in srgb, var(--accent) 75%, #ffffff);; }
html.pal-blue body.gr .us-btn:hover i, html.pal-blue body.gr .sv-btn:hover i, html.pal-blue body.gr .aud-btn:hover i { transform: translateX(4px);; }
html.pal-blue body.gr .us-btn:active, html.pal-blue body.gr .sv-btn:active, html.pal-blue body.gr .aud-btn:active { background:color-mix(in srgb, var(--accent) 85%, #0e1a2f); }
html.pal-blue body.gr .us-btn:focus-visible, html.pal-blue body.gr .sv-btn:focus-visible, html.pal-blue body.gr .aud-btn:focus-visible { outline: 3px solid var(--ink); outline-offset: -6px;; }
html.pal-blue body.gr .aud-head { display: flex; flex-direction: column; align-items: flex-start; padding: calc(var(--u) * 1.5) calc(var(--u) * 1.5) 0;; }
html.pal-blue body.gr .aud-h { margin: 16px 0 0; font-size: clamp(28px, 3.4vw, 52px); line-height: 1.05; font-weight: 800; letter-spacing: -.02em; max-width: 12em;; }
html.pal-blue body.gr .aud-p { margin:16px 0 24px;max-width:30em;font-size:clamp(15px, 1.3vw, 18px);line-height:1.4;font-weight:500;color:var(--mute, #4c5a6e); }
html.pal-blue body.gr .aud-head > .aud-btn { align-self: stretch; margin: auto calc(var(--u) * -1.5) 0;; }
html.pal-blue body.gr .aud-list { display:grid;gap:1px;background:var(--line, #dde2e8);padding:0; }
html.pal-blue body.gr .aud-row { display: grid; grid-template-columns: 56px 1fr; gap: 12px; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5); background: var(--bg); align-content: center;; }
html.pal-blue body.gr .aud-n { font-size:14px;font-weight:700;color:var(--mute, #4c5a6e);font-variant-numeric:tabular-nums; }
html.pal-blue body.gr .aud-row b { display: block; font-size: clamp(18px, 1.8vw, 26px); font-weight: 700; line-height: 1.15;; }
html.pal-blue body.gr .aud-row span:not(.aud-n) { display:block;margin-top:6px;font-size:15px;line-height:1.35;color:var(--mute, #4c5a6e); }
html.pal-blue body.gr .sv-sub { margin: 14px 0 0; max-width: 24em; font-size: clamp(14px, 1.15vw, 17px); line-height: 1.35; font-weight: 500;; }
html.pal-blue body.gr .sv > .sv-cell:not(.sv-head) { padding-bottom: 0;; }
html.pal-blue body.gr .sv > .sv-cell > ul { margin-bottom: 20px;; }
html.pal-blue body.gr .sv > .sv-cell > .sv-btn { align-self: stretch; margin: auto calc(var(--u) * -1.5) 0;; }
@media (max-width: 640px) { html.pal-blue body.gr .sv > .sv-cell > .sv-btn { margin-left: calc(var(--u) * -1); margin-right: calc(var(--u) * -1);; } }
@media (max-width: 640px) { html.pal-blue body.gr .aud-head > .aud-btn { margin-left: calc(var(--u) * -1.5); margin-right: calc(var(--u) * -1.5);; } }
html.pal-blue body.gr .eg > .eg-quote { grid-column: 1 / -1; background: var(--bg); color: var(--ink);; }
html.pal-blue body.gr .eg-quote .qt-one { margin: 0;; }
html.pal-blue body.gr .fm-h { margin: 14px 0 0; font-size: clamp(26px, 3.2vw, 48px); line-height: 1.08; font-weight: 800; letter-spacing: -.02em; max-width: 18em;; }
html.pal-blue body.gr .fin > .fin-ways { grid-column:1 / -1;display:grid;gap:1px;background:var(--line, #dde2e8);padding:0;grid-template-columns:repeat(4, minmax(0, 1fr)); }
html.pal-blue body.gr .fin-ways > * { background: var(--bg);; }
@media (max-width: 1100px) { html.pal-blue body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr));; } }
@media (max-width: 1100px) { html.pal-blue body.gr .fin-ways > .eg-head { grid-column: 1 / -1;; } }
@media (max-width: 640px) { html.pal-blue body.gr .fin > .fin-ways { grid-template-columns: 1fr;; } }
@media (max-width: 640px) { html.pal-blue body.gr .fin-ways > a.eg-cell.act { grid-column: auto; grid-row: auto;; } }
@media (max-width: 860px) { html.pal-blue body.gr .hero > .h-facts { order: 5;; } }
html.pal-blue body.gr .us-btn, html.pal-blue body.gr .sv-btn, html.pal-blue body.gr .aud-btn { display: inline-flex; justify-content: flex-start; align-self: flex-start; gap: 10px; padding: 6px 0; background: none; color: inherit; font-size: 17px; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 6px;; }
html.pal-blue body.gr .g.us > .us-col > .us-btn, html.pal-blue body.gr .sv > .sv-cell > .sv-btn, html.pal-blue body.gr .aud-head > .aud-btn { align-self: flex-start; margin: auto 0 0;; }
html.pal-blue body.gr .g.us > .us-col > .us-btn { margin-bottom: 24px;; }
html.pal-blue body.gr .us-btn:hover, html.pal-blue body.gr .sv-btn:hover, html.pal-blue body.gr .aud-btn:hover, html.pal-blue body.gr .us-btn:active, html.pal-blue body.gr .sv-btn:active, html.pal-blue body.gr .aud-btn:active { background: none; text-decoration-color: currentColor;; }
html.pal-blue body.gr .us-btn:focus-visible, html.pal-blue body.gr .sv-btn:focus-visible, html.pal-blue body.gr .aud-btn:focus-visible { outline-offset: 4px;; }
@media (max-width: 640px) { html.pal-blue body.gr .sv > .sv-cell > .sv-btn, html.pal-blue body.gr .aud-head > .aud-btn { margin: auto 0 0;; } }
html.pal-blue body.gr .g.us > .us-col > .us-btn { margin-left: 24px;; }
html.pal-blue body.gr .aud-head > .aud-btn { margin-bottom: 24px;; }
html.pal-blue body.gr .us-btn, html.pal-blue body.gr .sv-btn, html.pal-blue body.gr .aud-btn { text-decoration: none;; }
html.pal-blue body.gr .us-btn .lt, html.pal-blue body.gr .sv-btn .lt, html.pal-blue body.gr .aud-btn .lt { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 6px;; }
html.pal-blue body.gr .us-btn:hover .lt, html.pal-blue body.gr .sv-btn:hover .lt, html.pal-blue body.gr .aud-btn:hover .lt { text-decoration-color: currentColor;; }
html.pal-blue body.gr .g.us > .us-col > .us-btn, html.pal-blue body.gr .sv > .sv-cell > .sv-btn, html.pal-blue body.gr .aud-head > .aud-btn { margin-bottom: 36px;; }
html.pal-blue body.gr #formaty > .fm { display: block;; }
html.pal-blue body.gr #formaty .fm .chip { margin: 0;; }
html.pal-blue body.gr #formaty .fm ul { margin: 28px 0 0;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft .chip { color: #ffffff;; }
html.pal-blue body.gr .eg4 > .eg-cell.form-way { grid-column: 2; grid-row: 2 / span 2;; }
@media (max-width: 640px) { html.pal-blue body.gr .fin-ways > .eg-cell.form-way { grid-column: auto; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto repeat(3, auto);; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin-ways > .eg-head { grid-column: 1; grid-row: 1;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) { grid-column: 1; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { grid-column: 2; grid-row: 1 / span 4;; } }
html.pal-blue body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { align-items: center; justify-content: center; text-align: center; gap: 24px; min-height: 280px;; }
html.pal-blue body.gr .fin-ways > a.fin-go .vh { font-size: clamp(28px, 3.4vw, 52px);; }
html.pal-blue body.gr .fin-ways > a.fin-go .go { font-size: clamp(16px, 1.6vw, 22px);; }
html.pal-blue body.gr .fin-ways > a.fin-go .vh { margin: auto 0 0;; }
html.pal-blue body.gr .fin-ways > a.fin-go .go { margin: 0 0 auto;; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); align-items: baseline; gap: 4px 20px; padding: 20px calc(var(--u) * 1.5);; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) .pl { display: none;; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) h3 { margin: 0; font-size: 16px;; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) ul, html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) p { margin: 0; font-size: 16px;; }
html.pal-blue body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { min-height: 0;; }
@media (max-width: 640px) { html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) { grid-template-columns: 1fr; padding: 16px var(--u);; } }
@media (max-width: 640px) { html.pal-blue body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { min-height: 200px;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin-ways > .eg-head { grid-column: 1 / -1; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) { grid-column: auto; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-blue body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { grid-column: auto; grid-row: auto; min-height: 200px;; } }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: calc(var(--u) * 1.5);; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) .pl { display: inline-flex;; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) h3 { margin: 14px 0 0; font-size: clamp(18px, 1.6vw, 22px);; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) ul, html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) p { margin: 10px 0 0;; }
html.pal-blue body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { align-items: flex-start; text-align: left;; }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc > .s4.vwrap, html.pal-blue body.gr #sxema.vc > .s8.vstack { grid-column: 1 / -1;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc > .vwrap > .vside { position: static; flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: calc(var(--u) * 1.5);; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vside .chip { flex: none;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vside .vh { flex: 1; margin: 0;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vside .vgo { margin: 0; flex: none;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc > .vstack { grid-template-columns: repeat(4, minmax(0, 1fr));; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vstack article { flex-direction: column; align-items: flex-start; gap: 16px; min-height: 0; padding: calc(var(--u) * 1.5);; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vstack article:not(:last-child)::after { left: calc(var(--u) * 1.5 + 56px); right: calc(var(--u) * -.5); top: calc(var(--u) * 1.5 + 21px); width: auto; height: 2px;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc { grid-template-columns: repeat(6, minmax(0, 1fr));; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc > .s4.vwrap { grid-column: 1;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc > .s8.vstack { grid-column: 2 / -1; gap: 0; background: var(--bg);; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc > .vwrap > .vside { height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; padding: calc(var(--u) * 1.2);; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vside .vh { flex: none; font-size: clamp(22px, 2.2vw, 34px); margin-top: 14px;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vside .vgo { margin-top: auto; padding-top: 22px; font-size: 16px;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vstack article { padding: calc(var(--u) * 1.2);; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vstack article:not(:last-child)::after { left: calc(var(--u) * 1.2 + 56px); top: calc(var(--u) * 1.2 + 21px); right: 0;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vstack article:not(:last-child)::after { height: 2px; right: calc(var(--u) * -.6); top: calc(var(--u) * 1.2 + 21px);; } }
@media (min-width: 861px) { html.pal-blue body.gr .eg-quote { border-bottom:1px solid var(--line, #dde2e8); } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema.vc { column-gap: 0;; } }
@media (min-width: 861px) { html.pal-blue body.gr #sxema .vstack article:not(:last-child)::after { background:#a1adbe; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li::before { top: calc(50% - 3.5px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head { background: var(--accent) !important;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head .chip { background:#0e1a2f;color:#ffffff; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head .chip::before { background:#9cc7ff; }
@media (min-width: 861px) { html.pal-blue body.gr .h-act .cell-btn { min-height: 72px; padding: 16px 20px; font-size: clamp(16px, 1.4vw, 20px);; } }
@media (min-width: 861px) { html.pal-blue body.gr .h-facts > .rb { padding: 20px 28px;; } }
html.pal-blue body.gr .h-act .cell-btn { justify-content: flex-start; text-align: left; padding-left: 28px;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .go { justify-content: flex-start; text-align: left; padding-left: calc(var(--u) * 1.5);; }
html.pal-blue body.gr #klientam { border-bottom: 0;; }
html.pal-blue body.gr .h-facts { grid-column:1 / -1;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;padding:12px;background:#0e1a2f; }
html.pal-blue body.gr .h-facts > .rb { background:#101f38;margin:0;grid-column:auto; }
html.pal-blue body.gr .h-facts > .rb:nth-child(1) { box-shadow:inset 8px 0 0 #f2b705; }
html.pal-blue body.gr .h-facts > .rb:nth-child(2) { box-shadow:inset 8px 0 0 #4f98ff; }
html.pal-blue body.gr .h-facts > .rb:nth-child(3) { box-shadow:inset 8px 0 0 #8b5cd6; }
@media (max-width: 860px) { html.pal-blue body.gr .h-facts { gap: 8px; padding: 8px;; } }
@media (max-width: 860px) { html.pal-blue body.gr .h-facts > .rb { padding: 14px 14px 14px 20px;; } }
@media (max-width: 860px) { html.pal-blue body.gr .h-facts > .rb b { font-size: 15px; line-height: 1.2;; } }
@media (max-width: 860px) { html.pal-blue body.gr .h-facts > .rb span { font-size: 12.5px; line-height: 1.3;; } }
@media (max-width: 520px) { html.pal-blue body.gr .h-facts { grid-template-columns: 1fr;; } }
@media (max-width: 520px) { html.pal-blue body.gr .h-facts > .rb { padding: 16px 18px 16px 24px;; } }
@media (max-width: 520px) { html.pal-blue body.gr .h-facts > .rb b { font-size: 16px;; } }
@media (max-width: 520px) { html.pal-blue body.gr .h-facts > .rb span { font-size: 13px;; } }
html.pal-blue body.gr .h-facts > .rb { align-content: start;; }
html.pal-blue body.gr .aud-head { display: block;; }
html.pal-blue body.gr .aud-stick { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: calc(var(--u) * 1.5);; }
html.pal-blue body.gr .aud-head > .aud-stick > .aud-btn { margin: 0; align-self: flex-start;; }
@media (min-width: 861px) { html.pal-blue body.gr .aud-stick { position: sticky; top: calc(var(--head-h, 66px) + 8px);; } }
html.pal-blue body.gr .pl { width: 44px; height: 44px; display: inline-grid; place-items: center;; }
html.pal-blue body.gr .pl .ico { width: 24px; height: 24px;; }
html.pal-blue body.gr .g.us > .us-col .us-t .pl { width: 44px; height: 44px;; }
html.pal-blue body.gr .fin-ways > .eg-cell:not(.act) .pl { display: inline-grid; place-items: center;; }
html.pal-blue body.gr .site-head .g > .hd.dk:first-child { position: relative; padding-left: calc(var(--rail, 22px) + 16px);; }
html.pal-blue body.gr .site-head .g > .hd.dk:first-child::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--rail, 22px); background: var(--accent); z-index: 1;; }
html.pal-blue body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger) { justify-content: flex-start; text-align: left;; }
html.pal-blue body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo { justify-content: flex-start;; }
html.pal-blue body.gr:not(.cd) .site-head .g > .hd:not(.phone) nav { justify-content: flex-start;; }
html.pal-blue body.gr:not(.cd) .site-head .logo span { text-align: left;; }
html.pal-blue.pal-blue body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger), html.pal-blue.pal-graphite body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger) { justify-content: flex-start; text-align: left;; }
html.pal-blue.pal-blue body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo, html.pal-blue.pal-graphite body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo { justify-content: flex-start;; }
html.pal-blue body.gr .site-head .hd.nav-cell nav a, html.pal-blue body.gr .menu-panel.open a, html.pal-blue body.gr .menu-panel.open a.menu-cta { justify-content: flex-start !important; text-align: left !important;; }
html.pal-blue body.gr .eg > .eg-quote { padding: 0;; }
html.pal-blue body.gr .eg-quote .qt-one { padding: 0; gap: 0; align-items: stretch;; }
html.pal-blue body.gr .eg-quote .qt-ph { height: 100%; min-height: 360px; margin: 0; padding: 0 10px;; }
@media (min-width: 861px) { html.pal-blue body.gr .hero { grid-template-rows: auto 1fr auto; min-height: max(calc(100svh - var(--head-h, 65px)), 560px);; } }
@media (min-width: 861px) { html.pal-blue body.gr .hero .h-h1 { padding-block: clamp(14px, 3.4svh, 42px);; } }
@media (min-width: 861px) { html.pal-blue body.gr .h-act .cell-btn { min-height: clamp(56px, 9svh, 96px);; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-blue body.gr .hero .big { font-size: clamp(30px, min(5vw, 7.6svh), 104px) !important;; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-blue body.gr .hero .h-say { font-size: 14px; margin-top: 10px;; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-blue body.gr .hero .h-say-sub { display: none;; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-blue body.gr .hero .big-list { font-size: clamp(14px, 2.5svh, 22px) !important;; } }
html.pal-blue body.gr .facts-strip { position: relative;; }
html.pal-blue.sep-rail body.gr .facts-strip { padding-left:var(--rail);background:var(--dark, #0e1a2f); }
html.pal-blue.sep-rail body.gr .facts-strip::before { content:"";position:absolute;left:0;top:0;bottom:0;width:var(--rail);background:var(--dark, #0e1a2f); }
html.pal-blue body.gr:not(.cd) .site-head > .g { border-bottom: 0;; }
html.pal-blue body .to-top { position:fixed;right:16px;bottom:16px;z-index:40;width:44px;height:44px;display:grid;place-items:center;border-radius:0;color:#fff;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.22);opacity:.6;text-decoration:none;transition:opacity .2s; }
html.pal-blue body .to-top[hidden] { display:none; }
html.pal-blue body .to-top:hover, html.pal-blue body .to-top:focus-visible { opacity:.95; }
@media (max-width:600px) { html.pal-blue body .to-top { right:12px;bottom:12px;width:40px;height:40px; } }
html.pal-blue body.gr .hero > .h-act.sub-g { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));; }
html.pal-blue body.gr .hero > .h-act.sub-g > .s3 { grid-column: auto;; }
@media (max-width: 860px) { html.pal-blue body.gr .h-act .cell-btn { padding: 14px 14px 14px 16px; font-size: clamp(15px, 4.2vw, 18px); line-height: 1.2; text-wrap: balance;; } }
html.pal-blue body.gr .qt-h { font-size: clamp(14px, 1.2vw, 17px); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mute);; }
html.pal-blue body.gr .qt-cap { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, max-content)); gap: 12px 40px;; }
html.pal-blue body.gr .qt-p { display: grid; gap: 2px;; }
html.pal-blue body.gr .qt-p span { font-size: 14px;; }
html.pal-blue body.gr .fmc { padding: 0;; }
html.pal-blue body.gr .fmc .fm-head { padding: calc(var(--u) * 1.5); display: grid; gap: 14px; justify-items: start;; }
html.pal-blue body.gr .fmc .fm-h { margin: 0; font-size: clamp(26px, 3vw, 44px); line-height: 1.1; font-weight: 700; text-wrap: balance;; }
html.pal-blue body.gr .fm-grid { grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:1px;background:var(--line, #dde2e8);border-top:1px solid var(--line, #dde2e8); }
@media (min-width: 600px) { html.pal-blue body.gr .fm-grid { grid-template-columns: repeat(2, minmax(0, 1fr));; } }
@media (min-width: 961px) { html.pal-blue body.gr .fm-grid { grid-template-columns: repeat(3, minmax(0, 1fr));; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-grid { grid-template-columns: repeat(5, minmax(0, 1fr));; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card { padding: calc(var(--u) * 1.1);; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card li { font-size: 14px;; } }
@media (min-width: 600px) and (max-width: 999px) { html.pal-blue body.gr .fm-grid::after { content: ""; background: var(--bg);; } }
html.pal-blue body.gr .fm-card { background: var(--bg); padding: calc(var(--u) * 1.2); display: grid; align-content: start; gap: 12px;; }
html.pal-blue body.gr .fm-card h3 { margin: 0; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.2; font-weight: 700;; }
html.pal-blue body.gr .fm-card p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--mute);; }
html.pal-blue body.gr .fm-card.fm-go { align-content: center; min-height: 120px; font-size: clamp(18px, 1.7vw, 24px); font-weight: 700; text-align: left; justify-content: start;; }
html.pal-blue body.gr .eg-quote img.qt-ph { display: block; width: 100%; height: 100%; min-height: 360px; margin: 0; padding: 0; object-fit: cover; border: 0;; }
html.pal-blue body.gr img.ph { padding: 0; object-fit: cover;; }
html.pal-blue body.gr .fm-grid { padding: 0; border-top: 0;; }
html.pal-blue body.gr .fm-card { padding: calc(var(--u) * 1.4); gap: 18px; align-content: start;; }
html.pal-blue body.gr .fm-top { display: flex; flex-direction: column; align-items: flex-start; gap: 16px;; }
html.pal-blue body.gr .fm-card ul { margin: 0; padding: 0; display: grid; gap: 10px;; }
html.pal-blue body.gr .fm-card li { font-size: 15px; line-height: 1.45; margin: 0;; }
html.pal-blue body.gr .fm-card.fm-hot { background:#3d8bff;color:#0e1a2f; }
html.pal-blue body.gr .fm-card.fm-hot li { color: #111;; }
html.pal-blue body.gr .fm-q { font-size: 17px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px;; }
html.pal-blue body.gr .fm-card { display: flex; flex-direction: column;; }
html.pal-blue body.gr .fm-card ul { flex: 1 1 auto;; }
html.pal-blue body.gr .fm-card .sv-btn { margin-top: auto; padding: 8px 0 0; background: transparent;; }
html.pal-blue body.gr .fm-card.fm-hot { background:#3d8bff;color:#0e1a2f; }
html.pal-blue body.gr .fm-card.fm-dark { --ring:linear-gradient(90deg, #f7c600, #44d4e2, #7f4bdc, #f7c600);--fill:#172742;border:4px solid transparent;background:linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box;color:#fff; }
html.pal-blue body.gr .fm-card.fm-dark h3, html.pal-blue body.gr .fm-card.fm-dark li, html.pal-blue body.gr .fm-card.fm-dark .sv-btn { color: #fff;; }
html.pal-blue body.gr .fm-card.fm-dark .pl { color: #fff;; }
html.pal-blue body.gr .fm-card ul { align-content: start;; }
html.pal-blue body.gr .fm-card ul { gap: 0;; }
html.pal-blue body.gr .fm-card li { position: static; padding: 10px 0; border-bottom: 1px solid rgba(21, 21, 21, .14);; }
html.pal-blue body.gr .fm-card li::before, html.pal-blue body.gr .fm-card li::marker { content: none; display: none;; }
html.pal-blue body.gr .fm-card li:first-child { padding-top: 0;; }
html.pal-blue body.gr .fm-card li:last-child { border-bottom: 0; padding-bottom: 0;; }
html.pal-blue body.gr .fm-card.fm-hot li { border-bottom-color: rgba(17, 17, 17, .22);; }
html.pal-blue body.gr .fm-card.fm-dark li { border-bottom-color: rgba(255, 255, 255, .22);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .pl { display:inline-grid;place-items:center;background:#d6e7ff;color:#1553c7; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-hot .pl { background:rgba(255, 255, 255, .55);color:#0e1a2f; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .pl { background: rgba(255, 255, 255, .14); color: #ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(1) { --h:#2f4fa8; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(3) { --h:#a8372a; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(5) { --h:#0f766e; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { background: color-mix(in srgb, var(--h) 7%, var(--bg)); box-shadow: inset 0 5px 0 var(--h); padding-top: calc(var(--u) * 1.4 + 5px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .pl { background: var(--h); color: #ffffff;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) li { border-bottom-color: color-mix(in srgb, var(--h) 28%, transparent);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .sv-btn .lt { text-decoration-color: var(--h);; }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-grid { grid-template-rows: auto 1fr auto;; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 18px; align-content: stretch;; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card .sv-btn { margin-top: 0; align-self: end;; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card.fm-hot { padding-top: calc(var(--u) * 1.1 + 5px);; } }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card.fm-dark { padding-top: calc(var(--u) * 1.4 + 1px); padding-bottom: calc(var(--u) * 1.1 + 3px);; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(2) { --h:#8a2f6e; }
html.pal-blue body.gr .fm-card { --pl: calc(var(--u) * 1.4); --pt: calc(var(--u) * 1.4);; }
html.pal-blue body.gr .fm-top { position: relative;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { box-shadow: inset 0 5px 0 var(--h); padding-top: calc(var(--pt) + 5px);; }
@media (min-width: 1000px) { html.pal-blue body.gr .fm-card.fm-dark { padding-top: calc(var(--u) * 1.4 + 1px);; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-grid { counter-reset: fm;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card { counter-increment: fm; padding-top: 0; box-shadow: none;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { padding-top: 0; box-shadow: none;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark { padding-top: 0;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .fm-top { margin: 0 calc(-1 * var(--pl)); padding: calc(var(--u) * 1.4) var(--pl) 22px; overflow: hidden; border-top: 5px solid transparent; position: relative;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .fm-top { padding-top: calc(var(--u) * 1.4 + 1px); border-top: 0;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .fm-top { border-top-color: var(--h); background: color-mix(in srgb, var(--h) 17%, var(--bg));; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .pl { background: rgba(255, 255, 255, .9); color: var(--h);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .fm-top::after { content: counter(fm, decimal-leading-zero); position: absolute; right: 10px; top: 2px; font-size: clamp(64px, 7vw, 104px); font-weight: 300; line-height: 1; letter-spacing: -.03em; color: color-mix(in srgb, var(--h, #ffffff) 22%, transparent); pointer-events: none;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .fm-top::after { color: rgba(255, 255, 255, .09);; }
html.pal-blue body.gr #formaty .fm-top .pl, html.pal-blue body.gr #formaty .fm-top h3 { position: relative; z-index: 1;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote img.qt-ph, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo) { transform: scale(1); clip-path: inset(0); transition: transform 1.4s cubic-bezier(.22, .61, .36, 1), clip-path 1.4s cubic-bezier(.22, .61, .36, 1); will-change: transform, clip-path;; }
@media (hover: hover) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote .qt-one:hover img.qt-ph, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover img.us-photo, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo):hover { transform: scale(1.06); clip-path: inset(2.83%);; } }
@media (prefers-reduced-motion: reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote img.qt-ph, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo) { transition: none;; } }
@media (prefers-reduced-motion: reduce) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote .qt-one:hover img.qt-ph, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover img.us-photo, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo):hover { transform: none; clip-path: inset(0);; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo), html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .slots > img.ph { padding: 0; margin: 0; border: 0; object-fit: cover; display: block;; }
html.pal-blue #o-kompanii .slots img.ph { padding: 0;; }
html.pal-blue body.gr .bgph.crm-img img { flex: 1 1 auto; height: 100%; min-height: 0; object-fit: cover; object-position: left top;; }
html.pal-blue body.gr .fq-todo .fq-a { color: var(--mute);; }
html.pal-blue body.gr .ad-card { display: grid; grid-template-rows: auto 1fr; gap: 0; row-gap: 0; padding: 0;; }
html.pal-blue body.gr .ad-top { background:var(--accent);color:var(--on-accent, #0e1a2f);padding:clamp(22px, 2.4vw, 34px) clamp(22px, 2.4vw, 36px); }
html.pal-blue body.gr .ad-tag { display: block; font-size: clamp(28px, 3vw, 44px); font-weight: 700; line-height: 1.05;; }
html.pal-blue body.gr .ad-mid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; padding: 0; background: rgba(255, 255, 255, .16); align-content: stretch;; }
@media (min-width: 1280px) { html.pal-blue body.gr .ad-mid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);; } }
html.pal-blue body.gr .ad-b { background:#101f38;padding:clamp(20px, 2vw, 28px);display:grid;gap:14px;align-content:start; }
html.pal-blue body.gr .ad-b2 .vh { display: block;; }
html.pal-blue body.gr .ad-sys { display: grid; gap: 18px; align-content: start;; }
html.pal-blue body.gr .ad-si { display: flex; align-items: baseline; gap: 12px; color: #ffffff; font-size: clamp(18px, 1.6vw, 22px); font-weight: 600; line-height: 1.2; text-decoration: none;; }
html.pal-blue body.gr .ad-si::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--c, #ffffff); transform: translateY(-1px);; }
html.pal-blue body.gr .ad-si .lt { border-bottom: 2px dotted currentColor;; }
html.pal-blue body.gr .ad-si i { font-style: normal; transition: transform .2s ease;; }
html.pal-blue body.gr .ad-si:hover i { transform: translateX(4px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk.ad-card { background:#0e1a2f !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk.ad-card .go { font-size: clamp(20px, 1.9vw, 26px); font-weight: 700; padding: clamp(26px, 2.6vw, 38px);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):not(img), html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph:not(img) { transition: background-size 1.4s cubic-bezier(.22, .61, .36, 1);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img { transition: transform 1.4s cubic-bezier(.22, .61, .36, 1);; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo { object-fit: cover; object-position: center;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { position: relative;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col::after { content: ""; position: absolute; inset: 0; border: 4px solid transparent; pointer-events: none; z-index: 2; transition: border-color .25s ease;; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col[data-l="pi"]::after { border-color: var(--accent);; }
@media (hover: hover) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us:has(> .us-col:hover) > .us-col[data-l="pi"]:not(:hover)::after { border-color: transparent;; } }
@media (hover: hover) { html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover::after { border-color: var(--accent);; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #crm .ad-card .pl { background:var(--accent);color:var(--on-accent, #0e1a2f); }
html.pal-blue body.gr footer.g.ft { display: flex; flex-wrap: wrap; gap: 1px;; }
html.pal-blue body.gr footer.g.ft > .s4 { flex: 1 1 150px; min-width: 0; grid-column: auto; overflow-wrap: anywhere;; }
html.pal-blue body.gr footer.g.ft > .s4:first-child { flex-basis: 100%;; }
html.pal-blue body.gr footer.g.ft > .ft-req { flex: 1.6 1 300px;; }
@media (min-width: 1100px) { html.pal-blue body.gr footer.g.ft { flex-wrap: nowrap;; } }
@media (min-width: 1100px) { html.pal-blue body.gr footer.g.ft > .s4:first-child { flex: 1.1 1 0;; } }
@media (min-width: 1100px) { html.pal-blue body.gr footer.g.ft > .s4 { flex: 1 1 0;; } }
@media (min-width: 1100px) { html.pal-blue body.gr footer.g.ft > .ft-req { flex: 1.8 1 0;; } }
html.pal-blue body.gr img.lz-img { cursor: zoom-in; transition: opacity .2s ease;; }
html.pal-blue body.gr img.lz-img:hover { opacity: .88;; }
html.pal-blue body.gr img.lz-img:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px;; }
html.pal-blue dialog.lz-dlg { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(30, 28, 25, .92); color: #ffffff;; }
html.pal-blue dialog.lz-dlg::backdrop { background: rgba(30, 28, 25, .6);; }
html.pal-blue .lz-box { box-sizing: border-box; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 56px clamp(12px, 4vw, 48px) 20px;; }
html.pal-blue .lz-x { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px; border: 0; background: var(--accent); color: var(--on-accent); font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;; }
html.pal-blue .lz-x:hover { background: color-mix(in srgb, var(--accent) 80%, #ffffff);; }
html.pal-blue .lz-x:focus-visible { outline: 3px solid #ffffff; outline-offset: -6px;; }
html.pal-blue .lz-x span { font-size: 22px; line-height: 1;; }
html.pal-blue .lz-pic { flex: 1 1 auto; min-height: 0; max-width: 100%; display: flex;; }
html.pal-blue .lz-pic img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; object-fit: contain; background: #ffffff;; }
html.pal-blue .lz-cap { margin:0;max-width:56em;text-align:center;font-size:14px;line-height:1.4;color:var(--mute-dark, #abb5c4); }
html.pal-blue .lz-pic img[src] { min-width: 0;; }
html.pal-blue:root { scroll-padding-top: var(--head-h, 65px);; }
@media (min-width: 861px) { html.pal-blue body.gr .site-head > .g { grid-template-columns: auto minmax(0, 1fr) auto;; } }
@media (min-width: 861px) { html.pal-blue body.gr .site-head > .g > .hd:not(.burger) { grid-column: auto;; } }
@media (min-width: 861px) { html.pal-blue body.gr .site-head .hd.nav-cell nav { font-size: clamp(13px, 1.25vw, 15px);; } }
@media (min-width: 861px) { html.pal-blue body.gr .site-head .hd.nav-cell nav a { flex: 1 1 auto; padding: 0 clamp(8px, 1.1vw, 18px);; } }
@media (min-width: 861px) { html.pal-blue body.gr .site-head .g > .hd.phone { padding-left: clamp(14px, 1.8vw, 28px); padding-right: clamp(14px, 1.8vw, 28px);; } }
@media (min-width: 861px) and (max-width: 1000px) { html.pal-blue body.gr .site-head .hd.nav-cell nav a .mn { display: none;; } }
@media (min-width: 861px) and (max-width: 1000px) { html.pal-blue body.gr .site-head .hd.nav-cell nav a { padding: 0 8px;; } }
html.pal-blue body.gr .site-head .logo i, html.pal-blue body.gr .ft .logo i { height: 38px !important; width: 59px !important; flex: none;; }
html.pal-blue body.gr .ft .logo i { height: 64px !important; width: 99px !important;; }
html.pal-blue body.gr .site-head .g > .hd.dk:first-child .logo { gap: 12px;; }
@media (max-width: 860px) { html.pal-blue body.gr .site-head .logo i { height: 36px !important; width: 56px !important;; } }
/* поправки палитры */
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .stat { color:#1553c7; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn { --ring:linear-gradient(135deg, #2f7bff 0%, #8a4dff 11%, #ff3d8b 22%, #ff7a1a 33%, #ff3d8b 55%, #8a4dff 77%, #2f7bff 100%); }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2 { --fill:#172742; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .fm-dark { --ring:linear-gradient(135deg, #2f7bff 0%, #8a4dff 11%, #ff3d8b 22%, #ff7a1a 33%, #ff3d8b 55%, #8a4dff 77%, #2f7bff 100%); --fill:#172742; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn { background-size:100% 100%, 200% 200% !important; }
@keyframes ring-run-p { to { background-position: 0 0, 200% 200%; } }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:active, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:active, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act:active, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn:hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn:active { animation-name: ring-run-p !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover { --fill:#22385c; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:not(.cell-btn-2), html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .pill, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-send, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.menu-cta, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.ac, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone { background:#ff7a1a !important; color:#111111; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:not(.cell-btn-2):hover, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .req-send:hover { background:#ff9448 !important; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .us-btn .lt, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .sv-btn .lt, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .aud-btn .lt { text-decoration-color:#ff7a1a; }
html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .link-go, html.pal-blue:not([data-pol="dark"]) body.gr:not(.cd) .ft a { text-decoration-color:#ff7a1a; }
/* ===== graphite ===== */
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) { --bg:#f3f2ee; --bg2:#eeede8; --ink:#1e1c19; --mute:#5a5953; --line:#e0dfd9; --dark:#1e1c19; --accent:#d4b25a; --on-accent:#1e1c19; --accent-d:#d4b25a; --signal:#e6d39b; --common:#d4b25a; }
html.pal-graphite :root { --bg:#f4f3f2;--bg2:#e8e7e4;--ink:#171613;--mute:#666;--line:#bdbab5;--dark:#26231f;--on-dark:#f4f3f2;--pad:clamp(16px, 2.4vw, 32px);--fs-body:clamp(15px, 1.1vw, 17px); }
html.pal-graphite .sk .audit .mute { color:#b9b6b1; }
html.pal-graphite .g > .dk .mute, html.pal-graphite .g > .dk .eyebrow { color:#b9b6b1; }
html.pal-graphite .g > .ac { background:#5f5b55;color:var(--on-dark); }
html.pal-graphite .g > .ac .mute { color:#d9d7d3; }
html.pal-graphite .gr .hd.dk .logo i { border-color:var(--on-dark);background:repeating-linear-gradient(45deg, #333 0 4px, #26231f 4px 8px); }
html.pal-graphite .gr .hd.dk .logo small { color:#b9b6b1; }
html.pal-graphite .gr .bgph { position:relative;padding:0;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(45deg, #d2d0cc 0 8px, #c1beb9 8px 16px); }
html.pal-graphite .gr .bgph .cap .eyebrow { color:#d2d0cc; }
html.pal-graphite .gr .link-card:hover { background:#2f2c27; }
html.pal-graphite .gr .link-card .eyebrow, html.pal-graphite .gr .link-card .mute { color:#b9b6b1; }
html.pal-graphite .gr .hd.phone small { display:block;font-size:11px;color:#d9d7d3;margin-top:2px; }
html.pal-graphite .gr .req-side .mute, html.pal-graphite .gr .req-side .eyebrow { color:#b9b6b1; }
html.pal-graphite .gr .req-send { grid-column:2;grid-row:3;background:#5f5b55;color:var(--on-dark);border:0;font-family:inherit;min-height:88px; }
html.pal-graphite .sk .req-side .mute, html.pal-graphite .sk .req-side .eyebrow { color:#b9b6b1; }
html.pal-graphite .sk .req-send { grid-column:2;grid-row:3;background:#5f5b55;color:var(--on-dark);border:0;font-family:inherit;min-height:88px; }
html.pal-graphite .chip { display:inline-flex;align-items:center;gap:12px;background:#e3e2df;color:var(--ink);padding:7px 14px;font-size:14px;font-weight:500;line-height:1.2;max-width:100%; }
html.pal-graphite .svc-arrow:hover { background:#e2e0dd; }
html.pal-graphite .svc-slide .ico { box-sizing:content-box;width:28px;height:28px;padding:14px;background:#e3e2df; }
html.pal-graphite .gr .eyebrow, html.pal-graphite .gr .num { display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;padding:7px 14px;background:#e3e2df;color:var(--ink);font-size:14px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;margin-bottom:10px; }
html.pal-graphite .gr .vc > .vwrap { background:#c6c3be;padding:0; }
html.pal-graphite .gr .eg.dkb .chip { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .gr .eg.dkb p, html.pal-graphite .gr .eg.dkb .mute { color:#c8c5c0; }
html.pal-graphite .gr .fin .chip { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .gr .fin .final-btn { background:#3c3831; }
html.pal-graphite .gr .bgph.crm-img { background:#e9e8e6;justify-content:flex-start; }
html.pal-graphite .gr .hd.nav-cell nav a:hover { background:#413d35; }
html.pal-graphite .gr .eg-cell.act:hover { background:#2f2c27; }
html.pal-graphite .gr .eg-cell.act p { color:#c8c5c0; }
html.pal-graphite .gr .link-card .chip { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .gr .link-card .go { border-top:1px solid #3c3831;padding-top:16px; }
html.pal-graphite .gr .ft .logo i { border-color:var(--on-dark);background:repeating-linear-gradient(45deg, #333 0 4px, #26231f 4px 8px); }
html.pal-graphite .gr .ft .logo small, html.pal-graphite .gr .ft .mute { color:#b9b6b1; }
html.pal-graphite .gr .req-form input, html.pal-graphite .gr .req-form select, html.pal-graphite .gr .req-form textarea { border:0;border-bottom:2px solid transparent;background-color:#e3e2df;border-radius:0;padding:12px 16px;min-height:52px;outline:0;transition:background-color .15s, border-color .15s; }
html.pal-graphite .gr .req-form input:hover, html.pal-graphite .gr .req-form select:hover, html.pal-graphite .gr .req-form textarea:hover { background-color:#dbd9d5; }
html.pal-graphite .gr .req-form input:focus, html.pal-graphite .gr .req-form select:focus, html.pal-graphite .gr .req-form textarea:focus { background-color:#eeecea;border-bottom-color:var(--ink); }
html.pal-graphite .gr .dd-btn { display:block;width:100%;min-height:52px;padding:12px 48px 12px 16px;text-align:left;font:inherit;color:var(--ink);background-color:#e3e2df;border:0;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23151515'%3E%3Cpath d='M212.24%2C100.24l-80%2C80a6%2C6%2C0%2C0%2C1-8.48%2C0l-80-80a6%2C6%2C0%2C0%2C1%2C8.48-8.48L128%2C167.51l75.76-75.75a6%2C6%2C0%2C0%2C1%2C8.48%2C8.48Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:22px; }
html.pal-graphite .gr .dd-btn:hover { background-color:#dbd9d5; }
html.pal-graphite .gr .dd-btn:focus-visible, html.pal-graphite .gr .dd.open .dd-btn { background-color:#eeecea;border-bottom-color:var(--ink);outline:0; }
html.pal-graphite .gr .vside .vbtn:hover { background:#413d35; }
html.pal-graphite .gr .vwrap > a.vside:hover { background:#ebe9e7; }
html.pal-graphite .gr .req-form input[type=checkbox] { appearance:none;-webkit-appearance:none;flex:none;width:26px;height:26px;min-height:0;margin:0;padding:0;border:0;background-color:#e3e2df;background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer; }
html.pal-graphite .gr .req-form input[type=checkbox]:hover { background-color:#dbd9d5; }
html.pal-graphite .fsw span { padding:0 14px;display:flex;align-items:center;color:#b9b6b1; }
html.pal-graphite .fsw button { appearance:none;border:0;background:transparent;color:var(--on-dark);font:inherit;padding:14px 14px;cursor:pointer;border-left:1px solid #3c3831; }
html.pal-graphite .cd { --cd-r:28px;--cd-r-s:16px;--cd-gap:24px;--cd-pad:32px;--cd-page:#edecea;--cd-card:#fff;--cd-border:rgba(20, 24, 30, .08);--shadow:0 1px 2px rgba(20, 24, 30, .04), 0 12px 32px -12px rgba(20, 24, 30, .16);--shadow-hover:0 1px 2px rgba(20, 24, 30, .06), 0 18px 40px -12px rgba(20, 24, 30, .24);--line:transparent;--u:clamp(20px, 2.4vw, var(--cd-pad));background:var(--cd-page); }
html.pal-graphite .cd .g > .ac { background:#5f5b55;color:var(--on-dark);box-shadow:var(--shadow); }
html.pal-graphite .cd .g.card > .ac { background:#5f5b55;color:var(--on-dark); }
html.pal-graphite .cd .site-head .g > .burger { border-radius:50%;background:#2f2c27;width:48px;height:48px;padding:0;flex:none; }
html.pal-graphite .cd .req-form input, html.pal-graphite .cd .req-form select, html.pal-graphite .cd .req-form textarea, html.pal-graphite .cd .dd-btn { border-radius:22px;border-bottom-width:0;background-color:#efeeed; }
html.pal-graphite .cd .req-form input:hover, html.pal-graphite .cd .req-form textarea:hover, html.pal-graphite .cd .dd-btn:hover { background-color:#e8e7e4; }
html.pal-graphite .cd .g > .dk .pill:hover, html.pal-graphite .cd .g > .ac .pill:hover, html.pal-graphite .cd .g.card > .act .pill:hover { background:#eae8e6; }
html.pal-graphite .cd .site-head .tabs-nav a { padding:10px 20px;border-radius:999px;color:#d9d7d3;font-size:15px;font-weight:600;white-space:nowrap;transition:background-color .15s ease, color .15s ease; }
html.pal-graphite .cd .site-head .tabs-nav a.is-on { background:#fff;color:#171613; }
html.pal-graphite .cd .site-head .logo, html.pal-graphite .cd .site-head .g > .phone a, html.pal-graphite .cd .site-head .tabs-nav a { display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;color:#d9d7d3;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s ease, color .15s ease; }
html.pal-graphite .cd .site-head .logo small { color:#ada9a3; }
html.pal-graphite .al { background:#111;--cd-page:#edecea; }
html.pal-graphite .al .site-head .g { background:#201e1a;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .12); }
html.pal-graphite .al .sheet.dark { background:#1d1b17;color:var(--on-dark);--cd-border:rgba(255, 255, 255, .10);--cd-line:rgba(255, 255, 255, .14); }
html.pal-graphite .al .sheet.dark .g.card:not(.dkb):not(.fin):not(.ft) { background:#2a2722; }
html.pal-graphite .al .sheet.dark .g.card.dkb > *, html.pal-graphite .al .sheet.dark .g.card.fin > .dk { background:#2a2722; }
html.pal-graphite .al .ph-slot { position:relative;aspect-ratio:16 / 10;border-radius:22px;background:repeating-linear-gradient(135deg, #e8e7e5 0 10px, #efeeed 10px 20px);display:grid;place-items:center;overflow:hidden; }
html.pal-graphite .al .ph-slot i { position:absolute;left:14px;bottom:10px;font-style:normal;font-size:12px;color:#979289; }
html.pal-graphite .al .tile summary { cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#efeeed; }
html.pal-graphite .al .tb-list { display:flex;flex-wrap:wrap;gap:4px;padding:6px;margin:0 var(--u) 0;width:max-content;max-width:calc(100% - 2 * var(--u));background:#efeeed;border-radius:999px; }
html.pal-graphite .al .vstack::before { content:"";position:absolute;left:calc(var(--u) * 1.5 + 25px);top:56px;bottom:56px;width:2px;background:#d7d4d0; }
html.pal-graphite .al .fm li { margin:0;padding:12px 22px;border-radius:999px;background:#efeeed;font-size:16px;font-weight:600; }
html.pal-graphite .al .hero-sheet .tabs button:hover { background:#efeeed; }
html.pal-graphite .al .aud-list li { margin:0;padding:12px 22px;border-radius:999px;background:#efeeed;font-size:17px;font-weight:600; }
html.pal-graphite .al .aud-c { display:grid;place-items:center;width:clamp(88px, 9vw, 128px);aspect-ratio:1;border-radius:50%;background:#efeeed;box-shadow:inset 0 0 0 1px rgba(20, 24, 30, .06);transition:background-color .2s ease, color .2s ease, transform .2s ease; }
html.pal-graphite .gr .st-big { margin:20px 0 0;font-size:clamp(28px, 4.2vw, 66px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:#98938a;text-wrap:balance; }
html.pal-graphite .al .eg.dkb > .manifest .eyebrow { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .al .eg.dkb > .manifest .mf-sub { color:#c1bfba;max-width:46em; }
html.pal-graphite .al .g.card.st2 { position:relative;display:block;padding:36px 48px;background:#201e1a;color:var(--on-dark);gap:0; }
html.pal-graphite .al .g.card.st2 > .chip { display:inline-flex;background:#3c3831;color:var(--on-dark);padding:7px 14px;border-radius:999px; }
html.pal-graphite .al .st2-line { margin:14px 0 0;max-width:40em;font-size:clamp(20px, 2.1vw, 30px);line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#c1bfba; }
html.pal-graphite .al .st2-f { margin:14px 0 0;font-size:15px;font-weight:500;color:#a6a29a; }
html.pal-graphite .al .g.card.cx { display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);gap:64px;align-items:start;padding:56px 48px;gap:64px;background:#2a2722;color:var(--on-dark); }
html.pal-graphite .al .cx .chip { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .al .cx-note { margin:20px 0 0;font-size:16px;color:#c1bfba;max-width:28em; }
html.pal-graphite .al .cx .pill:hover { background:#edecea; }
html.pal-graphite .al .cx-l { font-size:14px;letter-spacing:.02em;color:#a6a29a; }
html.pal-graphite .al .cx-todo { font-size:18px;font-weight:500;color:#c1bfba; }
html.pal-graphite .al .cx-l { font-size:15px;font-weight:600;color:#c1bfba;letter-spacing:0; }
html.pal-graphite .al .cx-lite .cx-note { margin-top:16px;font-size:14px;color:#a6a29a; }
html.pal-graphite .al .cx-lite .cx-l { font-size:14px;font-weight:500;color:#a6a29a; }
html.pal-graphite .al .fq-i summary:hover::after { background-color:#e9e8e5; }
html.pal-graphite .al .fq-i .fq-a { padding:0 68px 28px 0;font-size:17px;line-height:1.5;color:#49443c;max-width:52em; }
html.pal-graphite .al .fq-i summary:hover::after { background-color:#e9e8e5; }
html.pal-graphite .gr:not(.cd) .fq-i[open] summary:hover::after { background-color:#413d35; }
html.pal-graphite .gr:not(.cd) .fq-i .fq-a { padding:16px 64px 0 0;font-size:17px;line-height:1.5;color:#49443c;max-width:52em; }
html.pal-graphite .al .rq-side { display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:40px;background:#201e1a;color:var(--on-dark);overflow:auto; }
html.pal-graphite .al .rq-side .chip { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .al .rq-side .mute { margin:0;font-size:15px;line-height:1.45;color:#c1bfba; }
html.pal-graphite .al .rq-close:hover { background:#e9e8e5; }
@media (max-width: 860px) { html.pal-graphite .al .rq-close { top:12px;right:12px;background:#2f2c27;color:#fff; } }
@media (max-width: 860px) { html.pal-graphite .al .rq-close:hover { background:#3c3831; } }
html.pal-graphite .req-form .cbg-i span { display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:15px;font-weight:500;line-height:1.2;color:var(--ink);background:#e3e2df;transition:background-color .15s ease, color .15s ease; }
html.pal-graphite .req-form .cbg-i:hover span { background:#dbd9d5; }
html.pal-graphite .al .req-form .cbg-i span { border-radius:999px;background:#efeeed; }
html.pal-graphite .al .req-form .cbg-i:hover span { background:#e8e7e4; }
html.pal-graphite .gr:not(.cd) .rq-side .mute { margin:0;font-size:15px;line-height:1.45;color:#b9b6b1; }
html.pal-graphite .gr:not(.cd) .rq-close:hover { background:#dbd9d5; }
@media (max-width: 860px) { html.pal-graphite .gr:not(.cd) .rq-close { top:12px;right:12px;background:#2f2c27;color:#fff; } }
@media (max-width: 860px) { html.pal-graphite .gr:not(.cd) .rq-close:hover { background:#3c3831; } }
html.pal-graphite .gr:not(.cd) #manifest .manifest { background:#201e1a;color:var(--on-dark); }
html.pal-graphite .gr:not(.cd) #manifest .eyebrow { background:#3c3831;color:var(--on-dark); }
html.pal-graphite .gr:not(.cd) #manifest .mf-sub { color:#c1bfba; }
html.pal-graphite .al #manifest .st2-f { max-width:46em;font-size:clamp(15px, 1.4vw, 19px);line-height:1.4;margin-top:22px;color:#c1bfba; }
html.pal-graphite .al .g.card.sv > .sv-head { background:#f1f0ef; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) { --bg:#f3f2ee;--bg2:#edebe9;--ink:#1e1c19;--mute:#5c5851;--line:#dfddda;--dark:#1e1c19;--on-dark:#ffffff;--accent:#d4b25a;--on-accent:#1e1c19;--accent-d:#d4b25a;--accent-2:#2f6a73;--signal:#e6d39b;--common:#d4b25a;--c-el:#9f5102;--cf-el:#ff8830;--ct-el:#feeddb;--co-el:#ffffff;--c-pi:#2f6a73;--cf-pi:#3fa7b5;--ct-pi:#dbeef0;--co-pi:#ffffff;--c-lc:#5d4a73;--cf-lc:#8b6fb8;--ct-lc:#ece4f2;--co-lc:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-l="el"], html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="el"] { --c:var(--c-el); --cf:var(--cf-el); --ct:var(--ct-el); --co:var(--co-el);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-l="pi"], html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="pi"] { --c:var(--c-pi); --cf:var(--cf-pi); --ct:var(--ct-pi); --co:var(--co-pi);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-l="lc"], html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-layer="lc"] { --c:var(--c-lc); --cf:var(--cf-lc); --ct:var(--ct-lc); --co:var(--co-lc);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) [data-l="all"] { --c:var(--accent);--cf:var(--accent);--ct:#edebe9;--co:var(--on-accent); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sk .audit .mute { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g > .dk .mute, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g > .dk .eyebrow { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .hd.dk .logo i { background:repeating-linear-gradient(45deg, #3c3831 0 4px, #1e1c19 4px 8px); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .hd.dk .logo small { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card:hover { background:#2f2c27; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card .eyebrow, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card .mute { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-side .mute, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-side .eyebrow { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sk .req-side .mute, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sk .req-side .eyebrow { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .chip { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg-cell.act:hover { background:#2f2c27; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card .chip { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card .go { border-top:1px solid #3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo i { background:repeating-linear-gradient(45deg, #3c3831 0 4px, #1e1c19 4px 8px); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo small, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft .mute { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft .chip { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-done .rd-go:hover { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fsw span { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fsw button { border-left:1px solid #3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fsw button:hover { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .mute { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-send:hover { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#2f2c27; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #manifest .manifest { background:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow { background:#3c3831; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #manifest .mf-sub { color:#bcb9b3; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:checked + span { background:#1e1c19;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:checked { background-color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:focus, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:focus, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:focus-visible, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { box-shadow:0 0 0 2px #d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:focus-visible + span, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:focus-visible { outline-color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-title { text-wrap:balance; hyphens:manual; overflow-wrap:break-word;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .logo i { width:60px; height:41px; border:0 !important; background:#ffffff !important; -webkit-mask:url(../assets/img/logo-mask.svg) center / contain no-repeat; mask:url(../assets/img/logo-mask.svg) center / contain no-repeat;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft .logo i { width:92px; height:62px;; }
@media (max-width:860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo i { width:46px; height:31px;; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#eeecea;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#dcdad6; }
@media (max-width: 860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-close { background:#1e1c19;color:#ffffff; } }
@media (max-width: 860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-close:hover { background:#3c3831; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) { --cd-line:rgba(17,17,17,0.07); --cd-border:rgba(17,17,17,0.05);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .num-big { color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-line span { color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-line { color:#ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #statement .st2-f { color:rgba(255,255,255,0.8);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .chip:not(.sub)::before { content:'';display:inline-block;width:8px;height:8px;margin:0;flex:none;background:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .chip:not(.sub) { gap:8px;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .num { display:inline-flex; align-items:center; gap:8px;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .s4 .num { gap:0;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .num::before { content:'';width:8px;height:8px;flex:none;border-radius:0;background:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .s4 .num::before { display:none;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .eyebrow::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .eyebrow::before { background:#e6d39b; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head { background:linear-gradient(135deg,#ebe0c2 0%,#f8f3e4 100%) !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vside { background:transparent !important;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head .chip { background:#1e1c19;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head .chip::before { background:#e6d39b; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark:not(.hero-sheet) .chip::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dkb .chip::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk .chip::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .cx .chip::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .st2 .chip::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .chip::before { background:#e6d39b; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .tb-list { background:#e9e8e5; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .tb-list button { color:#5c5851; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .tb-list button:not([aria-selected="true"]):hover { background:rgba(17,17,17,0.08);color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .tb-list [aria-selected="true"] { background:#1e1c19;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h1, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) h3, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h1, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .hero-sheet .g.hero h3 { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet:not(.dark) .fq-i summary { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dkb h1, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dkb h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dkb h3, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk h3, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .cx h1, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .cx h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .cx h3, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .st2 h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .st2 h3, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fin.dk h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-side h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem h3, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #final.cx-dark h2 { color:#ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema h2, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema h3 { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .mid { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .stat { color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head nav a:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .hd.nav-cell nav a:hover { background:rgba(255,255,255,0.14); color:#ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li::before { top:calc(.575em - 6px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(1)::before { background:#a0392f; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(2)::before { background:#d98f2b; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(3)::before { background:#a09c94; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(4)::before { background:#3fa7b5; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li:nth-child(5)::before { background:#8b6fb8; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .chip.sub, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .num, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eyebrow { background:#e4e3e0;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark:not(.hero-sheet) .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dkb .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card.dk .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .cx .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .st2 .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fin .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .rq-side .chip, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg.dkb .eyebrow, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #manifest .eyebrow { background:#3c3831;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .aud-c { background:#ece6da;color:#2f6a73;border-color:transparent;box-shadow:none; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .qt-body .ico.qt-ico { background:#ece6da;color:#2f6a73; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-t .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .svc-slide .ico, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .svc-slide .ico.eye { background:var(--ct, #edebe9);color:var(--c, #1e1c19); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-t .pl::after { display:none;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(1) .pl { background:#8c3a32;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(1) li::before { background:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(2) .pl { background:#8a5a14;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(2) li::before { background:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(3) .pl { background:#3f4f7a;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(3) li::before { background:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(4) .pl { background:#2f6a73;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(4) li::before { background:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(5) .pl { background:#5d4a73;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > article.sv-cell:nth-of-type(5) li::before { background:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="el"] li::before { background:#ff8830 !important;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="el"] h3 { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="pi"] li::before { background:#3fa7b5 !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="pi"] h3 { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="lc"] li::before { background:#8b6fb8 !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .us-col[data-l="lc"] h3 { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .tabs-card .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .quote .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .vstack .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-card .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg-cell .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fq .pl { background:#edebe9;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph-slot .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .tabs-card .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .quote .pl { display:inline-grid; place-items:center;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph-slot .pl { background:#e9e8e5;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .link-go, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft a { text-decoration-color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sheet.dark .link-go, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .cx .link-go, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dkb .link-go, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft a, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.ft a { text-decoration-color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open { background:#f3f2ee;padding-top:calc(var(--head-h, 60px) + 20px); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a { font-family:var(--f-head, inherit);color:#1e1c19;letter-spacing:.01em;border-bottom:1px solid #dfddda;padding-left:clamp(28px, 7vw, 56px);padding-right:clamp(28px, 7vw, 56px); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on { background:rgba(212,178,90,0.22);color:#1e1c19;box-shadow:inset 4px 0 0 #d4b25a;-webkit-backdrop-filter:none;backdrop-filter:none; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.is-on):not(.menu-cta):hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.is-on):not(.menu-cta):active { background:rgba(17,17,17,0.06);color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on:hover { color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.menu-cta { background:#d4b25a;color:#1e1c19;border-bottom:0;justify-content:center;text-align:center;margin:auto clamp(28px, 7vw, 56px) 24px;min-height:56px;flex:none;border-radius:0 !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd { justify-content:center; text-align:center;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.dk:not(.burger) .logo { justify-content:center;; }
@media (max-width:860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a:not(.menu-cta) { justify-content:flex-start; text-align:left; padding:14px 24px; min-height:56px;; } }
@media (max-width:860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .menu-panel.open a.is-on { box-shadow:inset 4px 0 0 #d4b25a; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .pill, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-send { background:#d4b25a;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .pill:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-send:hover { background:#e3c982;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .tabs-nav a.is-on, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head nav a.is-on { background:rgba(255,255,255,0.2); color:#ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) svg.ico path { stroke:currentColor; stroke-width:12; stroke-linejoin:round; paint-order:stroke fill;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #obeshchaem .eg-cell .pl { background:#d4b25a;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema .s4.vwrap { background:#d4b25a !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap .pill { background:#1e1c19;color:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sxema .vwrap .chip { background:#1e1c19;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk { border:0;background:#d4b25a !important;color:#1e1c19;animation:none;font-size:clamp(20px, 2.2vw, 28px);letter-spacing:-.01em; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:hover { background:#e3c982 !important;animation:none;filter:none; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:focus-visible { outline:3px solid #1e1c19;outline-offset:-10px; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head > .g { background:#2d2a25; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .sep { background:#1e1c19;color:#ffffff; }
html.pal-graphite.sep-rail:not([data-pol="dark"]) body.gr:not(.cd) .sep .sep-n { background:#d4b25a;color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .vstack .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fq .pl, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #kontakty .eg-cell:not(.act) .pl { background:#f0e8d2;color:#6e5a1f; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { display:flex;flex-direction:column;gap:20px;padding:0 0 clamp(24px, 2.4vw, 36px) !important;background:#f3f2ee; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo { position:static;align-self:stretch;width:100%;height:auto !important;aspect-ratio:2 / 1;min-height:0;margin:0;border:0;padding:0;background:none;color:#bcb9b3;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo::before { content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(45deg, #181714 0 8px, #201e1a 8px 16px);transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:focus-within > .us-photo::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo img, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:focus-within > .us-photo img { transform:scale(1.06);; }
@media (prefers-reduced-motion:reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo img { transition:none;; } }
@media (prefers-reduced-motion:reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo::before, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover > .us-photo img { transform:none;; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-t, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > ul { margin-left:clamp(20px, 2.4vw, 36px); margin-right:clamp(20px, 2.4vw, 36px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-t { margin-top:clamp(8px, 1vw, 12px);; }
@media (max-width:1100px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col > .us-photo { aspect-ratio:auto; height:200px !important;; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .h-img { overflow:hidden;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .h-img .hero-fig { transition:transform .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .h-img:hover .hero-fig { transform:scale(1.05);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img { overflow:hidden;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img { transition:transform .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img:hover img { transform:scale(1.05);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo), html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph { background-position:center; background-size:100% 100%; transition:background-size .6s cubic-bezier(.2,.7,.2,1);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .qt-one:hover .qt-ph { background-size:106% 106%;; }
@media (prefers-reduced-motion:reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .h-img .hero-fig, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph { transition:none;; } }
@media (prefers-reduced-motion:reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .h-img:hover .hero-fig, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img:hover img { transform:none;; } }
@media (prefers-reduced-motion:reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .qt-one:hover .qt-ph { background-size:100% 100%;; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .hd.ac, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone { background:#d4b25a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone a, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .phone a b { color:#1e1c19; }
@media (max-width:860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo i { width:34px; height:23px;; } }
@media (max-width:860px) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .site-head .logo span { font-size:13px;; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fq-i[open] summary::after { background-color:#d4b25a;background-image:linear-gradient(#1e1c19,#1e1c19); }
html.pal-graphite body.gr a.cell-btn.dk, html.pal-graphite body.gr a.eg-cell.act, html.pal-graphite body.gr a.final-btn { --ring:linear-gradient(90deg, #fbac16, #44d4e2, #7f4bdc, #fbac16);--fill:#171613;border:4px solid transparent;background:linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box !important;color:#fff; }
html.pal-graphite body.gr a.eg-cell.act { --fill:#2f2c27; }
html.pal-graphite body.gr a.cell-btn.dk:hover, html.pal-graphite body.gr a.eg-cell.act:hover { filter: none; animation: ring-run 2.4s linear infinite;; }
html.pal-graphite body.gr a.cell-btn.dk:focus-visible, html.pal-graphite body.gr a.eg-cell.act:focus-visible { outline: 3px solid #fff; outline-offset: -10px;; }
@media (prefers-reduced-motion: reduce) { html.pal-graphite body.gr a.cell-btn.dk:hover, html.pal-graphite body.gr a.eg-cell.act:hover { animation: none;; } }
html.pal-graphite body.gr .sep { display: none; box-sizing: border-box; font-size: 11px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; font-weight: 300;; }
html.pal-graphite body.gr .g.has-sep { position: relative;; }
html.pal-graphite body.gr .g.has-sep > .sep { display: block; position: absolute; left: 0; top: 0; z-index: 3;; }
html.pal-graphite body.gr .sep span { font-weight: 300;; }
html.pal-graphite body.gr .sep .sep-n { font-variant-numeric: tabular-nums;; }
html.pal-graphite.sep-nt body.gr .sep .sep-t { display: none;; }
html.pal-graphite.sep-rail body.gr { --rail: 22px;; }
html.pal-graphite.sep-rail body.gr .g.has-sep { padding-left: var(--rail);; }
html.pal-graphite.sep-rail body.gr .g.has-sep > .sep { top: 0; bottom: -1px; height: auto; width: var(--rail); min-width: 0; max-width: none; padding: 0 !important; margin: 0 !important; border: 0 !important;; }
html.pal-graphite.sep-rail body.gr .sep .sep-in { position: sticky; top: var(--head-h, 60px); display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 0;; }
html.pal-graphite.sep-rail body.gr .sep .sep-in { align-items: stretch; padding: 0 0 4px;; }
html.pal-graphite.sep-rail body.gr .sep .sep-n { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--rail); letter-spacing: 0; text-indent: 0; font-weight: 600;; }
html.pal-graphite.sep-rail body.gr .sep .sep-t { align-self: center; margin-top: 2px; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap;; }
html.pal-graphite.sep-tab body.gr .g.has-sep { padding-top: 28px;; }
html.pal-graphite.sep-tab body.gr .g.has-sep > .sep { height: 28px;; }
html.pal-graphite.sep-tab body.gr .sep .sep-in { display: flex; align-items: center; gap: 12px; height: 28px; padding: 0 14px;; }
@media (max-width: 860px) { html.pal-graphite body.gr .sep { font-size: 10px;; } }
@media (max-width: 860px) { html.pal-graphite.sep-rail body.gr { --rail: 20px;; } }
@media (max-width: 860px) { html.pal-graphite.sep-rail body.gr .sep .sep-in { padding: 0 0 4px; gap: 10px;; } }
@media (max-width: 860px) { html.pal-graphite.sep-tab body.gr .sep .sep-in { padding: 0 10px; gap: 8px;; } }
html.pal-graphite body.gr .site-head a .mn { font-weight: 300; font-size: .72em; letter-spacing: 0; margin-right: 7px; color: var(--accent); font-variant-numeric: tabular-nums;; }
html.pal-graphite body.gr .menu-panel a .mn { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 22px; margin-right: 10px; background: var(--accent); color: var(--ink); font-weight: 600; font-size: 13px;; }
html.pal-graphite body.gr #sluzhby > article.sv-cell { background:#f3f2f1; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #sluzhby > .sv-head { background: var(--accent) !important;; }
html.pal-graphite body.gr #statement .st-big { color: var(--ink); max-width: 24em; font-size: clamp(28px, 3.6vw, 56px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800;; }
html.pal-graphite body.gr #statement .st-big span { background: var(--accent); color: var(--ink); padding: 0 .18em; margin-left: -.18em; -webkit-box-decoration-break: clone; box-decoration-break: clone;; }
html.pal-graphite body.gr #statement .st-sub { color: var(--ink); font-weight: 600;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(1) .pl { background:#e8e2ec;color:#5d4a73; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(2) .pl { background:#f1e1dd;color:#8c3a32; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(3) .pl { background:#f1e6d3;color:#8a5a14; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > article.eg-cell:nth-of-type(4) .pl { background:#dbe7e8;color:#2f6a73; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk { background:#2f2c27 !important;padding:0 !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .lc-top { padding: clamp(24px, 2.4vw, 36px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .go { display: flex; align-items: center; justify-content: center; margin: 0; padding: 24px; border-top: 0; background: var(--accent); color: var(--ink); font-size: clamp(18px, 1.8vw, 24px); font-weight: 700;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk:hover .go { background: color-mix(in srgb, var(--accent) 75%, #ffffff);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk:focus-visible { outline: 3px solid #ffffff; outline-offset: -6px;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm .cap .mid { color: var(--accent);; }
html.pal-graphite body.gr #crm > a.link-card .lc-top > .chip { order: -1;; }
html.pal-graphite body.gr #hero, html.pal-graphite body.gr #manifest, html.pal-graphite body.gr #obeshchaem, html.pal-graphite body.gr #crm, html.pal-graphite body.gr #final { border-bottom: 0;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { box-shadow: 0 -2px 0 var(--accent), -2px 0 0 var(--accent), 2px 0 0 var(--accent);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd-list { left: -2px; right: -2px; border: 2px solid var(--accent); border-top: 0;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form select, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i span { background-color:#e9e8e5; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i span { background:#e9e8e5; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form select:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i:hover span { background-color:#e0dedb; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input:focus, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form textarea:focus, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd-btn:focus-visible, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .dd.open .dd-btn { background-color: #ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form .cbg-i input:checked + span { background: var(--ink);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .req-form input[type=checkbox]:checked { background-color: var(--ink);; }
@media (min-width: 641px) and (max-width: 1100px) { html.pal-graphite body.gr:not(.cd) .g.us { grid-template-columns: repeat(3, minmax(0, 1fr));; } }
@media (min-width: 641px) and (max-width: 1100px) { html.pal-graphite body.gr .eg4 > a.eg-cell.act { grid-column: 2; grid-row: 2 / span 2;; } }
@media (min-width: 641px) and (max-width: 860px) { html.pal-graphite body.gr .g.us > .us-col > .us-t { flex-direction: column; align-items: flex-start; gap: 10px;; } }
@media (min-width: 641px) and (max-width: 860px) { html.pal-graphite body.gr .g.us > .us-col h3 { font-size: 18px; overflow-wrap: anywhere;; } }
html.pal-graphite body.gr .h1-acc { background: var(--accent); color: var(--ink); padding: 0 .14em; margin-left: -.14em; -webkit-box-decoration-break: clone; box-decoration-break: clone;; }
html.pal-graphite body.gr ::selection { background: #6a3fd8; color: #ffffff;; }
html.pal-graphite body.gr ::-moz-selection { background: #6a3fd8; color: #ffffff;; }
@media (max-width: 860px) { html.pal-graphite body.gr .sub-g.h-pick { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));; } }
@media (max-width: 860px) { html.pal-graphite body.gr .sub-g.h-pick > .s3 { grid-column: auto;; } }
html.pal-graphite body.gr a.eg-cell.act, html.pal-graphite body.gr a.final-btn { transition: --fill .2s ease;; }
html.pal-graphite body.gr a.eg-cell.act .go, html.pal-graphite body.gr a.final-btn .go { display: inline-block; transition: transform .2s ease;; }
html.pal-graphite body.gr a.eg-cell.act:hover, html.pal-graphite body.gr a.final-btn:hover { --fill:#3c3831;animation:ring-run 2.4s linear infinite; }
html.pal-graphite body.gr a.eg-cell.act:hover .go, html.pal-graphite body.gr a.final-btn:hover .go { transform: translateX(4px);; }
html.pal-graphite body.gr a.eg-cell.act:focus-visible, html.pal-graphite body.gr a.final-btn:focus-visible { --fill:#3c3831;outline:3px solid #fff;outline-offset:-12px; }
html.pal-graphite body.gr a.eg-cell.act:active, html.pal-graphite body.gr a.final-btn:active { --fill:#1f1d19;animation:ring-run .9s linear infinite; }
html.pal-graphite body.gr a.eg-cell.act:active .go, html.pal-graphite body.gr a.final-btn:active .go { transform: translateX(0);; }
@media (prefers-reduced-motion: reduce) { html.pal-graphite body.gr a.eg-cell.act:hover, html.pal-graphite body.gr a.final-btn:hover, html.pal-graphite body.gr a.eg-cell.act:active, html.pal-graphite body.gr a.final-btn:active { animation: none;; } }
@media (prefers-reduced-motion: reduce) { html.pal-graphite body.gr a.eg-cell.act .go, html.pal-graphite body.gr a.final-btn .go { transition: none;; } }
html.pal-graphite body.gr:not(.cd) .rq-scroll { container-type: inline-size; --rqp: 56px;; }
@media (max-width: 860px) { html.pal-graphite body.gr:not(.cd) .rq-scroll { --rqp: 20px;; } }
html.pal-graphite body.gr:not(.cd) .rq-foot { padding: 0; width: calc(100cqw + 2 * var(--rqp)); max-width: none; margin-left: calc(-1 * ((100cqw - 100%) / 2 + var(--rqp))); margin-right: 0; margin-top: auto; background: transparent;; }
html.pal-graphite body.gr:not(.cd) .rq-foot .rq-send { width: 100%; min-height: 64px;; }
html.pal-graphite body.gr .h-say { margin: 18px 0 0; max-width: 34em; font-size: clamp(16px, 1.5vw, 21px); line-height: 1.3; font-weight: 600; color: var(--ink);; }
html.pal-graphite body.gr .h-say span { background: var(--accent); padding: 0 .16em; margin-left: -.16em; -webkit-box-decoration-break: clone; box-decoration-break: clone;; }
html.pal-graphite body.gr .h-say-sub { margin:10px 0 0;font-size:14px;font-weight:600;color:var(--mute, #5c5851); }
html.pal-graphite body.gr .hero-fig .plate { position:absolute;z-index:3;display:grid;gap:2px;padding:9px 14px 10px;background:#ffffff;color:var(--ink);border:1px solid var(--line, #dfddda);font-size:13px;line-height:1.2; }
html.pal-graphite body.gr .hero-fig .plate small { font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--mute, #5c5851); }
html.pal-graphite body.gr .hero-fig .plate b { font-size: 15px; font-weight: 700;; }
html.pal-graphite body.gr .hero-fig .p-a { top: 5%; right: 4%;; }
html.pal-graphite body.gr .hero-fig .p-b { left: 4%; bottom: 12%;; }
html.pal-graphite body.gr .hero-fig .plate.p-a, html.pal-graphite body.gr .hero-fig .plate.p-b { padding-left: 30px;; }
html.pal-graphite body.gr .hero-fig .plate .pdot { position: absolute; left: 13px; top: 50%; margin-top: -3.5px; width: 7px; height: 7px; background: var(--accent);; }
@media (max-width: 860px) { html.pal-graphite body.gr .hero-fig .plate { padding: 6px 10px 7px;; } }
@media (max-width: 860px) { html.pal-graphite body.gr .hero-fig .plate b { font-size: 13px;; } }
@media (max-width: 860px) { html.pal-graphite body.gr .hero-fig .plate small { font-size: 10px;; } }
html.pal-graphite body.gr .h-act .cell-btn { font-size: clamp(16px, 1.7vw, 24px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2 { --fill:#2f2c27;border:4px solid transparent;background:linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box !important;color:#ffffff;animation:none; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover { --fill:#3c3831;animation:ring-run 2.4s linear infinite; }
@media (min-width: 861px) { html.pal-graphite body.gr .hero { grid-template-rows: 1fr 1fr auto auto;; } }
html.pal-graphite body.gr .h-facts > .rb { display:grid;align-content:center;gap:4px;padding:22px 28px;background:#1e1c19;color:#ffffff; }
html.pal-graphite body.gr .h-facts > .rb b { font-size: clamp(16px, 1.5vw, 21px); font-weight: 700;; }
html.pal-graphite body.gr .h-facts > .rb span { font-size:14px;color:#bcb9b3; }
html.pal-graphite body.gr .us-sub { margin:12px 0 0;max-width:42em;font-size:clamp(15px, 1.3vw, 18px);line-height:1.35;font-weight:500;color:var(--mute, #5c5851); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { padding-bottom: 0 !important;; }
html.pal-graphite body.gr .g.us > .us-col > ul { margin-bottom: 24px;; }
html.pal-graphite body.gr .g.us > .us-col > .us-btn { margin-top: auto; align-self: stretch; margin-left: 0; margin-right: 0;; }
html.pal-graphite body.gr .us-btn, html.pal-graphite body.gr .sv-btn, html.pal-graphite body.gr .aud-btn { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 24px; background: var(--accent); color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color .2s ease;; }
html.pal-graphite body.gr .us-btn i, html.pal-graphite body.gr .sv-btn i, html.pal-graphite body.gr .aud-btn i { font-style: normal; transition: transform .2s ease;; }
html.pal-graphite body.gr .us-btn:hover, html.pal-graphite body.gr .sv-btn:hover, html.pal-graphite body.gr .aud-btn:hover { background: color-mix(in srgb, var(--accent) 75%, #ffffff);; }
html.pal-graphite body.gr .us-btn:hover i, html.pal-graphite body.gr .sv-btn:hover i, html.pal-graphite body.gr .aud-btn:hover i { transform: translateX(4px);; }
html.pal-graphite body.gr .us-btn:active, html.pal-graphite body.gr .sv-btn:active, html.pal-graphite body.gr .aud-btn:active { background:color-mix(in srgb, var(--accent) 85%, #1e1c19); }
html.pal-graphite body.gr .us-btn:focus-visible, html.pal-graphite body.gr .sv-btn:focus-visible, html.pal-graphite body.gr .aud-btn:focus-visible { outline: 3px solid var(--ink); outline-offset: -6px;; }
html.pal-graphite body.gr .aud-head { display: flex; flex-direction: column; align-items: flex-start; padding: calc(var(--u) * 1.5) calc(var(--u) * 1.5) 0;; }
html.pal-graphite body.gr .aud-h { margin: 16px 0 0; font-size: clamp(28px, 3.4vw, 52px); line-height: 1.05; font-weight: 800; letter-spacing: -.02em; max-width: 12em;; }
html.pal-graphite body.gr .aud-p { margin:16px 0 24px;max-width:30em;font-size:clamp(15px, 1.3vw, 18px);line-height:1.4;font-weight:500;color:var(--mute, #5c5851); }
html.pal-graphite body.gr .aud-head > .aud-btn { align-self: stretch; margin: auto calc(var(--u) * -1.5) 0;; }
html.pal-graphite body.gr .aud-list { display:grid;gap:1px;background:var(--line, #dfddda);padding:0; }
html.pal-graphite body.gr .aud-row { display: grid; grid-template-columns: 56px 1fr; gap: 12px; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5); background: var(--bg); align-content: center;; }
html.pal-graphite body.gr .aud-n { font-size:14px;font-weight:700;color:var(--mute, #5c5851);font-variant-numeric:tabular-nums; }
html.pal-graphite body.gr .aud-row b { display: block; font-size: clamp(18px, 1.8vw, 26px); font-weight: 700; line-height: 1.15;; }
html.pal-graphite body.gr .aud-row span:not(.aud-n) { display:block;margin-top:6px;font-size:15px;line-height:1.35;color:var(--mute, #5c5851); }
html.pal-graphite body.gr .sv-sub { margin: 14px 0 0; max-width: 24em; font-size: clamp(14px, 1.15vw, 17px); line-height: 1.35; font-weight: 500;; }
html.pal-graphite body.gr .sv > .sv-cell:not(.sv-head) { padding-bottom: 0;; }
html.pal-graphite body.gr .sv > .sv-cell > ul { margin-bottom: 20px;; }
html.pal-graphite body.gr .sv > .sv-cell > .sv-btn { align-self: stretch; margin: auto calc(var(--u) * -1.5) 0;; }
@media (max-width: 640px) { html.pal-graphite body.gr .sv > .sv-cell > .sv-btn { margin-left: calc(var(--u) * -1); margin-right: calc(var(--u) * -1);; } }
@media (max-width: 640px) { html.pal-graphite body.gr .aud-head > .aud-btn { margin-left: calc(var(--u) * -1.5); margin-right: calc(var(--u) * -1.5);; } }
html.pal-graphite body.gr .eg > .eg-quote { grid-column: 1 / -1; background: var(--bg); color: var(--ink);; }
html.pal-graphite body.gr .eg-quote .qt-one { margin: 0;; }
html.pal-graphite body.gr .fm-h { margin: 14px 0 0; font-size: clamp(26px, 3.2vw, 48px); line-height: 1.08; font-weight: 800; letter-spacing: -.02em; max-width: 18em;; }
html.pal-graphite body.gr .fin > .fin-ways { grid-column:1 / -1;display:grid;gap:1px;background:var(--line, #dfddda);padding:0;grid-template-columns:repeat(4, minmax(0, 1fr)); }
html.pal-graphite body.gr .fin-ways > * { background: var(--bg);; }
@media (max-width: 1100px) { html.pal-graphite body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr));; } }
@media (max-width: 1100px) { html.pal-graphite body.gr .fin-ways > .eg-head { grid-column: 1 / -1;; } }
@media (max-width: 640px) { html.pal-graphite body.gr .fin > .fin-ways { grid-template-columns: 1fr;; } }
@media (max-width: 640px) { html.pal-graphite body.gr .fin-ways > a.eg-cell.act { grid-column: auto; grid-row: auto;; } }
@media (max-width: 860px) { html.pal-graphite body.gr .hero > .h-facts { order: 5;; } }
html.pal-graphite body.gr .us-btn, html.pal-graphite body.gr .sv-btn, html.pal-graphite body.gr .aud-btn { display: inline-flex; justify-content: flex-start; align-self: flex-start; gap: 10px; padding: 6px 0; background: none; color: inherit; font-size: 17px; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 6px;; }
html.pal-graphite body.gr .g.us > .us-col > .us-btn, html.pal-graphite body.gr .sv > .sv-cell > .sv-btn, html.pal-graphite body.gr .aud-head > .aud-btn { align-self: flex-start; margin: auto 0 0;; }
html.pal-graphite body.gr .g.us > .us-col > .us-btn { margin-bottom: 24px;; }
html.pal-graphite body.gr .us-btn:hover, html.pal-graphite body.gr .sv-btn:hover, html.pal-graphite body.gr .aud-btn:hover, html.pal-graphite body.gr .us-btn:active, html.pal-graphite body.gr .sv-btn:active, html.pal-graphite body.gr .aud-btn:active { background: none; text-decoration-color: currentColor;; }
html.pal-graphite body.gr .us-btn:focus-visible, html.pal-graphite body.gr .sv-btn:focus-visible, html.pal-graphite body.gr .aud-btn:focus-visible { outline-offset: 4px;; }
@media (max-width: 640px) { html.pal-graphite body.gr .sv > .sv-cell > .sv-btn, html.pal-graphite body.gr .aud-head > .aud-btn { margin: auto 0 0;; } }
html.pal-graphite body.gr .g.us > .us-col > .us-btn { margin-left: 24px;; }
html.pal-graphite body.gr .aud-head > .aud-btn { margin-bottom: 24px;; }
html.pal-graphite body.gr .us-btn, html.pal-graphite body.gr .sv-btn, html.pal-graphite body.gr .aud-btn { text-decoration: none;; }
html.pal-graphite body.gr .us-btn .lt, html.pal-graphite body.gr .sv-btn .lt, html.pal-graphite body.gr .aud-btn .lt { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 6px;; }
html.pal-graphite body.gr .us-btn:hover .lt, html.pal-graphite body.gr .sv-btn:hover .lt, html.pal-graphite body.gr .aud-btn:hover .lt { text-decoration-color: currentColor;; }
html.pal-graphite body.gr .g.us > .us-col > .us-btn, html.pal-graphite body.gr .sv > .sv-cell > .sv-btn, html.pal-graphite body.gr .aud-head > .aud-btn { margin-bottom: 36px;; }
html.pal-graphite body.gr #formaty > .fm { display: block;; }
html.pal-graphite body.gr #formaty .fm .chip { margin: 0;; }
html.pal-graphite body.gr #formaty .fm ul { margin: 28px 0 0;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ft .chip { color: #ffffff;; }
html.pal-graphite body.gr .eg4 > .eg-cell.form-way { grid-column: 2; grid-row: 2 / span 2;; }
@media (max-width: 640px) { html.pal-graphite body.gr .fin-ways > .eg-cell.form-way { grid-column: auto; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto repeat(3, auto);; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin-ways > .eg-head { grid-column: 1; grid-row: 1;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) { grid-column: 1; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { grid-column: 2; grid-row: 1 / span 4;; } }
html.pal-graphite body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { align-items: center; justify-content: center; text-align: center; gap: 24px; min-height: 280px;; }
html.pal-graphite body.gr .fin-ways > a.fin-go .vh { font-size: clamp(28px, 3.4vw, 52px);; }
html.pal-graphite body.gr .fin-ways > a.fin-go .go { font-size: clamp(16px, 1.6vw, 22px);; }
html.pal-graphite body.gr .fin-ways > a.fin-go .vh { margin: auto 0 0;; }
html.pal-graphite body.gr .fin-ways > a.fin-go .go { margin: 0 0 auto;; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); align-items: baseline; gap: 4px 20px; padding: 20px calc(var(--u) * 1.5);; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) .pl { display: none;; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) h3 { margin: 0; font-size: 16px;; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) ul, html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) p { margin: 0; font-size: 16px;; }
html.pal-graphite body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { min-height: 0;; }
@media (max-width: 640px) { html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) { grid-template-columns: 1fr; padding: 16px var(--u);; } }
@media (max-width: 640px) { html.pal-graphite body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { min-height: 200px;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin > .fin-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin-ways > .eg-head { grid-column: 1 / -1; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) { grid-column: auto; grid-row: auto;; } }
@media (min-width: 641px) { html.pal-graphite body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { grid-column: auto; grid-row: auto; min-height: 200px;; } }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: calc(var(--u) * 1.5);; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) .pl { display: inline-flex;; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) h3 { margin: 14px 0 0; font-size: clamp(18px, 1.6vw, 22px);; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) ul, html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) p { margin: 10px 0 0;; }
html.pal-graphite body.gr .fin-ways.eg4 > a.eg-cell.act.fin-go { align-items: flex-start; text-align: left;; }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc > .s4.vwrap, html.pal-graphite body.gr #sxema.vc > .s8.vstack { grid-column: 1 / -1;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc > .vwrap > .vside { position: static; flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: calc(var(--u) * 1.5);; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vside .chip { flex: none;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vside .vh { flex: 1; margin: 0;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vside .vgo { margin: 0; flex: none;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc > .vstack { grid-template-columns: repeat(4, minmax(0, 1fr));; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vstack article { flex-direction: column; align-items: flex-start; gap: 16px; min-height: 0; padding: calc(var(--u) * 1.5);; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vstack article:not(:last-child)::after { left: calc(var(--u) * 1.5 + 56px); right: calc(var(--u) * -.5); top: calc(var(--u) * 1.5 + 21px); width: auto; height: 2px;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc { grid-template-columns: repeat(6, minmax(0, 1fr));; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc > .s4.vwrap { grid-column: 1;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc > .s8.vstack { grid-column: 2 / -1; gap: 0; background: var(--bg);; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc > .vwrap > .vside { height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; padding: calc(var(--u) * 1.2);; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vside .vh { flex: none; font-size: clamp(22px, 2.2vw, 34px); margin-top: 14px;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vside .vgo { margin-top: auto; padding-top: 22px; font-size: 16px;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vstack article { padding: calc(var(--u) * 1.2);; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vstack article:not(:last-child)::after { left: calc(var(--u) * 1.2 + 56px); top: calc(var(--u) * 1.2 + 21px); right: 0;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vstack article:not(:last-child)::after { height: 2px; right: calc(var(--u) * -.6); top: calc(var(--u) * 1.2 + 21px);; } }
@media (min-width: 861px) { html.pal-graphite body.gr .eg-quote { border-bottom:1px solid var(--line, #dfddda); } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema.vc { column-gap: 0;; } }
@media (min-width: 861px) { html.pal-graphite body.gr #sxema .vstack article:not(:last-child)::after { background:#b4b1ab; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm li::before { top: calc(50% - 3.5px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head { background: var(--accent) !important;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head .chip { background:#1e1c19;color:#ffffff; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #klientam > .eg-head .chip::before { background:#e6d39b; }
@media (min-width: 861px) { html.pal-graphite body.gr .h-act .cell-btn { min-height: 72px; padding: 16px 20px; font-size: clamp(16px, 1.4vw, 20px);; } }
@media (min-width: 861px) { html.pal-graphite body.gr .h-facts > .rb { padding: 20px 28px;; } }
html.pal-graphite body.gr .h-act .cell-btn { justify-content: flex-start; text-align: left; padding-left: 28px;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk .go { justify-content: flex-start; text-align: left; padding-left: calc(var(--u) * 1.5);; }
html.pal-graphite body.gr #klientam { border-bottom: 0;; }
html.pal-graphite body.gr .h-facts { grid-column:1 / -1;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;padding:12px;background:#1e1c19; }
html.pal-graphite body.gr .h-facts > .rb { background:#26231f;margin:0;grid-column:auto; }
html.pal-graphite body.gr .h-facts > .rb:nth-child(1) { box-shadow:inset 8px 0 0 #d98f2b; }
html.pal-graphite body.gr .h-facts > .rb:nth-child(2) { box-shadow:inset 8px 0 0 #3fa7b5; }
html.pal-graphite body.gr .h-facts > .rb:nth-child(3) { box-shadow:inset 8px 0 0 #8b6fb8; }
@media (max-width: 860px) { html.pal-graphite body.gr .h-facts { gap: 8px; padding: 8px;; } }
@media (max-width: 860px) { html.pal-graphite body.gr .h-facts > .rb { padding: 14px 14px 14px 20px;; } }
@media (max-width: 860px) { html.pal-graphite body.gr .h-facts > .rb b { font-size: 15px; line-height: 1.2;; } }
@media (max-width: 860px) { html.pal-graphite body.gr .h-facts > .rb span { font-size: 12.5px; line-height: 1.3;; } }
@media (max-width: 520px) { html.pal-graphite body.gr .h-facts { grid-template-columns: 1fr;; } }
@media (max-width: 520px) { html.pal-graphite body.gr .h-facts > .rb { padding: 16px 18px 16px 24px;; } }
@media (max-width: 520px) { html.pal-graphite body.gr .h-facts > .rb b { font-size: 16px;; } }
@media (max-width: 520px) { html.pal-graphite body.gr .h-facts > .rb span { font-size: 13px;; } }
html.pal-graphite body.gr .h-facts > .rb { align-content: start;; }
html.pal-graphite body.gr .aud-head { display: block;; }
html.pal-graphite body.gr .aud-stick { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: calc(var(--u) * 1.5);; }
html.pal-graphite body.gr .aud-head > .aud-stick > .aud-btn { margin: 0; align-self: flex-start;; }
@media (min-width: 861px) { html.pal-graphite body.gr .aud-stick { position: sticky; top: calc(var(--head-h, 66px) + 8px);; } }
html.pal-graphite body.gr .pl { width: 44px; height: 44px; display: inline-grid; place-items: center;; }
html.pal-graphite body.gr .pl .ico { width: 24px; height: 24px;; }
html.pal-graphite body.gr .g.us > .us-col .us-t .pl { width: 44px; height: 44px;; }
html.pal-graphite body.gr .fin-ways > .eg-cell:not(.act) .pl { display: inline-grid; place-items: center;; }
html.pal-graphite body.gr .site-head .g > .hd.dk:first-child { position: relative; padding-left: calc(var(--rail, 22px) + 16px);; }
html.pal-graphite body.gr .site-head .g > .hd.dk:first-child::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--rail, 22px); background: var(--accent); z-index: 1;; }
html.pal-graphite body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger) { justify-content: flex-start; text-align: left;; }
html.pal-graphite body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo { justify-content: flex-start;; }
html.pal-graphite body.gr:not(.cd) .site-head .g > .hd:not(.phone) nav { justify-content: flex-start;; }
html.pal-graphite body.gr:not(.cd) .site-head .logo span { text-align: left;; }
html.pal-graphite.pal-blue body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger), html.pal-graphite.pal-graphite body.gr:not(.cd) .site-head .g > .hd:not(.phone):not(.burger) { justify-content: flex-start; text-align: left;; }
html.pal-graphite.pal-blue body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo, html.pal-graphite.pal-graphite body.gr:not(.cd) .site-head .g > .hd.dk:not(.burger) .logo { justify-content: flex-start;; }
html.pal-graphite body.gr .site-head .hd.nav-cell nav a, html.pal-graphite body.gr .menu-panel.open a, html.pal-graphite body.gr .menu-panel.open a.menu-cta { justify-content: flex-start !important; text-align: left !important;; }
html.pal-graphite body.gr .eg > .eg-quote { padding: 0;; }
html.pal-graphite body.gr .eg-quote .qt-one { padding: 0; gap: 0; align-items: stretch;; }
html.pal-graphite body.gr .eg-quote .qt-ph { height: 100%; min-height: 360px; margin: 0; padding: 0 10px;; }
@media (min-width: 861px) { html.pal-graphite body.gr .hero { grid-template-rows: auto 1fr auto; min-height: max(calc(100svh - var(--head-h, 65px)), 560px);; } }
@media (min-width: 861px) { html.pal-graphite body.gr .hero .h-h1 { padding-block: clamp(14px, 3.4svh, 42px);; } }
@media (min-width: 861px) { html.pal-graphite body.gr .h-act .cell-btn { min-height: clamp(56px, 9svh, 96px);; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-graphite body.gr .hero .big { font-size: clamp(30px, min(5vw, 7.6svh), 104px) !important;; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-graphite body.gr .hero .h-say { font-size: 14px; margin-top: 10px;; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-graphite body.gr .hero .h-say-sub { display: none;; } }
@media (min-width: 861px) and (max-height: 760px) { html.pal-graphite body.gr .hero .big-list { font-size: clamp(14px, 2.5svh, 22px) !important;; } }
html.pal-graphite body.gr .facts-strip { position: relative;; }
html.pal-graphite.sep-rail body.gr .facts-strip { padding-left:var(--rail);background:var(--dark, #1e1c19); }
html.pal-graphite.sep-rail body.gr .facts-strip::before { content:"";position:absolute;left:0;top:0;bottom:0;width:var(--rail);background:var(--dark, #1e1c19); }
html.pal-graphite body.gr:not(.cd) .site-head > .g { border-bottom: 0;; }
html.pal-graphite body .to-top { position:fixed;right:16px;bottom:16px;z-index:40;width:44px;height:44px;display:grid;place-items:center;border-radius:0;color:#fff;background:rgba(20,20,20,.5);border:1px solid rgba(255,255,255,.22);opacity:.6;text-decoration:none;transition:opacity .2s; }
html.pal-graphite body .to-top[hidden] { display:none; }
html.pal-graphite body .to-top:hover, html.pal-graphite body .to-top:focus-visible { opacity:.95; }
@media (max-width:600px) { html.pal-graphite body .to-top { right:12px;bottom:12px;width:40px;height:40px; } }
html.pal-graphite body.gr .hero > .h-act.sub-g { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));; }
html.pal-graphite body.gr .hero > .h-act.sub-g > .s3 { grid-column: auto;; }
@media (max-width: 860px) { html.pal-graphite body.gr .h-act .cell-btn { padding: 14px 14px 14px 16px; font-size: clamp(15px, 4.2vw, 18px); line-height: 1.2; text-wrap: balance;; } }
html.pal-graphite body.gr .qt-h { font-size: clamp(14px, 1.2vw, 17px); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mute);; }
html.pal-graphite body.gr .qt-cap { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, max-content)); gap: 12px 40px;; }
html.pal-graphite body.gr .qt-p { display: grid; gap: 2px;; }
html.pal-graphite body.gr .qt-p span { font-size: 14px;; }
html.pal-graphite body.gr .fmc { padding: 0;; }
html.pal-graphite body.gr .fmc .fm-head { padding: calc(var(--u) * 1.5); display: grid; gap: 14px; justify-items: start;; }
html.pal-graphite body.gr .fmc .fm-h { margin: 0; font-size: clamp(26px, 3vw, 44px); line-height: 1.1; font-weight: 700; text-wrap: balance;; }
html.pal-graphite body.gr .fm-grid { grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:1px;background:var(--line, #dfddda);border-top:1px solid var(--line, #dfddda); }
@media (min-width: 600px) { html.pal-graphite body.gr .fm-grid { grid-template-columns: repeat(2, minmax(0, 1fr));; } }
@media (min-width: 961px) { html.pal-graphite body.gr .fm-grid { grid-template-columns: repeat(3, minmax(0, 1fr));; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-grid { grid-template-columns: repeat(5, minmax(0, 1fr));; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card { padding: calc(var(--u) * 1.1);; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card li { font-size: 14px;; } }
@media (min-width: 600px) and (max-width: 999px) { html.pal-graphite body.gr .fm-grid::after { content: ""; background: var(--bg);; } }
html.pal-graphite body.gr .fm-card { background: var(--bg); padding: calc(var(--u) * 1.2); display: grid; align-content: start; gap: 12px;; }
html.pal-graphite body.gr .fm-card h3 { margin: 0; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.2; font-weight: 700;; }
html.pal-graphite body.gr .fm-card p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--mute);; }
html.pal-graphite body.gr .fm-card.fm-go { align-content: center; min-height: 120px; font-size: clamp(18px, 1.7vw, 24px); font-weight: 700; text-align: left; justify-content: start;; }
html.pal-graphite body.gr .eg-quote img.qt-ph { display: block; width: 100%; height: 100%; min-height: 360px; margin: 0; padding: 0; object-fit: cover; border: 0;; }
html.pal-graphite body.gr img.ph { padding: 0; object-fit: cover;; }
html.pal-graphite body.gr .fm-grid { padding: 0; border-top: 0;; }
html.pal-graphite body.gr .fm-card { padding: calc(var(--u) * 1.4); gap: 18px; align-content: start;; }
html.pal-graphite body.gr .fm-top { display: flex; flex-direction: column; align-items: flex-start; gap: 16px;; }
html.pal-graphite body.gr .fm-card ul { margin: 0; padding: 0; display: grid; gap: 10px;; }
html.pal-graphite body.gr .fm-card li { font-size: 15px; line-height: 1.45; margin: 0;; }
html.pal-graphite body.gr .fm-card.fm-hot { background:#d4b25a;color:#1e1c19; }
html.pal-graphite body.gr .fm-card.fm-hot li { color: #111;; }
html.pal-graphite body.gr .fm-q { font-size: 17px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px;; }
html.pal-graphite body.gr .fm-card { display: flex; flex-direction: column;; }
html.pal-graphite body.gr .fm-card ul { flex: 1 1 auto;; }
html.pal-graphite body.gr .fm-card .sv-btn { margin-top: auto; padding: 8px 0 0; background: transparent;; }
html.pal-graphite body.gr .fm-card.fm-hot { background:#d4b25a;color:#1e1c19; }
html.pal-graphite body.gr .fm-card.fm-dark { --ring:linear-gradient(90deg, #fbac16, #44d4e2, #7f4bdc, #fbac16);--fill:#2f2c27;border:4px solid transparent;background:linear-gradient(var(--fill), var(--fill)) padding-box, var(--ring) 0 0 / 300% 100% border-box;color:#fff; }
html.pal-graphite body.gr .fm-card.fm-dark h3, html.pal-graphite body.gr .fm-card.fm-dark li, html.pal-graphite body.gr .fm-card.fm-dark .sv-btn { color: #fff;; }
html.pal-graphite body.gr .fm-card.fm-dark .pl { color: #fff;; }
html.pal-graphite body.gr .fm-card ul { align-content: start;; }
html.pal-graphite body.gr .fm-card ul { gap: 0;; }
html.pal-graphite body.gr .fm-card li { position: static; padding: 10px 0; border-bottom: 1px solid rgba(21, 21, 21, .14);; }
html.pal-graphite body.gr .fm-card li::before, html.pal-graphite body.gr .fm-card li::marker { content: none; display: none;; }
html.pal-graphite body.gr .fm-card li:first-child { padding-top: 0;; }
html.pal-graphite body.gr .fm-card li:last-child { border-bottom: 0; padding-bottom: 0;; }
html.pal-graphite body.gr .fm-card.fm-hot li { border-bottom-color: rgba(17, 17, 17, .22);; }
html.pal-graphite body.gr .fm-card.fm-dark li { border-bottom-color: rgba(255, 255, 255, .22);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .pl { display:inline-grid;place-items:center;background:#f0e8d2;color:#6e5a1f; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-hot .pl { background:rgba(255, 255, 255, .55);color:#1e1c19; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .pl { background: rgba(255, 255, 255, .14); color: #ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(1) { --h:#8c3a32; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(3) { --h:#8a5a14; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(5) { --h:#3f4f7a; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { background: color-mix(in srgb, var(--h) 7%, var(--bg)); box-shadow: inset 0 5px 0 var(--h); padding-top: calc(var(--u) * 1.4 + 5px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .pl { background: var(--h); color: #ffffff;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) li { border-bottom-color: color-mix(in srgb, var(--h) 28%, transparent);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .sv-btn .lt { text-decoration-color: var(--h);; }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-grid { grid-template-rows: auto 1fr auto;; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 18px; align-content: stretch;; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card .sv-btn { margin-top: 0; align-self: end;; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card.fm-hot { padding-top: calc(var(--u) * 1.1 + 5px);; } }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card.fm-dark { padding-top: calc(var(--u) * 1.4 + 1px); padding-bottom: calc(var(--u) * 1.1 + 3px);; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:nth-child(2) { --h:#2f6a73; }
html.pal-graphite body.gr .fm-card { --pl: calc(var(--u) * 1.4); --pt: calc(var(--u) * 1.4);; }
html.pal-graphite body.gr .fm-top { position: relative;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { box-shadow: inset 0 5px 0 var(--h); padding-top: calc(var(--pt) + 5px);; }
@media (min-width: 1000px) { html.pal-graphite body.gr .fm-card.fm-dark { padding-top: calc(var(--u) * 1.4 + 1px);; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-grid { counter-reset: fm;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card { counter-increment: fm; padding-top: 0; box-shadow: none;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) { padding-top: 0; box-shadow: none;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark { padding-top: 0;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .fm-top { margin: 0 calc(-1 * var(--pl)); padding: calc(var(--u) * 1.4) var(--pl) 22px; overflow: hidden; border-top: 5px solid transparent; position: relative;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .fm-top { padding-top: calc(var(--u) * 1.4 + 1px); border-top: 0;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .fm-top { border-top-color: var(--h); background: color-mix(in srgb, var(--h) 17%, var(--bg));; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card:not(.fm-hot):not(.fm-dark) .pl { background: rgba(255, 255, 255, .9); color: var(--h);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card .fm-top::after { content: counter(fm, decimal-leading-zero); position: absolute; right: 10px; top: 2px; font-size: clamp(64px, 7vw, 104px); font-weight: 300; line-height: 1; letter-spacing: -.03em; color: color-mix(in srgb, var(--h, #ffffff) 22%, transparent); pointer-events: none;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #formaty .fm-card.fm-dark .fm-top::after { color: rgba(255, 255, 255, .09);; }
html.pal-graphite body.gr #formaty .fm-top .pl, html.pal-graphite body.gr #formaty .fm-top h3 { position: relative; z-index: 1;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote img.qt-ph, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo) { transform: scale(1); clip-path: inset(0); transition: transform 1.4s cubic-bezier(.22, .61, .36, 1), clip-path 1.4s cubic-bezier(.22, .61, .36, 1); will-change: transform, clip-path;; }
@media (hover: hover) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote .qt-one:hover img.qt-ph, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover img.us-photo, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo):hover { transform: scale(1.06); clip-path: inset(2.83%);; } }
@media (prefers-reduced-motion: reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote img.qt-ph, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo) { transition: none;; } }
@media (prefers-reduced-motion: reduce) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .eg-quote .qt-one:hover img.qt-ph, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover img.us-photo, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo):hover { transform: none; clip-path: inset(0);; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) img.ph:not(.us-photo), html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .slots > img.ph { padding: 0; margin: 0; border: 0; object-fit: cover; display: block;; }
html.pal-graphite #o-kompanii .slots img.ph { padding: 0;; }
html.pal-graphite body.gr .bgph.crm-img img { flex: 1 1 auto; height: 100%; min-height: 0; object-fit: cover; object-position: left top;; }
html.pal-graphite body.gr .fq-todo .fq-a { color: var(--mute);; }
html.pal-graphite body.gr .ad-card { display: grid; grid-template-rows: auto 1fr; gap: 0; row-gap: 0; padding: 0;; }
html.pal-graphite body.gr .ad-top { background:var(--accent);color:var(--on-accent, #1e1c19);padding:clamp(22px, 2.4vw, 34px) clamp(22px, 2.4vw, 36px); }
html.pal-graphite body.gr .ad-tag { display: block; font-size: clamp(28px, 3vw, 44px); font-weight: 700; line-height: 1.05;; }
html.pal-graphite body.gr .ad-mid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; padding: 0; background: rgba(255, 255, 255, .16); align-content: stretch;; }
@media (min-width: 1280px) { html.pal-graphite body.gr .ad-mid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);; } }
html.pal-graphite body.gr .ad-b { background:#26231f;padding:clamp(20px, 2vw, 28px);display:grid;gap:14px;align-content:start; }
html.pal-graphite body.gr .ad-b2 .vh { display: block;; }
html.pal-graphite body.gr .ad-sys { display: grid; gap: 18px; align-content: start;; }
html.pal-graphite body.gr .ad-si { display: flex; align-items: baseline; gap: 12px; color: #ffffff; font-size: clamp(18px, 1.6vw, 22px); font-weight: 600; line-height: 1.2; text-decoration: none;; }
html.pal-graphite body.gr .ad-si::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--c, #ffffff); transform: translateY(-1px);; }
html.pal-graphite body.gr .ad-si .lt { border-bottom: 2px dotted currentColor;; }
html.pal-graphite body.gr .ad-si i { font-style: normal; transition: transform .2s ease;; }
html.pal-graphite body.gr .ad-si:hover i { transform: translateX(4px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk.ad-card { background:#1e1c19 !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm > .link-card.dk.ad-card .go { font-size: clamp(20px, 1.9vw, 26px); font-weight: 700; padding: clamp(26px, 2.6vw, 38px);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .ph:not(.us-photo):not(img), html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .qt-ph:not(img) { transition: background-size 1.4s cubic-bezier(.22, .61, .36, 1);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .bgph.crm-img img { transition: transform 1.4s cubic-bezier(.22, .61, .36, 1);; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col img.us-photo { object-fit: cover; object-position: center;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col { position: relative;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col::after { content: ""; position: absolute; inset: 0; border: 4px solid transparent; pointer-events: none; z-index: 2; transition: border-color .25s ease;; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col[data-l="pi"]::after { border-color: var(--accent);; }
@media (hover: hover) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us:has(> .us-col:hover) > .us-col[data-l="pi"]:not(:hover)::after { border-color: transparent;; } }
@media (hover: hover) { html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .g.us > .us-col:hover::after { border-color: var(--accent);; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #crm .ad-card .pl { background:var(--accent);color:var(--on-accent, #1e1c19); }
html.pal-graphite body.gr footer.g.ft { display: flex; flex-wrap: wrap; gap: 1px;; }
html.pal-graphite body.gr footer.g.ft > .s4 { flex: 1 1 150px; min-width: 0; grid-column: auto; overflow-wrap: anywhere;; }
html.pal-graphite body.gr footer.g.ft > .s4:first-child { flex-basis: 100%;; }
html.pal-graphite body.gr footer.g.ft > .ft-req { flex: 1.6 1 300px;; }
@media (min-width: 1100px) { html.pal-graphite body.gr footer.g.ft { flex-wrap: nowrap;; } }
@media (min-width: 1100px) { html.pal-graphite body.gr footer.g.ft > .s4:first-child { flex: 1.1 1 0;; } }
@media (min-width: 1100px) { html.pal-graphite body.gr footer.g.ft > .s4 { flex: 1 1 0;; } }
@media (min-width: 1100px) { html.pal-graphite body.gr footer.g.ft > .ft-req { flex: 1.8 1 0;; } }
html.pal-graphite body.gr img.lz-img { cursor: zoom-in; transition: opacity .2s ease;; }
html.pal-graphite body.gr img.lz-img:hover { opacity: .88;; }
html.pal-graphite body.gr img.lz-img:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px;; }
html.pal-graphite dialog.lz-dlg { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(30, 28, 25, .92); color: #ffffff;; }
html.pal-graphite dialog.lz-dlg::backdrop { background: rgba(30, 28, 25, .6);; }
html.pal-graphite .lz-box { box-sizing: border-box; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 56px clamp(12px, 4vw, 48px) 20px;; }
html.pal-graphite .lz-x { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px; border: 0; background: var(--accent); color: var(--on-accent); font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;; }
html.pal-graphite .lz-x:hover { background: color-mix(in srgb, var(--accent) 80%, #ffffff);; }
html.pal-graphite .lz-x:focus-visible { outline: 3px solid #ffffff; outline-offset: -6px;; }
html.pal-graphite .lz-x span { font-size: 22px; line-height: 1;; }
html.pal-graphite .lz-pic { flex: 1 1 auto; min-height: 0; max-width: 100%; display: flex;; }
html.pal-graphite .lz-pic img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; object-fit: contain; background: #ffffff;; }
html.pal-graphite .lz-cap { margin:0;max-width:56em;text-align:center;font-size:14px;line-height:1.4;color:var(--mute-dark, #bcb9b3); }
html.pal-graphite .lz-pic img[src] { min-width: 0;; }
html.pal-graphite:root { scroll-padding-top: var(--head-h, 65px);; }
@media (min-width: 861px) { html.pal-graphite body.gr .site-head > .g { grid-template-columns: auto minmax(0, 1fr) auto;; } }
@media (min-width: 861px) { html.pal-graphite body.gr .site-head > .g > .hd:not(.burger) { grid-column: auto;; } }
@media (min-width: 861px) { html.pal-graphite body.gr .site-head .hd.nav-cell nav { font-size: clamp(13px, 1.25vw, 15px);; } }
@media (min-width: 861px) { html.pal-graphite body.gr .site-head .hd.nav-cell nav a { flex: 1 1 auto; padding: 0 clamp(8px, 1.1vw, 18px);; } }
@media (min-width: 861px) { html.pal-graphite body.gr .site-head .g > .hd.phone { padding-left: clamp(14px, 1.8vw, 28px); padding-right: clamp(14px, 1.8vw, 28px);; } }
@media (min-width: 861px) and (max-width: 1000px) { html.pal-graphite body.gr .site-head .hd.nav-cell nav a .mn { display: none;; } }
@media (min-width: 861px) and (max-width: 1000px) { html.pal-graphite body.gr .site-head .hd.nav-cell nav a { padding: 0 8px;; } }
html.pal-graphite body.gr .site-head .logo i, html.pal-graphite body.gr .ft .logo i { height: 38px !important; width: 59px !important; flex: none;; }
html.pal-graphite body.gr .ft .logo i { height: 64px !important; width: 99px !important;; }
html.pal-graphite body.gr .site-head .g > .hd.dk:first-child .logo { gap: 12px;; }
@media (max-width: 860px) { html.pal-graphite body.gr .site-head .logo i { height: 36px !important; width: 56px !important;; } }
/* поправки палитры */
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) #o-kompanii .stat { color:#7d6623; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn { --ring:linear-gradient(135deg, #4a6fe0 0%, #c2417a 11%, #e8745a 22%, #f0c14b 33%, #e8745a 55%, #c2417a 77%, #4a6fe0 100%); }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2 { --fill:#2f2c27; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) .fm-dark { --ring:linear-gradient(135deg, #4a6fe0 0%, #c2417a 11%, #e8745a 22%, #f0c14b 33%, #e8745a 55%, #c2417a 77%, #4a6fe0 100%); --fill:#2f2c27; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn { background-size:100% 100%, 200% 200% !important; }
@keyframes ring-run-p { to { background-position: 0 0, 200% 200%; } }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk:active, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:active, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.eg-cell.act:active, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn:hover, html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.final-btn:active { animation-name: ring-run-p !important; }
html.pal-graphite:not([data-pol="dark"]) body.gr:not(.cd) a.cell-btn.dk.cell-btn-2:hover { --fill:#3c3831; }