/* Шрифты */
        @font-face {
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url('/assets/fonts/manrope-500-cyr.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url('/assets/fonts/manrope-500-lat.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
        }

        @font-face {
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url('/assets/fonts/manrope-700-cyr.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url('/assets/fonts/manrope-700-lat.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
        }

        @font-face {
            font-family: 'IBM Plex Mono';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url('/assets/fonts/ibm-plex-mono-400-cyr.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'IBM Plex Mono';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url('/assets/fonts/ibm-plex-mono-400-lat.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
        }

        @font-face {
            font-family: 'IBM Plex Mono';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url('/assets/fonts/ibm-plex-mono-600-cyr.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'IBM Plex Mono';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url('/assets/fonts/ibm-plex-mono-600-lat.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
        }

        /* ============ ТОКЕНЫ ============ */
        /* Палитра, радиусы и типографика */
        :root {
            --ground: #000000;
            --surface: #141414;
            --surface-2: #0A0A0A;
            --surface-3: #1A1A1A;
            --line: #262626;
            --line-2: #333333;
            --ink: #FFFFFF;
            --ink-2: #999999;
            --ink-3: #808080;
            --acc: #FF9D00;
            --acc-ink: #0A0A0A;
            --acc-lt: #FFBB4D;
            --acc-dark: #D98500;
            --acc-dim: rgba(255, 157, 0, .16);
            --acc-line: rgba(255, 157, 0, .5);
            --bad: #FF6B5A;
            --bad-dim: rgba(255, 107, 90, .14);
            --ok: #3FD39A;
            --ok-dim: rgba(63, 211, 154, .13);
            --r: 10px;
            --r-lg: 12px;
            --r-xl: 14px;
            --f: 'Manrope', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
            --m: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
            --ease: cubic-bezier(.22, .9, .28, 1);
            --sh: 0 24px 60px -30px rgba(0, 0, 0, .9);
            /* Знак-«искра» из макета: диск с вырезанными углами, три размера в ряд */
            --spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.4 30' fill='none'%3E%3Cmask id='m' maskUnits='userSpaceOnUse' x='0' y='0' width='68.4' height='30'%3E%3Crect width='68.4' height='30' fill='white'/%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='black'/%3E%3Ccircle cx='22.5' cy='7.5' r='7.5' fill='black'/%3E%3Ccircle cx='7.5' cy='22.5' r='7.5' fill='black'/%3E%3Ccircle cx='22.5' cy='22.5' r='7.5' fill='black'/%3E%3Ccircle cx='40.5' cy='10.5' r='4.5' fill='black'/%3E%3Ccircle cx='49.5' cy='10.5' r='4.5' fill='black'/%3E%3Ccircle cx='40.5' cy='19.5' r='4.5' fill='black'/%3E%3Ccircle cx='49.5' cy='19.5' r='4.5' fill='black'/%3E%3Ccircle cx='62.1' cy='12.9' r='2.1' fill='black'/%3E%3Ccircle cx='66.3' cy='12.9' r='2.1' fill='black'/%3E%3Ccircle cx='62.1' cy='17.1' r='2.1' fill='black'/%3E%3Ccircle cx='66.3' cy='17.1' r='2.1' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23m)'%3E%3Ccircle cx='15' cy='15' r='7.5' fill='%23666666'/%3E%3Ccircle cx='45' cy='15' r='4.5' fill='%23333333'/%3E%3Ccircle cx='64.2' cy='15' r='2.1' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
        }

        *, *::before, *::after {
            box-sizing: border-box
        }

        [hidden] {
            display: none !important
        }

        html {
            -webkit-text-size-adjust: 100%;
            scroll-behavior: smooth;
            scroll-padding-top: 96px
        }

        body {
            margin: 0;
            background: var(--ground);
            color: var(--ink);
            font-family: var(--f);
            font-size: 18px;
            font-weight: 500;
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden
        }

        /* Макет: заголовок 60/48/24 px, начертание SemiBold, межстрочный 1.2, трекинг нулевой.
   В Manrope нет 600 — браузер подставляет 700, поэтому вес задан явно. */
        h1, h2, h3 {
            margin: 0;
            font-weight: 700;
            letter-spacing: -.01em;
            line-height: 1.2;
            text-wrap: balance
        }

        h1 {
            font-size: clamp(2.1rem, 4.6vw, 3.75rem)
        }

        h2 {
            font-size: clamp(1.7rem, 3.2vw, 3rem);
            line-height: 1.25
        }

        h3 {
            font-size: 1.3rem;
            letter-spacing: -.005em;
            line-height: 1.4
        }

        /* Знак-«искра» над заголовком раздела */
        .sec > .wrap > h2::before, .vow > .wrap > h2::before, .cnt > .wrap > h2::before {
            content: "";
            display: block;
            width: 68.4px;
            height: 30px;
            margin-bottom: 18px;
            background: var(--spark) no-repeat center/contain
        }

        p {
            margin: 0
        }

        ul, ol, dl {
            margin: 0;
            padding: 0;
            list-style: none
        }

        a {
            color: inherit
        }

        button {
            font-family: inherit
        }

        :focus-visible {
            outline: 2.5px solid var(--acc-lt);
            outline-offset: 3px;
            border-radius: 6px
        }

        .mono {
            font-family: var(--m);
            font-variant-numeric: tabular-nums;
            letter-spacing: -.02em
        }

        .vh {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap
        }

        .skip {
            position: absolute;
            left: -9999px;
            top: 0;
            z-index: 99;
            background: var(--acc);
            color: var(--acc-ink);
            padding: 12px 18px;
            border-radius: 0 0 10px 0
        }

        .skip:focus {
            left: 0
        }

        .wrap {
            width: min(1180px, 100% - 44px);
            margin-inline: auto
        }

        .wrap--n {
            width: min(820px, 100% - 44px)
        }

        .lede {
            margin-top: 18px;
            color: var(--ink-2);
            max-width: 62ch;
            font-size: 1.125rem;
            line-height: 1.5
        }

        .src {
            margin-top: 26px;
            font-size: .8rem;
            color: var(--ink-3);
            max-width: 76ch;
            line-height: 1.55
        }

        .ph {
            border-bottom: 1.5px dashed var(--acc);
            text-decoration: none
        }

        /* ============ ПОЛОСА ПРОКРУТКИ ============ */
        .prog {
            position: fixed;
            left: 0;
            top: 0;
            height: 2px;
            width: 0;
            z-index: 90;
            background: linear-gradient(90deg, var(--acc), var(--acc-lt));
            transition: width .1s linear
        }

        /* ============ ШАПКА ============ */
        .top {
            position: sticky;
            top: 0;
            z-index: 60;
            background: color-mix(in srgb, var(--ground) 78%, transparent);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid transparent;
            transition: border-color .3s, background .3s
        }

        .top.stuck {
            border-bottom-color: var(--line);
            background: color-mix(in srgb, var(--ground) 92%, transparent)
        }

        .top__in {
            display: flex;
            align-items: center;
            gap: 26px;
            padding: 13px 0
        }

        .logo {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            flex: none
        }

        .logo img {
            display: block;
            width: clamp(136px, 12vw, 154px);
            height: auto
        }

        /* Макет: пункты меню собраны в одну «таблетку» Grey/08 с рамкой Grey/15,
   активный и наведённый пункт — залитый прямоугольник Grey/10. */
        .nav {
            display: flex;
            gap: 2px;
            margin-inline: auto;
            font-size: .95rem;
            color: var(--ink-2);
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 4px
        }

        .nav a {
            text-decoration: none;
            white-space: nowrap;
            padding: 10px 12px;
            border-radius: 8px;
            transition: background .2s, color .2s
        }

        .nav a:hover {
            background: var(--surface-3);
            color: var(--ink)
        }

        .top__tel {
            font-size: 1rem;
            white-space: nowrap;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 12px 20px;
            transition: background .2s, border-color .2s
        }

        .top__tel:hover {
            background: var(--surface-3);
            border-color: var(--line-2)
        }

        .burger {
            display: none;
            width: 48px;
            height: 48px;
            border: 1px solid var(--line);
            border-radius: 10px;
            background: var(--surface);
            background: none;
            cursor: pointer;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px
        }

        .burger span {
            display: block;
            width: 17px;
            height: 1.8px;
            background: var(--ink);
            transition: transform .25s, opacity .2s
        }

        .burger[aria-expanded="true"] span:first-child {
            transform: translateY(3.4px) rotate(45deg)
        }

        .burger[aria-expanded="true"] span:last-child {
            transform: translateY(-3.4px) rotate(-45deg)
        }

        .mnav {
            display: none;
            flex-direction: column;
            border-top: 1px solid var(--line);
            padding: 6px 0 14px
        }

        .mnav a {
            padding: 13px 22px;
            text-decoration: none;
            color: var(--ink-2);
            border-bottom: 1px solid var(--line)
        }

        .mnav a:last-child {
            border-bottom: 0
        }

        /* ============ АНИМАЦИЯ ============ */
        .js .up {
            opacity: 0;
            transform: translateY(26px);
            animation: up .82s var(--ease) forwards;
            animation-delay: var(--d, 0ms)
        }

        @keyframes up {
            to {
                opacity: 1;
                transform: none
            }
        }

        .js .rv {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity .74s var(--ease), transform .74s var(--ease);
            transition-delay: var(--dd, 0ms)
        }

        .js .rv.in {
            opacity: 1;
            transform: none
        }

        /* ============ ПЕРВЫЙ ЭКРАН ============ */
        .hero {
            position: relative;
            padding: clamp(52px, 7vw, 92px) 0 clamp(40px, 5vw, 68px);
            overflow: hidden
        }

        .hero::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 50%;
            background: var(--surface);
            border-right: 1px solid var(--line)
        }

        .hero__bg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            opacity: .55;
            pointer-events: none
        }

        .hero__glow {
            position: absolute;
            width: 640px;
            height: 640px;
            border-radius: 50%;
            pointer-events: none;
            background: radial-gradient(circle, rgba(255, 157, 0, .30), transparent 62%);
            transform: translate(-50%, -50%);
            left: 76%;
            top: 26%;
            transition: left .5s ease-out, top .5s ease-out;
            filter: blur(8px)
        }

        .hero__in {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns:minmax(0, 1fr) minmax(0, .92fr);
            gap: clamp(26px, 4vw, 56px);
            align-items: center
        }

        .hero h1 {
            margin-top: 0;
            font-size: clamp(1.95rem, 3.4vw, 2.9rem)
        }

        .hl {
            color: var(--acc-lt);
            font-size: clamp(1rem, 2vw, 2rem);
            line-height: 0.2;
        }

        .num {
            font-weight: 700
        }

        .hero__lede {
            margin: 20px 0 0;
            max-width: 46ch;
            color: var(--ink-2);
            font-size: clamp(1rem, 1.4vw, 1.125rem)
        }

        .facts {
            margin: 30px 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap: 12px
        }

        .facts li {
            background: var(--surface-3);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 16px 18px;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .facts b {
            font-size: clamp(1.05rem, 1.35vw, 1.3rem);
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -.01em
        }

        .facts span {
            color: var(--ink-2);
            font-size: .84rem;
            line-height: 1.4
        }

        .hero__r {
            position: relative
        }

        .hero__cap {
            font-size: .84rem;
            color: var(--ink-3);
            margin-bottom: 12px
        }

        .hero__note {
            margin-top: 12px;
            font-size: .8rem;
            color: var(--ink-3);
            line-height: 1.45;
            max-width: 40ch
        }

        @media (max-width: 980px) {
            .hero::before {
                width: 100%;
                border-right: 0;
                border-bottom: 1px solid var(--line)
            }

            .hero__in {
                grid-template-columns:1fr;
                gap: 34px
            }

            .hero__glow {
                left: 50%;
                top: 30%
            }

            .hero__r {
                max-width: 520px
            }
        }

        @media (max-width: 560px) {
            .facts {
                grid-template-columns:1fr
            }
        }

        .probe {
            margin: 32px 0 0;
            max-width: 660px
        }

        .probe__slab {
            position: relative;
            display: flex;
            align-items: center;
            gap: 12px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-xl);
            padding: 8px 8px 8px 20px;
            box-shadow: var(--sh);
            overflow: hidden;
            transition: border-color .25s, box-shadow .25s
        }

        .probe__slab:focus-within {
            border-color: var(--acc);
            box-shadow: 0 0 0 4px var(--acc-dim), var(--sh)
        }

        .probe__ic {
            color: var(--ink-3);
            display: flex;
            flex: none
        }

        #site, #site2 {
            flex: 1;
            min-width: 0;
            border: 0;
            background: none;
            color: var(--ink);
            padding: 13px 0;
            font: 500 clamp(1.02rem, 2vw, 1.28rem)/1.3 var(--m);
            letter-spacing: -.02em
        }

        #site::placeholder, #site2::placeholder {
            color: var(--ink-3)
        }

        #site:focus, #site2:focus {
            outline: none
        }

        .probe__scan {
            position: absolute;
            inset: 0;
            pointer-events: none;
            opacity: 0;
            transform: translateX(-100%);
            background: linear-gradient(90deg, transparent, rgba(255, 157, 0, .32), transparent)
        }

        .probe.busy .probe__scan {
            opacity: 1;
            animation: scan 1.15s linear infinite
        }

        @keyframes scan {
            to {
                transform: translateX(100%)
            }
        }

        .probe__err {
            margin-top: 10px;
            font-size: .9rem;
            color: var(--bad)
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            border: 0;
            cursor: pointer;
            font: 500 1.125rem/1.5 var(--f);
            letter-spacing: 0;
            padding: 18px 24px;
            border-radius: 10px;
            text-decoration: none;
            transition: background .2s var(--ease), border-color .2s, box-shadow .2s, color .2s
        }

        .btn--go {
            background: var(--acc);
            color: var(--acc-ink);
            flex: none
        }

        .btn-qlink {
            margin-top: 20px
        }

        .btn--go:hover {
            background: var(--acc-dark);
            box-shadow: 0 12px 30px -16px rgba(255, 157, 0, .95)
        }

        .btn--go svg {
            transition: transform .25s var(--ease)
        }

        .btn--go:hover svg {
            transform: translateX(4px)
        }

        .btn--gh {
            background: transparent;
            border: 1px solid var(--line);
            color: var(--ink)
        }

        .btn--gh:hover {
            background: var(--surface-3);
            border-color: var(--line-2)
        }

        .run {
            margin-top: 26px;
            max-width: 660px
        }

        .run__bar {
            height: 3px;
            background: var(--line);
            border-radius: 3px;
            overflow: hidden
        }

        .run__bar i {
            display: block;
            height: 100%;
            width: 0;
            background: var(--acc);
            border-radius: 3px;
            transition: width .45s var(--ease)
        }

        .run__steps {
            margin-top: 15px;
            display: flex;
            flex-direction: column;
            gap: 7px;
            font-size: .92rem;
            color: var(--ink-3);
            text-align: left
        }

        .run__steps li {
            display: flex;
            align-items: center;
            gap: 10px;
            opacity: .32;
            transition: opacity .3s, color .3s
        }

        .run__steps li::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: currentColor;
            flex: none;
            transition: transform .3s var(--ease)
        }

        .run__steps li.on {
            opacity: 1;
            color: var(--acc-lt)
        }

        .run__steps li.on::before {
            transform: scale(1.6)
        }

        .run__steps li.done {
            opacity: 1;
            color: var(--ok)
        }

        /* ============ СЕКЦИИ ============ */
        .sec {
            padding: clamp(62px, 8vw, 116px) 0;
            position: relative
        }

        .sec--alt {
            background: var(--surface-2);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line)
        }

        /* ============ ОКНО С ПРИМЕРОМ ОТЧЁТА ============ */
        .plg__win {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            overflow: hidden;
            box-shadow: var(--sh)
        }

        .plg__bar {
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 11px 15px;
            border-bottom: 1px solid var(--line);
            background: var(--surface-3)
        }

        .plg__bar i {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--line-2)
        }

        .plg__url {
            margin-left: auto;
            font-family: var(--m);
            font-size: .7rem;
            color: var(--ink-3)
        }

        .plg__body {
            padding: 17px
        }

        .plg__verdict {
            font-weight: 700;
            letter-spacing: -.02em;
            font-size: 1.02rem;
            margin: 0 0 13px
        }

        .plg__r {
            position: relative;
            padding: 11px 13px 11px 17px;
            border-radius: 9px;
            background: var(--surface-2);
            margin-bottom: 8px;
            font-size: .87rem;
            line-height: 1.4
        }

        .plg__r::before {
            content: "";
            position: absolute;
            left: 0;
            top: 9px;
            bottom: 9px;
            width: 3px;
            border-radius: 3px
        }

        .plg__r--bad::before {
            background: var(--bad)
        }

        .plg__r--ok::before {
            background: var(--ok)
        }

        .plg__r--unk::before {
            background: var(--acc)
        }

        .plg__r span {
            display: block;
            margin-top: 4px;
            font-family: var(--m);
            font-size: .73rem;
            color: var(--ink-3)
        }

        /* ============ ОТЧЁТ ============ */
        .report {
            padding: clamp(34px, 5vw, 60px) 0 clamp(56px, 7vw, 90px)
        }

        .note {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            max-width: 830px;
            background: var(--acc-dim);
            border: 1px solid var(--acc-line);
            border-radius: var(--r);
            padding: 15px 17px;
            font-size: .93rem;
            color: var(--ink-2);
            margin-bottom: 30px
        }

        .note svg {
            color: var(--acc-lt);
            flex: none;
            margin-top: 2px
        }

        .report__head {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            align-items: flex-end;
            justify-content: space-between;
            margin-bottom: 24px
        }

        .report__for {
            font-size: .78rem;
            color: var(--ink-3);
            margin-bottom: 8px
        }

        .tally {
            display: flex;
            flex-wrap: wrap;
            gap: 9px
        }

        .tally i {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: .86rem;
            padding: 7px 13px;
            border-radius: 99px;
            font-style: normal
        }

        .tally .b {
            background: var(--bad-dim);
            color: var(--bad)
        }

        .tally .w, .tally .d {
            background: var(--acc-dim);
            color: var(--acc-lt)
        }

        .tally .o {
            background: var(--ok-dim);
            color: var(--ok)
        }

        .rows {
            display: flex;
            flex-direction: column;
            gap: 9px
        }

        .row {
            position: relative;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r);
            padding: 16px 19px 16px 24px;
            overflow: hidden;
            opacity: 0;
            transform: translateY(14px);
            animation: up .5s var(--ease) forwards;
            animation-delay: var(--d)
        }

        .row::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: var(--st)
        }

        .row--bad {
            --st: var(--bad)
        }

        .row--disp {
            --st: var(--acc)
        }

        .row--warn {
            --st: var(--acc)
        }

        .row--ok {
            --st: var(--ok)
        }

        .row__t {
            display: flex;
            flex-wrap: wrap;
            gap: 11px;
            align-items: center
        }

        .row__n {
            font-weight: 700;
            letter-spacing: -.02em;
            flex: 1;
            min-width: 200px
        }

        .pill {
            font-size: .76rem;
            font-weight: 700;
            padding: 4px 11px;
            border-radius: 99px;
            white-space: nowrap
        }

        .row--bad .pill {
            background: var(--bad-dim);
            color: var(--bad)
        }

        .row--warn .pill, .row--disp .pill {
            background: var(--acc-dim);
            color: var(--acc-lt)
        }

        .row--ok .pill {
            background: var(--ok-dim);
            color: var(--ok)
        }

        .row__w {
            margin-top: 7px;
            font-size: .94rem;
            color: var(--ink-2);
            max-width: 72ch
        }

        .row__m {
            margin-top: 9px;
            display: flex;
            flex-wrap: wrap;
            gap: 5px 16px;
            font-size: .79rem;
            color: var(--ink-3)
        }

        .row__f {
            margin-top: 10px;
            font-size: .9rem;
            color: var(--ink-2);
            background: var(--acc-dim);
            border-radius: 9px;
            padding: 9px 12px
        }

        .tag {
            display: inline-block;
            font-size: .63rem;
            font-weight: 700;
            padding: 2px 7px;
            border-radius: 5px;
            background: var(--acc-dim);
            color: var(--acc-lt);
            margin-left: 8px;
            vertical-align: 2px
        }

        .rest {
            margin-top: 22px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 24px
        }

        .rest__l {
            margin-top: 14px;
            display: grid;
            grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
            gap: 13px
        }

        .rest__l li {
            font-size: .9rem;
            line-height: 1.45;
            color: var(--ink-2);
            padding-left: 15px;
            position: relative
        }

        .rest__l li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 7px;
            width: 5px;
            height: 5px;
            border-radius: 2px;
            background: var(--ink-3)
        }

        .rest__l b {
            display: block;
            color: var(--ink);
            margin-bottom: 2px
        }

        .rest__l i {
            font-style: normal;
            display: block;
            margin-top: 3px;
            font-family: var(--m);
            font-size: .74rem;
            color: var(--ink-3)
        }

        .report__cta {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            align-items: center;
            justify-content: space-between;
            margin-top: 26px;
            padding: 22px 24px;
            background: var(--acc-dim);
            border-radius: var(--r-lg)
        }

        .report__cta p {
            color: var(--ink-2);
            max-width: 54ch
        }

        .report__cta a {
            color: var(--acc-lt)
        }

        /* ============ ЧТО ИЗМЕНИЛОСЬ ============ */
        .chg {
            margin-top: 34px;
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            overflow: hidden;
            background: var(--surface)
        }

        .chg__row {
            display: grid;
            grid-template-columns:1fr auto auto auto;
            gap: 14px;
            align-items: center;
            padding: 17px 22px;
            border-bottom: 1px solid var(--line)
        }

        .chg__row:last-child {
            border-bottom: 0
        }

        .chg__t {
            font-size: .96rem
        }

        .chg__was {
            color: var(--ink-3);
            font-size: .88rem;
            text-decoration: line-through;
            text-decoration-color: var(--line-2)
        }

        .chg__ar {
            color: var(--ink-3);
            flex: none
        }

        .chg__now {
            color: var(--acc-lt);
            font-weight: 700;
            font-size: 1rem;
            white-space: nowrap
        }

        .chg__now--red {
            color: var(--bad)
        }

        /* ============ СТЕК САНКЦИЙ ============ */
        .stack {
            margin-top: 38px
        }

        .stack__l {
            display: flex;
            flex-direction: column-reverse;
            gap: 8px;
            max-width: 760px
        }

        .stack__i {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            border: 1px solid var(--line-2);
            border-left: 3px solid var(--acc);
            border-radius: var(--r);
            background: var(--surface);
            padding: 0 22px;
            min-height: var(--h);
            opacity: 0;
            transform: translateY(24px) scaleY(.92);
            transform-origin: bottom;
            transition: opacity .7s var(--ease), transform .7s var(--ease);
            transition-delay: calc(var(--i) * 140ms)
        }

        .stack.in .stack__i {
            opacity: 1;
            transform: none
        }

        .stack__i--cut {
            border-left-color: var(--bad);
            align-items: flex-end;
            padding-bottom: 20px;
            -webkit-mask-image: linear-gradient(to top, #000 72%, transparent 99%);
            mask-image: linear-gradient(to top, #000 72%, transparent 99%)
        }

        .stack__n b {
            display: block;
            font-weight: 700;
            letter-spacing: -.02em
        }

        .stack__n em {
            font-style: normal;
            display: block;
            margin-top: 3px;
            font-size: .78rem;
            color: var(--ink-3)
        }

        .stack__v {
            font-size: 1.12rem;
            font-weight: 700;
            color: var(--acc-lt);
            white-space: nowrap
        }

        .stack__i--cut {
            border-left-width: 4px
        }

        .stack__i--cut .stack__n b {
            font-size: clamp(1.14rem, 1.9vw, 1.42rem);
            line-height: 1.2
        }

        .stack__i--cut .stack__n em {
            margin-top: 6px;
            font-size: .82rem
        }

        .stack__i--cut .stack__v {
            color: var(--bad);
            font-size: clamp(1.5rem, 3vw, 2.15rem);
            letter-spacing: -.03em
        }

        .stack__note {
            margin-top: 18px;
            font-size: .9rem;
            color: var(--ink-2);
            max-width: 70ch;
            padding-left: 14px;
            border-left: 2px solid var(--line-2)
        }

        /* ============ ПОЛЗУНОК ============ */
        .sl {
            margin-top: 44px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 26px 28px;
            max-width: 760px
        }

        .sl__cap {
            font-size: .74rem;
            color: var(--ink-3);
            letter-spacing: .05em
        }

        .sl__val {
            margin-top: 8px;
            display: flex;
            align-items: baseline;
            gap: 12px;
            flex-wrap: wrap
        }

        .sl__val b {
            font-size: clamp(2rem, 4vw, 2.9rem);
            font-weight: 700;
            color: var(--acc-lt);
            letter-spacing: -.02em
        }

        .sl__val span {
            color: var(--ink-2);
            font-size: .95rem
        }

        .sl__in {
            -webkit-appearance: none;
            appearance: none;
            width: 100%;
            margin-top: 20px;
            height: 5px;
            border-radius: 5px;
            background: linear-gradient(90deg, var(--acc) var(--p, 56%), var(--line-2) var(--p, 56%));
            cursor: pointer
        }

        .sl__in::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: var(--acc);
            border: 4px solid var(--ground);
            box-shadow: 0 0 0 1.5px var(--acc);
            cursor: grab
        }

        .sl__in::-moz-range-thumb {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: var(--acc);
            border: 4px solid var(--ground);
            box-shadow: 0 0 0 1.5px var(--acc);
            cursor: grab
        }

        .sl__track {
            position: relative;
            height: 20px;
            margin-top: 2px
        }

        .sl__mark {
            position: absolute;
            top: 0;
            width: 1px;
            height: 11px;
            background: var(--bad)
        }

        .sl__mark span {
            position: absolute;
            left: 50%;
            top: 12px;
            transform: translateX(-50%);
            font-size: .66rem;
            color: var(--bad);
            white-space: nowrap
        }

        .sl__out {
            margin-top: 16px;
            font-size: .88rem;
            color: var(--ink-2);
            min-height: 2.6em;
            line-height: 1.5
        }

        .sl__out b {
            color: var(--acc-lt)
        }

        /* ============ ВКЛАДКИ ============ */
        .tabs {
            display: inline-flex;
            gap: 4px;
            margin-top: 30px;
            padding: 4px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 13px
        }

        .tabs__b {
            border: 0;
            background: none;
            color: var(--ink-2);
            font: 600 .95rem/1 var(--f);
            padding: 11px 20px;
            border-radius: 9px;
            cursor: pointer;
            transition: background .2s, color .2s
        }

        .tabs__b.is-on {
            background: var(--acc);
            color: var(--acc-ink)
        }

        .tabp {
            margin-top: 26px;
            animation: fade .5s var(--ease)
        }

        @keyframes fade {
            from {
                opacity: 0;
                transform: translateY(10px)
            }
        }

        /* макеты сравнения */
        .cmp {
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 16px
        }

        .compare-list {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .compare-row {
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 16px
        }

        .cmp__c {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 22px
        }

        .cmp__c--bad {
            border-color: rgba(255, 107, 90, .3)
        }

        .cmp__c--ok {
            border-color: rgba(63, 211, 154, .3)
        }

        .cmp__case {
            margin-bottom: 8px;
            font-size: .7rem;
            color: var(--ink-3)
        }

        .cmp__h {
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: .86rem;
            font-weight: 700;
            margin-bottom: 16px
        }

        .cmp__c--bad .cmp__h {
            color: var(--bad)
        }

        .cmp__c--ok .cmp__h {
            color: var(--ok)
        }

        .dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            display: inline-block
        }

        .dot--bad {
            background: var(--bad)
        }

        .dot--ok {
            background: var(--ok)
        }

        .cmp__w {
            margin: 11px 0 20px;
            font-size: .87rem;
            color: var(--ink-2);
            line-height: 1.5
        }

        .cmp__c > .cmp__w:last-child {
            margin-bottom: 0
        }

        .mock {
            background: var(--surface-2);
            border: 1px solid var(--line);
            border-radius: 11px;
            padding: 14px;
            font-size: .76rem;
            color: var(--ink-2)
        }

        .mock__t {
            line-height: 1.45
        }

        .mock__t u {
            text-underline-offset: 2px
        }

        .mock__row {
            display: flex;
            gap: 8px;
            align-items: center;
            margin-top: 12px
        }

        .mock__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 7px 14px;
            border-radius: 8px;
            border: 1px solid var(--acc);
            color: var(--acc-lt);
            font-weight: 700;
            font-size: .73rem;
            white-space: nowrap
        }

        .mock__btn--fill {
            background: var(--acc);
            color: var(--acc-ink)
        }

        .mock__btn--w {
            width: 100%;
            margin-top: 4px
        }

        .mock__link {
            font-size: .69rem;
            color: var(--ink-3);
            text-decoration: underline;
            opacity: .6
        }

        .mock__field {
            display: block;
            height: 30px;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: var(--surface)
        }

        .mock__ch {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            line-height: 1.4;
            font-size: .73rem;
            margin-top: 10px
        }

        .mock__ch u {
            color: var(--acc-lt);
            margin-left: 3px
        }

        .mock__ch--opt em {
            font-style: normal;
            color: var(--ink-3);
            margin-left: 5px;
            font-size: .67rem
        }

        .bx {
            width: 14px;
            height: 14px;
            border: 1px solid var(--ink-3);
            border-radius: 4px;
            flex: none;
            margin-top: 1px;
            position: relative;
            background: var(--surface)
        }

        .bx--on {
            background: var(--bad);
            border-color: var(--bad)
        }

        .bx--on::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 1px;
            width: 4px;
            height: 8px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotate(42deg)
        }

        .cmp__me {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            margin-top: 24px;
            font-size: .9rem;
            color: var(--ok);
            background: var(--ok-dim);
            padding: 11px 18px;
            border-radius: 99px
        }

        /* разбор документа */
        .doc {
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            overflow: hidden;
            background: var(--surface)
        }

        .doc__bar {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            align-items: center;
            justify-content: space-between;
            padding: 13px 18px;
            border-bottom: 1px solid var(--line);
            background: var(--surface-2);
            font-size: .76rem;
            color: var(--ink-3)
        }

        .doc__sw {
            display: inline-flex;
            gap: 3px;
            padding: 3px;
            background: var(--ground);
            border-radius: 9px
        }

        .doc__b {
            border: 0;
            background: none;
            color: var(--ink-2);
            font: 600 .78rem/1 var(--f);
            padding: 8px 14px;
            border-radius: 7px;
            cursor: pointer;
            transition: background .2s, color .2s
        }

        .doc__b.is-on {
            background: var(--acc);
            color: var(--acc-ink)
        }

        .doc__body {
            display: grid;
            grid-template-columns:1.25fr .95fr
        }

        .doc__sheet {
            padding: 26px 28px;
            border-right: 1px solid var(--line);
            font-size: .9rem;
            line-height: 1.7
        }

        .doc__ttl {
            font-weight: 700;
            letter-spacing: -.02em;
            margin-bottom: 14px;
            font-size: 1rem
        }

        .doc__num {
            font-size: .76rem;
            color: var(--ink-3);
            margin-top: 16px
        }

        .doc__p {
            margin-top: 6px;
            color: var(--ink-2)
        }

        .hi {
            background: none;
            color: inherit;
            padding: 1px 3px;
            border-radius: 3px;
            transition: background .35s, color .35s
        }

        .hi--1 {
            background: rgba(255, 157, 0, .28);
            box-shadow: inset 2px 0 0 var(--acc)
        }

        .hi--2 {
            background: rgba(255, 107, 90, .16);
            box-shadow: inset 2px 0 0 var(--bad)
        }

        .hi--3 {
            background: rgba(255, 157, 0, .28);
            box-shadow: inset 2px 0 0 var(--acc)
        }

        .hi--4 {
            background: rgba(255, 107, 90, .16);
            box-shadow: inset 2px 0 0 var(--bad)
        }

        .doc.fixed .hi {
            background: rgba(63, 211, 154, .15);
            box-shadow: inset 2px 0 0 var(--ok)
        }

        .doc__side {
            padding: 26px 24px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            background: var(--surface-2)
        }

        .doc__nt p {
            margin-top: 6px;
            font-size: .84rem;
            color: var(--ink-2);
            line-height: 1.5
        }

        .doc__lv {
            display: inline-block;
            font-size: .7rem;
            font-weight: 700;
            padding: 3px 9px;
            border-radius: 6px
        }

        .doc__lv--1 {
            background: var(--bad-dim);
            color: var(--bad)
        }

        .doc__lv--2 {
            background: var(--acc-dim);
            color: var(--acc-lt)
        }

        .doc__lv--3 {
            background: rgba(150, 162, 184, .14);
            color: var(--ink-2)
        }

        .doc.fixed .doc__lv {
            background: var(--ok-dim);
            color: var(--ok)
        }

        /* ============ ТАЙМЛАЙН ============ */
        .tl {
            margin-top: 38px;
            display: grid;
            grid-template-columns:repeat(6, 1fr);
            gap: 0;
            position: relative
        }

        .tl::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 41px;
            height: 2px;
            background: var(--line-2)
        }

        .tl::after {
            content: "";
            position: absolute;
            left: 0;
            top: 41px;
            height: 2px;
            width: 0;
            background: linear-gradient(90deg, var(--ok), var(--acc) 55%, var(--bad));
            transition: width 1.5s var(--ease) .2s
        }

        .tl.in::after {
            width: 100%
        }

        .tl__s {
            position: relative;
            padding: 0 16px 0 0
        }

        .tl__n {
            font-size: .72rem;
            color: var(--ink-3)
        }

        .tl__d {
            display: block;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: var(--ground);
            border: 2px solid var(--line-2);
            margin: 14px 0 20px;
            position: relative;
            z-index: 1;
            transition: border-color .4s, transform .4s var(--ease);
            transition-delay: calc(var(--k, 0) * 180ms)
        }

        .tl.in .tl__s:nth-child(1) .tl__d {
            border-color: var(--ok)
        }

        .tl.in .tl__s:nth-child(2) .tl__d {
            border-color: var(--ok)
        }

        .tl.in .tl__s:nth-child(3) .tl__d {
            border-color: var(--acc)
        }

        .tl.in .tl__s:nth-child(4) .tl__d {
            border-color: var(--acc)
        }

        .tl.in .tl__s:nth-child(5) .tl__d {
            border-color: var(--bad)
        }

        .tl.in .tl__s:nth-child(6) .tl__d {
            border-color: var(--bad);
            transform: scale(1.35);
            background: var(--bad)
        }

        .tl__s h3 {
            font-size: .98rem;
            margin-bottom: 6px
        }

        .tl__s p {
            font-size: .83rem;
            color: var(--ink-2);
            line-height: 1.45
        }

        .tl__s--end h3 {
            color: var(--bad)
        }

        /* ============ СИТУАЦИИ КЛИЕНТА ============ */
        .sec--pick {
            background: var(--surface-2);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line)
        }

        .pick {
            margin-top: 32px;
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .pick__case {
            background: var(--ground);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            overflow: hidden;
            transition: border-color .22s, background .22s
        }

        .pick__case[open] {
            background: var(--surface);
            border-color: var(--acc-line)
        }

        .pick__r {
            display: grid;
            grid-template-columns:1fr 1.1fr 24px;
            gap: 18px;
            align-items: center;
            width: 100%;
            padding: 22px 20px;
            background: none;
            border: 0;
            cursor: pointer;
            list-style: none;
            text-align: left;
            color: inherit;
            transition: background .22s
        }

        .pick__r::-webkit-details-marker {
            display: none
        }

        .pick__r:hover {
            background: var(--surface)
        }

        .pick__case[open] > .pick__r {
            background: var(--acc-dim);
            border-bottom: 1px solid var(--acc-line)
        }

        .pick__r b {
            font-size: 1.16rem;
            font-weight: 700;
            letter-spacing: -.025em
        }

        .pick__r em {
            font-style: normal;
            font-size: .88rem;
            color: var(--ink-3)
        }

        .pick__a {
            color: var(--ink-3);
            transition: transform .22s var(--ease), color .22s
        }

        .pick__r:hover .pick__a {
            transform: translateX(5px);
            color: var(--acc-lt)
        }

        .pick__case[open] > .pick__r .pick__a {
            color: var(--acc-lt);
            transform: rotate(90deg)
        }

        .pick__out {
            padding: 24px 24px 26px;
            background: var(--surface);
            animation: up .32s var(--ease) both
        }

        .pick__out .rest__l {
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap: 16px 28px
        }

        .pick__out .rest__l li:last-child {
            grid-column: 1/-1
        }

        .pick__decision {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            margin-top: 24px;
            padding: 20px 22px;
            background: var(--surface-3);
            border: 1px solid var(--line-2);
            border-radius: var(--r)
        }

        .pick__res {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            gap: 10px;
            color: var(--ink-3);
            font-size: .9rem
        }

        .pick__res b {
            color: var(--acc-lt);
            font-weight: 700;
            font-size: 1.22rem;
            letter-spacing: -.03em
        }

        .pick__why {
            margin-top: 7px;
            color: var(--ink-2);
            max-width: 64ch;
            font-size: .9rem
        }

        .pick__decision .btn {
            flex: none
        }

        /* ============ МАТРИЦА ============ */
        .mtxbox {
            margin-top: 32px;
            overflow-x: auto;
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            background: var(--surface)
        }

        .mtx {
            width: 100%;
            min-width: 760px;
            border-collapse: collapse;
            font-size: .9rem
        }

        .mtx th, .mtx td {
            padding: 15px 18px;
            text-align: left;
            border-bottom: 1px solid var(--line);
            vertical-align: top
        }

        .mtx thead th {
            font-size: .72rem;
            text-transform: none;
            color: var(--ink-3);
            font-weight: 600;
            letter-spacing: .01em
        }

        .mtx tbody tr:last-child td {
            border-bottom: 0
        }

        .mtx tbody tr {
            transition: background .2s
        }

        .mtx tbody tr:hover {
            background: var(--surface-3)
        }

        .mtx .f {
            color: var(--ink);
            font-weight: 700
        }

        .mtx .n {
            color: var(--acc-lt);
            font-size: .8rem
        }

        .mtx td {
            color: var(--ink-2)
        }

        .kind {
            display: inline-block;
            margin-left: 8px;
            font-size: .62rem;
            font-weight: 700;
            padding: 2px 7px;
            border-radius: 5px;
            vertical-align: 2px
        }

        .kind--n {
            background: var(--ok-dim);
            color: var(--ok)
        }

        .kind--p {
            background: var(--acc-dim);
            color: var(--acc-lt)
        }

        /* ============ ШАГИ ============ */
        .steps {
            margin-top: 34px;
            display: grid;
            grid-template-columns:repeat(4, 1fr);
            gap: 14px
        }

        .steps li {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 28px 26px;
            transition: border-color .25s, transform .25s var(--ease)
        }

        .steps li:hover {
            border-color: var(--acc);
            transform: translateY(-4px)
        }

        .steps__n {
            display: block;
            font-size: .74rem;
            color: var(--acc-lt);
            margin-bottom: 14px
        }

        .steps li h3 {
            margin-bottom: 8px
        }

        .steps li p {
            font-size: .89rem;
            color: var(--ink-2);
            line-height: 1.5
        }

        .steps--support {
            grid-template-columns:repeat(4, 1fr)
        }

        .norms {
            margin-top: 24px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            overflow: hidden
        }

        .norms summary {
            position: relative;
            cursor: pointer;
            list-style: none;
            padding: 20px 52px 20px 22px;
            font-weight: 700;
            color: var(--ink);
            transition: color .2s, background .2s
        }

        .norms summary:hover {
            color: var(--acc-lt);
            background: var(--surface-3)
        }

        .norms summary::-webkit-details-marker {
            display: none
        }

        .norms summary::after {
            content: "";
            position: absolute;
            right: 24px;
            top: 50%;
            width: 9px;
            height: 9px;
            border-right: 2px solid var(--ink-3);
            border-bottom: 2px solid var(--ink-3);
            transform: translateY(-70%) rotate(45deg);
            transition: transform .22s var(--ease), border-color .2s
        }

        .norms details[open] summary {
            border-bottom: 1px solid var(--line)
        }

        .norms details[open] summary::after {
            transform: translateY(-30%) rotate(225deg);
            border-color: var(--acc)
        }

        .norms .mtxbox {
            margin: 22px
        }

        .norms .src {
            margin: 0 22px 22px
        }

        /* ============ ОБЯЗАТЕЛЬСТВА ============ */
        .vow {
            position: relative;
            background: var(--surface);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            padding: clamp(66px, 9vw, 124px) 0;
            overflow: hidden
        }

        .vow__lite {
            position: absolute;
            right: -180px;
            top: -180px;
            width: 560px;
            height: 560px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 157, 0, .26), transparent 66%);
            pointer-events: none
        }

        .vow__in {
            position: relative;
            max-width: 900px
        }

        .vow__q {
            margin: 26px 0 0;
            padding-left: 22px;
            border-left: 3px solid var(--acc);
            font-size: clamp(1.1rem, 2vw, 1.44rem);
            line-height: 1.45;
            font-weight: 600;
            letter-spacing: -.02em;
            max-width: 46ch
        }

        .vow__no {
            margin-top: 26px;
            padding-top: 20px;
            border-top: 1px solid var(--line);
            color: var(--ink-3);
            font-size: .96rem;
            max-width: 52ch
        }

        .vow__f {
            list-style: none;
            margin: 28px 0 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 14px
        }

        .vow__f li {
            flex: 1 1 200px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 20px 22px
        }

        .vow__f b {
            display: block;
            font-size: 2.1rem;
            font-weight: 700;
            letter-spacing: -.04em;
            color: var(--acc);
            line-height: 1
        }

        .vow__f span {
            display: block;
            margin-top: 8px;
            font-size: .88rem;
            color: var(--ink-2);
            line-height: 1.45
        }

        .vow__cl {
            margin-top: 16px;
            font-size: .95rem;
            line-height: 1.6;
            color: var(--ink);
            max-width: 66ch
        }

        /* ============ ПОДПИСЬ ============ */
        .sig {
            margin-top: 34px;
            display: grid;
            grid-template-columns:repeat(3, 1fr);
            gap: 16px
        }

        .sig__c {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 26px;
            transition: border-color .25s, transform .25s var(--ease)
        }

        .sig__c--us {
            border-color: var(--acc-line);
            background: linear-gradient(180deg, var(--surface), var(--surface-3))
        }

        .sig__c:hover {
            transform: translateY(-4px)
        }

        .sig__t {
            font-size: .86rem;
            color: var(--ink-3);
            margin-bottom: 16px
        }

        .sig__c--us .sig__t {
            color: var(--acc-lt)
        }

        .sig__doc {
            position: relative;
            background: var(--surface-2);
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 18px;
            min-height: 150px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 9px
        }

        .sig__ln {
            display: block;
            height: 7px;
            border-radius: 3px;
            background: var(--line-2);
            width: 100%
        }

        .sig__ln--s {
            width: 62%
        }

        .sig__rule {
            display: block;
            height: 1px;
            background: var(--line-2);
            margin-top: 16px
        }

        .sig__rule--on {
            background: var(--acc-line)
        }

        .sig__who {
            font-size: .8rem;
            color: var(--ink-3)
        }

        .sig__who--no {
            color: var(--ink-3);
            opacity: .7;
            font-style: italic
        }

        .sig__c--us .sig__who {
            color: var(--ink)
        }

        .sig__who em {
            font-style: normal;
            display: block;
            margin-top: 3px;
            font-size: .7rem;
            color: var(--ink-3)
        }

        .sig__mark {
            position: absolute;
            right: 16px;
            bottom: 34px;
            width: 110px;
            height: 38px;
            color: var(--acc-lt);
            opacity: .9
        }

        .sig__mark path {
            stroke-dasharray: 200;
            stroke-dashoffset: 200;
            transition: stroke-dashoffset 1.3s var(--ease) .3s
        }

        .sig__c--us.in .sig__mark path {
            stroke-dashoffset: 0
        }

        /* ============ КОМПАНИЯ ============ */
        .co {
            display: grid;
            grid-template-columns:1.1fr .9fr;
            gap: clamp(30px, 5vw, 70px);
            align-items: start
        }

        .co .lnk {
            color: var(--acc-lt);
            text-decoration: none;
            border-bottom: 1px solid var(--acc-line)
        }

        .co .lnk:hover {
            border-bottom-color: var(--acc)
        }

        .hist {
            margin-top: 28px;
            display: flex;
            flex-direction: column;
            gap: 0;
            border-left: 2px solid var(--line-2);
            padding-left: 20px
        }

        .hist li {
            position: relative;
            padding: 12px 0
        }

        .hist li::before {
            content: "";
            position: absolute;
            left: -26px;
            top: 19px;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: var(--acc);
            border: 2px solid var(--ground)
        }

        .hist li.ph::before {
            background: var(--line-2)
        }

        .hist b {
            color: var(--acc-lt);
            font-size: 1.02rem;
            margin-right: 12px
        }

        .hist span {
            color: var(--ink-2);
            font-size: .92rem
        }

        .req {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 6px 24px
        }

        .req > div {
            display: flex;
            justify-content: space-between;
            gap: 18px;
            align-items: baseline;
            padding: 15px 0;
            border-bottom: 1px solid var(--line)
        }

        .req > div:last-child {
            border-bottom: 0
        }

        .req dt {
            font-size: .85rem;
            color: var(--ink-3)
        }

        .req dd {
            margin: 0;
            font-weight: 600;
            font-size: .95rem;
            text-align: right
        }

        /* ============ РЕЗУЛЬТАТ РАБОТЫ ============ */
        .deliver {
            display: grid;
            grid-template-columns:repeat(2, 1fr);
            gap: 14px;
            margin-top: 32px
        }

        .deliver__c {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 28px 28px 30px
        }

        .deliver__c h3 {
            font-size: 1.25rem
        }

        .deliver__c p {
            margin-top: 9px;
            color: var(--ink-2);
            font-size: .91rem;
            line-height: 1.55;
            max-width: 54ch
        }

        /* ============ ТАБЛИЦА СРАВНЕНИЯ ============ */
        .cmpbox {
            margin-top: 32px;
            overflow-x: auto;
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            background: var(--surface)
        }

        .tbl {
            width: 100%;
            min-width: 680px;
            border-collapse: collapse;
            font-size: .92rem
        }

        .tbl th, .tbl td {
            padding: 15px 18px;
            text-align: center;
            border-bottom: 1px solid var(--line)
        }

        .tbl thead th {
            font-size: .85rem;
            font-weight: 600;
            color: var(--ink-2);
            vertical-align: bottom;
            line-height: 1.3
        }

        .tbl thead th span {
            display: block;
            font-weight: 400;
            font-size: .76rem;
            color: var(--ink-3)
        }

        .tbl tbody th {
            text-align: left;
            font-weight: 500;
            color: var(--ink);
            min-width: 220px
        }

        .tbl tbody tr:last-child th, .tbl tbody tr:last-child td {
            border-bottom: 0
        }

        .tbl .us {
            background: var(--acc-dim)
        }

        .tbl thead .us {
            color: var(--acc-lt);
            font-weight: 700;
            font-size: 1rem
        }

        .tbl .mut {
            color: var(--ink-3)
        }

        .mk {
            display: inline-block;
            width: 17px;
            height: 17px;
            position: relative
        }

        .mk--yes::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 0;
            width: 6px;
            height: 12px;
            border-right: 2.4px solid var(--ok);
            border-bottom: 2.4px solid var(--ok);
            transform: rotate(42deg)
        }

        .mk--no::before, .mk--no::after {
            content: "";
            position: absolute;
            left: 8px;
            top: 1px;
            width: 2.4px;
            height: 15px;
            background: var(--ink-3);
            opacity: .55
        }

        .mk--no::before {
            transform: rotate(45deg)
        }

        .mk--no::after {
            transform: rotate(-45deg)
        }

        .mk--part::after {
            content: "";
            position: absolute;
            left: 2px;
            top: 7px;
            width: 13px;
            height: 2.4px;
            background: var(--acc)
        }

        /* ============ СТОИМОСТЬ ============ */

        .subs {
            margin-top: 22px;
            display: grid;
            grid-template-columns:1.5fr .8fr;
            gap: 34px;
            align-items: center;
            background: var(--surface-3);
            border: 1px solid var(--line-2);
            border-radius: var(--r-lg);
            padding: 32px
        }

        .subs h3 {
            font-size: 1.4rem;
            margin: 10px 0 12px
        }

        .subs > div > p {
            color: var(--ink-2);
            max-width: 54ch;
            font-size: .94rem
        }

        .subs__l {
            margin-top: 18px;
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 9px 22px;
            font-size: .89rem
        }

        .subs__l li {
            display: flex;
            gap: 9px;
            align-items: flex-start;
            color: var(--ink-2)
        }

        .subs__l li::before {
            content: "";
            width: 14px;
            height: 14px;
            flex: none;
            margin-top: 3px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.2 12 13 4.6' fill='none' stroke='%23FFBB4D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center
        }

        .subs__r {
            text-align: center
        }

        .subs__p {
            font-size: 2.1rem;
            font-weight: 700;
            letter-spacing: -.02em;
            color: var(--acc-lt)
        }

        .subs__p i {
            font-style: normal;
            font-size: .86rem;
            color: var(--ink-3);
            font-weight: 500
        }

        .subs__r .btn {
            margin-top: 16px;
            width: 100%
        }

        .subs__w {
            margin-top: 13px;
            font-size: .74rem;
            color: var(--ink-3);
            line-height: 1.45
        }

        .subs__more {
            margin-top: 18px;
            border-top: 1px solid var(--line);
            padding-top: 12px
        }

        .subs__more summary {
            cursor: pointer;
            list-style: none;
            color: var(--acc-lt);
            font-weight: 700;
            font-size: .9rem
        }

        .subs__more summary::-webkit-details-marker {
            display: none
        }

        .subs__more summary::after {
            content: " +";
            font-family: var(--m)
        }

        .subs__more[open] summary::after {
            content: " −"
        }

        /* ============ FAQ ============ */
        .faq {
            margin-top: 28px;
            border-top: 1px solid var(--line)
        }

        .faq details {
            border-bottom: 1px solid var(--line)
        }

        .faq summary {
            cursor: pointer;
            list-style: none;
            padding: 21px 42px 21px 0;
            font-weight: 700;
            letter-spacing: -.02em;
            position: relative;
            font-size: 1.02rem;
            transition: color .2s
        }

        .faq summary:hover {
            color: var(--acc-lt)
        }

        .faq summary::-webkit-details-marker {
            display: none
        }

        .faq summary::after {
            content: "";
            position: absolute;
            right: 8px;
            top: 50%;
            width: 10px;
            height: 10px;
            border-right: 2px solid var(--ink-3);
            border-bottom: 2px solid var(--ink-3);
            transform: translateY(-70%) rotate(45deg);
            transition: transform .28s var(--ease), border-color .2s
        }

        .faq details[open] summary::after {
            transform: translateY(-30%) rotate(225deg);
            border-color: var(--acc)
        }

        .faq p {
            padding: 0 0 22px;
            color: var(--ink-2);
            max-width: 66ch
        }

        /* ============ СВЯЗЬ ============ */
        .cnt {
            background: var(--surface-2);
            border-top: 1px solid var(--line);
            padding: clamp(56px, 7vw, 100px) 0
        }

        .cnt__g {
            display: grid;
            grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
            gap: 14px;
            margin-top: 28px
        }

        .cnt__c {
            display: flex;
            flex-direction: column;
            gap: 5px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 26px 28px;
            text-decoration: none;
            color: inherit;
            transition: border-color .22s, transform .22s var(--ease)
        }

        .cnt__c:hover {
            border-color: var(--acc);
            transform: translateY(-3px)
        }

        .cnt__i {
            display: flex;
            color: var(--acc-lt);
            margin-bottom: 6px
        }

        .cnt__c b {
            font-size: 1.2rem;
            font-weight: 700;
            letter-spacing: -.02em
        }

        .cnt__c em {
            font-style: normal;
            font-size: .84rem;
            color: var(--ink-3)
        }

        .cnt__or {
            margin-top: 24px;
            font-size: .88rem;
            color: var(--ink-3)
        }

        .cnt__s {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 12px
        }

        .cnt__soc {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 12px;
            padding: 12px 18px;
            text-decoration: none;
            color: var(--ink-2);
            font-weight: 600;
            font-size: .9rem;
            transition: border-color .2s, color .2s, transform .2s
        }

        .cnt__soc:hover {
            border-color: var(--acc);
            color: var(--acc-lt);
            transform: translateY(-2px)
        }

        .cnt__soc svg {
            color: var(--acc-lt)
        }

        /* ============ ИСТОЧНИКИ ============ */
        .srcs {
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            gap: 14px
        }

        .srcs li {
            display: grid;
            grid-template-columns:1fr auto;
            gap: 16px;
            align-items: baseline;
            padding-bottom: 13px;
            border-bottom: 1px solid var(--line);
            font-size: .92rem
        }

        .srcs b {
            font-weight: 600;
            color: var(--ink)
        }

        .srcs a {
            color: var(--acc-lt);
            font-size: .8rem;
            text-decoration: none;
            border-bottom: 1px solid var(--acc-line)
        }

        .srcs__g, .srcs__r {
            margin: 26px 0 0;
            font-size: .78rem;
            letter-spacing: .04em;
            color: var(--acc)
        }

        .srcs__g:first-of-type {
            margin-top: 22px
        }

        .srcs__no {
            color: var(--ink-3);
            font-size: .76rem;
            white-space: nowrap
        }

        /* ============ ФИНАЛ ============ */
        .fin {
            position: relative;
            overflow: hidden;
            background: var(--surface-2);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            padding: clamp(62px, 8vw, 112px) 0;
            text-align: center
        }

        .fin::before {
            content: "";
            position: absolute;
            left: 50%;
            top: -40%;
            width: min(760px, 120%);
            height: 120%;
            transform: translateX(-50%);
            pointer-events: none;
            background: radial-gradient(closest-side, var(--acc-dim), transparent 72%)
        }

        .fin__in {
            position: relative
        }

        .fin h2 {
            color: var(--ink)
        }

        .fin__in > p {
            margin: 16px auto 0;
            max-width: 52ch;
            color: var(--ink-2)
        }

        .fin__b {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center
        }

        .btn--fin {
            background: var(--acc);
            color: var(--acc-ink);
            padding: 18px 34px
        }

        .btn--fin:hover {
            background: var(--acc-lt)
        }

        .btn--fin2 {
            background: transparent;
            border: 1.5px solid var(--line-2);
            color: var(--ink)
        }

        .btn--fin2:hover {
            border-color: var(--acc);
            color: var(--acc)
        }

        .fin__by {
            font-size: .84rem;
            margin-top: 20px !important;
            color: var(--ink-3) !important
        }

        .fin .btn {
            margin-top: 28px
        }

        /* ============ ПОДВАЛ ============ */
        .foot {
            background: var(--surface-2);
            border-top: 1px solid var(--line);
            padding: clamp(44px, 6vw, 72px) 0 30px
        }

        .foot__in {
            display: grid;
            grid-template-columns:1.5fr .9fr .9fr;
            gap: 30px
        }

        .foot__logo {
            display: block;
            width: 168px;
            height: auto
        }

        .foot__co {
            margin-top: 12px;
            font-style: normal;
            font-size: .88rem;
            line-height: 1.7;
            color: var(--ink-3)
        }

        .foot__soc {
            display: flex;
            gap: 9px;
            margin-top: 16px
        }

        .foot__soc a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 10px;
            border: 1px solid var(--line-2);
            color: var(--ink-3);
            transition: color .2s, border-color .2s, transform .2s
        }

        .foot__soc a:hover {
            color: var(--acc-lt);
            border-color: var(--acc);
            transform: translateY(-2px)
        }

        .foot__c {
            display: flex;
            flex-direction: column;
            gap: 10px;
            font-size: .9rem
        }

        .foot__c a {
            text-decoration: none;
            color: var(--ink-2)
        }

        .foot__c a:hover {
            color: var(--acc-lt)
        }

        .foot__s {
            margin-top: 36px;
            padding-top: 20px;
            border-top: 1px solid var(--line);
            font-size: .78rem;
            color: var(--ink-3)
        }

        /* ============ COOKIE ============ */
        .cook {
            position: fixed;
            left: 16px;
            right: 16px;
            bottom: 16px;
            z-index: 80;
            max-width: 660px;
            margin-inline: auto;
            background: var(--surface);
            border: 1px solid var(--line-2);
            border-radius: var(--r-lg);
            padding: 22px;
            box-shadow: var(--sh);
            font-size: .89rem;
            color: var(--ink-2);
            animation: up .45s var(--ease) both
        }

        .cook a {
            color: var(--acc-lt)
        }

        .cook b {
            color: var(--ink)
        }

        .cook__b {
            display: flex;
            gap: 10px;
            margin-top: 16px
        }

        /* обе кнопки намеренно идентичны: равнозначность отказа — требование ст. 9 152-ФЗ */
        .cook__b button {
            flex: 1;
            font: 700 .94rem/1 var(--f);
            padding: 14px 18px;
            border-radius: 11px;
            border: 1px solid var(--acc);
            background: transparent;
            color: var(--acc-lt);
            cursor: pointer;
            transition: background .2s, color .2s
        }

        .cook__b button:hover {
            background: var(--acc);
            color: var(--acc-ink)
        }

        /* ============ ВТОРАЯ ФОРМА ПРОВЕРКИ ============ */
        .probe--in {
            margin-top: 30px;
            max-width: 660px
        }

        /* ============ КОНФИГУРАТОР ЦЕНЫ ============ */
        .pay {
            display: inline-flex;
            gap: 4px;
            margin-top: 30px;
            padding: 4px;
            background: var(--surface);
            border: 1px solid var(--line-2);
            border-radius: 99px
        }

        .pay button {
            border: 0;
            cursor: pointer;
            background: none;
            color: var(--ink-2);
            font: 700 .9rem/1 var(--f);
            padding: 11px 20px;
            border-radius: 99px;
            transition: background .22s var(--ease), color .22s
        }

        .pay button.is-on {
            background: var(--acc);
            color: var(--acc-ink)
        }

        .pay button:not(.is-on):hover {
            color: var(--ink)
        }

        .cfg {
            display: grid;
            grid-template-columns:.85fr 1.15fr;
            gap: 14px;
            margin-top: 22px
        }

        .cfg__c {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 22px 24px
        }

        .cfg__c h3 {
            font-size: 1.02rem;
            margin-bottom: 16px
        }

        .cfg__step {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .cfg__step button {
            width: 42px;
            height: 42px;
            flex: none;
            border: 1px solid var(--line-2);
            background: transparent;
            color: var(--ink);
            border-radius: 12px;
            cursor: pointer;
            font: 700 1.3rem/1 var(--f);
            transition: border-color .2s, color .2s
        }

        .cfg__step button:hover:not(:disabled) {
            border-color: var(--acc);
            color: var(--acc-lt)
        }

        .cfg__step button:disabled {
            opacity: .35;
            cursor: not-allowed
        }

        .cfg__n {
            font-family: var(--m);
            font-size: 1.7rem;
            font-weight: 600;
            min-width: 3ch;
            text-align: center;
            color: var(--ink)
        }

        .cfg__chips {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 16px
        }

        .cfg__chips button {
            border: 1px solid var(--line-2);
            background: transparent;
            color: var(--ink-3);
            cursor: pointer;
            font: 600 .8rem/1 var(--m);
            padding: 8px 13px;
            border-radius: 99px;
            transition: border-color .2s, color .2s
        }

        .cfg__chips button:hover, .cfg__chips button.is-on {
            border-color: var(--acc);
            color: var(--acc-lt)
        }

        .cfg__hint {
            margin: 16px 0 0;
            font-size: .83rem;
            color: var(--ink-3);
            line-height: 1.5
        }

        .cfg__hint b {
            color: var(--acc-lt);
            font-family: var(--m)
        }

        .cfg__roles {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 9px
        }

        .cfg__roles label {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            cursor: pointer;
            padding: 11px 13px;
            background: var(--ground);
            border: 1px solid var(--line);
            border-radius: 11px;
            font-size: .87rem;
            line-height: 1.35;
            color: var(--ink-2);
            transition: border-color .2s, color .2s
        }

        .cfg__roles label:hover {
            border-color: var(--line-2)
        }

        .cfg__roles input {
            accent-color: var(--acc);
            width: 17px;
            height: 17px;
            flex: none;
            margin-top: 1px
        }

        .cfg__roles input:checked + span {
            color: var(--ink)
        }

        .cfg__roles span i {
            display: block;
            font-style: normal;
            font-family: var(--m);
            font-size: .74rem;
            color: var(--ink-3);
            margin-top: 3px
        }

        .cfg__warn {
            margin: 12px 0 0;
            font-size: .8rem;
            color: var(--acc-lt);
            min-height: 1.2em
        }

        @media (max-width: 860px) {
            .cfg {
                grid-template-columns:1fr
            }

            .cfg__roles {
                grid-template-columns:1fr
            }
        }

        /* ============ КАЛЬКУЛЯТОР ============ */
        .calc {
            display: grid;
            grid-template-columns:1.25fr .75fr;
            gap: 16px;
            margin-top: 34px;
            align-items: stretch
        }

        .calc__q {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 10px 26px 24px
        }

        .q {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .q__i {
            padding: 22px 0;
            border-bottom: 1px solid var(--line)
        }

        .q__i:last-child {
            border-bottom: 0;
            padding-bottom: 4px
        }

        .q__t {
            margin: 0 0 12px;
            font-size: .98rem;
            font-weight: 700;
            letter-spacing: -.01em;
            color: var(--ink)
        }

        .q__hint {
            margin: -6px 0 12px;
            font-size: .82rem;
            color: var(--ink-3);
            line-height: 1.5;
            max-width: 62ch
        }

        .q__o {
            display: flex;
            flex-wrap: wrap;
            gap: 8px
        }

        .chip {
            border: 1px solid var(--line-2);
            background: transparent;
            color: var(--ink-2);
            cursor: pointer;
            font: 600 .89rem/1 var(--f);
            padding: 11px 17px;
            border-radius: 99px;
            transition: border-color .2s, color .2s, background .2s
        }

        .chip:hover {
            border-color: var(--acc-line);
            color: var(--ink)
        }

        .chip.is-on {
            background: var(--acc);
            border-color: var(--acc);
            color: var(--acc-ink)
        }

        .q__cats {
            list-style: none;
            margin: 14px 0 0;
            padding: 0;
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 8px
        }

        .q__cats label {
            display: flex;
            align-items: center;
            gap: 9px;
            cursor: pointer;
            padding: 10px 12px;
            background: var(--ground);
            border: 1px solid var(--line);
            border-radius: 10px;
            font-size: .85rem;
            color: var(--ink-2)
        }

        .q__cats input {
            accent-color: var(--acc);
            width: 16px;
            height: 16px;
            flex: none
        }

        .q__cats input:checked + span {
            color: var(--ink)
        }

        .q__inn {
            width: 220px;
            max-width: 100%;
            background: var(--ground);
            border: 1px solid var(--line-2);
            border-radius: 11px;
            color: var(--ink);
            font: 500 1rem/1 var(--m);
            padding: 14px 16px;
            letter-spacing: .04em
        }

        .q__inn:focus {
            outline: none;
            border-color: var(--acc)
        }

        .q__warn {
            margin: 9px 0 0;
            font-size: .8rem;
            color: var(--acc);
            min-height: 1.1em
        }

        .q__i--note .q__hint {
            margin-top: 0
        }

        .sum {
            position: sticky;
            top: 88px;
            background: linear-gradient(180deg, var(--acc-dim), transparent 46%), var(--surface);
            border: 1px solid var(--acc-line);
            border-radius: var(--r-lg);
            padding: 26px 24px
        }

        .sum__h {
            margin: 0 0 18px;
            font-size: 1.16rem;
            letter-spacing: -.02em
        }

        .sum__l {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 11px;
            border-top: 1px solid var(--line);
            padding-top: 16px
        }

        .sum__l li {
            display: flex;
            gap: 12px;
            align-items: baseline;
            justify-content: space-between;
            font-size: .87rem;
            line-height: 1.4;
            color: var(--ink-2)
        }

        .sum__l i {
            font-style: normal;
            flex: none;
            font-family: var(--m);
            font-size: .83rem;
            color: var(--ink)
        }

        .sum__l li.is-free i {
            color: var(--ok)
        }

        .sum__l li.is-note {
            color: var(--ink-3);
            font-size: .81rem
        }

        .sum__total {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 12px;
            margin: 18px 0 0;
            padding-top: 16px;
            border-top: 1px solid var(--line)
        }

        .sum__total span {
            font-size: .88rem;
            color: var(--ink-2)
        }

        .sum__total b {
            font-size: 1.72rem;
            font-weight: 700;
            letter-spacing: -.04em;
            color: var(--ink)
        }

        .sum__note {
            margin: 12px 0 0;
            font-size: .81rem;
            color: var(--acc);
            line-height: 1.5
        }

        .sum__note:empty {
            display: none
        }

        .sum .btn {
            width: 100%;
            margin-top: 18px
        }

        .sum__fine {
            margin: 12px 0 0;
            font-size: .78rem;
            color: var(--ink-3);
            line-height: 1.45;
            text-align: center
        }

        @media (max-width: 980px) {
            .calc {
                grid-template-columns:1fr
            }

            .sum {
                position: static
            }

            .q__cats {
                grid-template-columns:1fr
            }
        }

        /* ============ УСЛУГИ ============ */
        .srv {
            display: grid;
            grid-template-columns:repeat(3, 1fr);
            gap: 14px;
            margin-top: 34px
        }

        .srv__c {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 24px 24px 22px;
            display: flex;
            flex-direction: column;
            transition: border-color .25s var(--ease), transform .25s var(--ease)
        }

        .srv__c:hover {
            border-color: var(--acc-line);
            transform: translateY(-3px)
        }

        .srv__c--wide {
            grid-column: span 2;
            background: linear-gradient(180deg, var(--acc-dim), transparent 62%), var(--surface);
            border-color: var(--acc-line)
        }

        .srv__t {
            display: inline-flex;
            align-self: flex-start;
            font-size: .68rem;
            letter-spacing: .04em;
            color: var(--acc);
            background: var(--acc-dim);
            border-radius: 99px;
            padding: 5px 11px;
            margin-bottom: 14px
        }

        .srv__c h3 {
            font-size: 1.06rem;
            margin-bottom: 10px
        }

        .srv__c p {
            margin: 0;
            font-size: .9rem;
            line-height: 1.55;
            color: var(--ink-2)
        }

        .srv__for {
            margin-top: auto;
            padding-top: 14px;
            font-size: .79rem;
            color: var(--ink-3);
            line-height: 1.45
        }

        @media (max-width: 980px) {
            .srv {
                grid-template-columns:repeat(2, 1fr)
            }

            .srv__c--wide {
                grid-column: span 2
            }
        }

        @media (max-width: 660px) {
            .srv {
                grid-template-columns:1fr
            }

            .srv__c--wide {
                grid-column: span 1
            }
        }

        /* ============ НАБЛЮДЕНИЕ ============ */
        .watch {
            margin-top: 26px;
            max-width: 760px;
            background: var(--surface);
            border: 1px solid var(--line-2);
            border-left: 3px solid var(--acc);
            border-radius: var(--r);
            padding: 24px 26px
        }

        .watch h3 {
            font-size: 1.14rem;
            margin-bottom: 12px
        }

        .watch p {
            margin: 0;
            color: var(--ink-2);
            font-size: .92rem;
            line-height: 1.6
        }

        .watch p + p {
            margin-top: 11px
        }

        .watch b {
            color: var(--ink);
            font-weight: 700
        }

        .watch__n {
            margin-top: 14px !important;
            font-size: .76rem;
            color: var(--ink-3)
        }

        .watch__x {
            margin-top: 16px !important;
            padding-top: 14px;
            border-top: 1px solid var(--line);
            color: var(--ink) !important
        }

        /* ============ ПУТЬ КЛИЕНТА ============ */
        .path {
            list-style: none;
            margin: 36px 0 0;
            padding: 0;
            display: grid;
            grid-template-columns:repeat(5, 1fr);
            gap: 12px;
            counter-reset: path
        }

        .path__i {
            position: relative;
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 24px 20px 22px;
            display: flex;
            flex-direction: column
        }

        /* линия, связывающая шаги в один путь */
        .path__i::after {
            content: "";
            position: absolute;
            top: 44px;
            right: -13px;
            width: 14px;
            height: 1px;
            background: var(--line-2);
            z-index: 1
        }

        .path__i:last-child::after {
            display: none
        }

        .path__n {
            position: absolute;
            top: 18px;
            right: 18px;
            font-size: .72rem;
            color: var(--ink-3)
        }

        .path__ic {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            flex: none;
            border-radius: 14px;
            background: var(--acc-dim);
            border: 1px solid var(--acc-line);
            color: var(--acc);
            margin-bottom: 18px
        }

        .path__i h3 {
            font-size: 1.02rem;
            margin-bottom: 9px
        }

        .path__i p {
            margin: 0;
            font-size: .87rem;
            line-height: 1.5;
            color: var(--ink-2)
        }

        .path__note {
            margin-top: 10px !important;
            padding-top: 10px;
            border-top: 1px solid var(--line);
            font-size: .82rem !important;
            color: var(--ink-3) !important
        }

        @media (max-width: 1080px) {
            .path {
                grid-template-columns:repeat(2, 1fr)
            }

            .path__i::after {
                display: none
            }
        }

        @media (max-width: 640px) {
            .path {
                grid-template-columns:1fr
            }
        }

        /* ============ ЗАБЛУЖДЕНИЯ ============ */
        .myth {
            list-style: none;
            margin: 32px 0 0;
            padding: 0;
            display: grid;
            grid-template-columns:repeat(3, 1fr);
            gap: 14px
        }

        .myth__c {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 28px 26px 26px;
            display: flex;
            flex-direction: column
        }

        .myth__q {
            margin: 0 0 12px;
            font-size: 1.06rem;
            font-weight: 700;
            letter-spacing: -.02em;
            color: var(--ink-3);
            text-wrap: balance
        }

        .myth__a {
            margin: 0;
            flex: 1;
            color: var(--ink);
            font-size: .9rem;
            line-height: 1.55
        }

        .myth__n {
            margin: 14px 0 0;
            font-size: .73rem;
            color: var(--ink-3)
        }

        .keyc {
            margin-top: 14px;
            padding: 26px 28px;
            border-radius: var(--r-lg);
            border: 1px solid var(--acc-line);
            background: linear-gradient(180deg, var(--acc-dim), transparent 70%), var(--surface)
        }

        .keyc__q {
            margin: 0 0 12px;
            font-size: 1.06rem;
            font-weight: 700;
            letter-spacing: -.02em;
            color: var(--ink-2);
            text-wrap: balance
        }

        .keyc__a {
            margin: 0;
            color: var(--ink);
            font-size: .97rem;
            line-height: 1.6;
            max-width: 76ch
        }

        .keyc__a b {
            color: var(--acc-lt)
        }

        .keyc__n {
            margin: 14px 0 0;
            font-size: .76rem;
            color: var(--ink-3)
        }

        .subh {
            margin-top: 46px;
            font-size: clamp(1.24rem, 2.2vw, 1.6rem)
        }

        @media (max-width: 900px) {
            .myth {
                grid-template-columns:1fr
            }

            .keyc {
                padding: 22px
            }
        }

        /* ============ ПАНЕЛЬ ПОСЛЕ ПРОВЕРКИ ============ */
        .sheet {
            position: fixed;
            left: 16px;
            right: 16px;
            bottom: var(--sheet-b, 16px);
            z-index: 75;
            max-width: 720px;
            margin-inline: auto;
            background: color-mix(in srgb, var(--surface) 96%, transparent);
            backdrop-filter: blur(14px);
            border: 1px solid var(--line-2);
            border-radius: var(--r-lg);
            box-shadow: var(--sh);
            transform: translateY(calc(100% + 24px));
            transition: transform .5s var(--ease);
            overflow: hidden
        }

        .sheet.on {
            transform: none
        }

        .sheet {
            transition: transform .5s var(--ease), bottom .3s var(--ease)
        }

        .sheet__bar {
            display: flex;
            align-items: center;
            gap: 14px;
            width: 100%;
            border: 0;
            background: none;
            color: inherit;
            font: inherit;
            text-align: left;
            cursor: pointer;
            padding: 15px 62px 15px 17px
        }

        .sheet__bar:hover .sheet__more {
            color: var(--acc-lt)
        }

        .sheet__dot {
            position: relative;
            flex: none;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: var(--acc)
        }

        .sheet__dot::after {
            content: "";
            position: absolute;
            inset: -5px;
            border-radius: 50%;
            border: 1px solid var(--acc);
            opacity: .55;
            animation: ping 2.4s var(--ease) infinite
        }

        @keyframes ping {
            0% {
                transform: scale(.6);
                opacity: .7
            }
            70% {
                transform: scale(1.5);
                opacity: 0
            }
            100% {
                opacity: 0
            }
        }

        .sheet__t {
            flex: 1;
            min-width: 0
        }

        .sheet__t b {
            display: block;
            font-size: .98rem;
            letter-spacing: -.02em
        }

        .sheet__more {
            display: block;
            font-size: .83rem;
            color: var(--ink-3);
            margin-top: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: color .2s
        }

        .sheet__chev {
            flex: none;
            color: var(--ink-3);
            transition: transform .35s var(--ease)
        }

        .sheet[data-open="1"] .sheet__chev {
            transform: rotate(180deg)
        }

        .sheet__x {
            position: absolute;
            top: 15px;
            right: 13px;
            width: 30px;
            height: 30px;
            border: 0;
            border-radius: 8px;
            background: none;
            color: var(--ink-3);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
            transition: background .2s, color .2s
        }

        .sheet__x:hover {
            background: var(--surface-3);
            color: var(--ink)
        }

        /* Высоту раскрытия ставит скрипт по содержимому: приём с grid-template-rows
   короче, но в части браузеров он не анимируется, и панель не открывалась. */
        .sheet__body {
            max-height: 0;
            overflow: hidden;
            transition: max-height .45s var(--ease)
        }

        .sheet__pad {
            padding: 0 17px 17px;
            border-top: 1px solid var(--line);
            margin-top: 2px;
            padding-top: 16px
        }

        .sheet__lead {
            font-size: .95rem;
            line-height: 1.55;
            color: var(--ink-2);
            margin: 0 0 4px;
            max-width: 60ch
        }

        .sheet__lead b {
            color: var(--ink)
        }

        .sheet__num {
            color: var(--acc-lt);
            font-family: var(--m);
            font-weight: 600;
            font-size: 1.02em
        }

        .sheet__kick {
            margin: 10px 0 0;
            font-size: .95rem;
            color: var(--ink);
            font-weight: 700;
            letter-spacing: -.01em
        }

        .sheet__ul {
            margin: 16px 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            grid-template-columns:1fr 1fr;
            gap: 9px 18px
        }

        .sheet__ul li {
            position: relative;
            padding-left: 23px;
            font-size: .86rem;
            line-height: 1.45;
            color: var(--ink-2)
        }

        .sheet__ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            width: 11px;
            height: 11px;
            border-radius: 3px;
            background: var(--acc-dim);
            border: 1px solid var(--acc-line)
        }

        .sheet__ul i {
            display: block;
            font-style: normal;
            font-family: var(--m);
            font-size: .72rem;
            color: var(--ink-3);
            margin-top: 2px
        }

        .sheet__act {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 18px
        }

        .sheet__act .btn {
            padding: 13px 20px;
            font-size: .94rem
        }

        .sheet__fine {
            margin: 12px 0 0;
            font-size: .78rem;
            color: var(--ink-3);
            line-height: 1.5;
            max-width: 62ch
        }

        @media (max-width: 760px) {
            .sheet {
                left: 12px;
                right: 12px
            }

            .sheet__ul {
                grid-template-columns:1fr
            }

            .sheet__act .btn {
                width: 100%
            }

            .sheet__pad {
                max-height: 52vh;
                overflow-y: auto
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .sheet {
                transition: none
            }

            .sheet__body {
                transition: none
            }

            .sheet__dot::after {
                animation: none
            }
        }

        /* ============ ЛИПКАЯ ПАНЕЛЬ ============ */
        .dock {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 70;
            display: none;
            gap: 8px;
            padding: 10px 12px;
            background: color-mix(in srgb, var(--surface) 95%, transparent);
            backdrop-filter: blur(12px);
            border-top: 1px solid var(--line-2);
            transform: translateY(110%);
            transition: transform .3s var(--ease)
        }

        .dock.on {
            transform: none
        }

        .dock__go {
            flex: 1;
            border: 0;
            cursor: pointer;
            background: var(--acc);
            color: var(--acc-ink);
            font: 700 15px/1 var(--f);
            padding: 15px 18px;
            border-radius: 12px
        }

        .dock__i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            border-radius: 12px;
            border: 1px solid var(--line-2);
            color: var(--ink-2);
            text-decoration: none;
            flex: none
        }

        /* ============ АДАПТИВ ============ */
        @media (max-width: 1220px) {
            .nav, .top__tel {
                display: none
            }

            .burger {
                display: flex
            }

            .mnav {
                display: flex
            }
        }

        @media (max-width: 1080px) {
            .tl {
                grid-template-columns:repeat(3, 1fr);
                gap: 26px 0
            }

            .tl::before, .tl::after {
                display: none
            }

            .steps {
                grid-template-columns:1fr 1fr
            }
        }

        @media (max-width: 940px) {
            .nav, .top__tel {
                display: none
            }

            .burger {
                display: flex
            }

            .mnav {
                display: flex
            }

            .doc__body {
                grid-template-columns:1fr
            }

            .doc__sheet {
                border-right: 0;
                border-bottom: 1px solid var(--line)
            }

            .co {
                grid-template-columns:1fr
            }

            .subs {
                grid-template-columns:1fr;
                padding: 26px
            }

            .subs__l {
                grid-template-columns:1fr
            }

            .sig {
                grid-template-columns:1fr
            }

            .foot__in {
                grid-template-columns:1fr 1fr
            }
        }

        @media (max-width: 760px) {
            body {
                font-size: 16px;
                padding-bottom: 72px
            }

            .wrap, .wrap--n {
                width: calc(100% - 32px)
            }

            .dock {
                display: flex
            }

            .cook {
                left: 12px;
                right: 12px;
                bottom: 84px;
                padding: 18px
            }

            .cook__b {
                flex-direction: column
            }

            .probe__slab {
                flex-wrap: wrap;
                padding: 13px;
                gap: 8px;
                border-radius: 18px
            }

            .probe__ic {
                display: none
            }

            #site, #site2 {
                flex: 1 0 100%;
                padding: 6px 4px
            }

            .btn--go {
                width: 100%
            }

            .probe .btn--go {
                width: 100%
            }

            .cmp {
                grid-template-columns:1fr
            }

            .compare-row {
                grid-template-columns:1fr
            }

            .tl {
                grid-template-columns:1fr
            }

            .steps {
                grid-template-columns:1fr
            }

            .chg__row {
                grid-template-columns:1fr;
                gap: 6px
            }

            .chg__ar {
                display: none
            }

            .chg__was {
                text-align: left
            }

            .stack__i {
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                gap: 8px;
                padding: 16px 18px
            }

            .logo img {
                width: 136px
            }

            .pick__r {
                grid-template-columns:1fr 20px;
                row-gap: 4px
            }

            .pick__r em {
                grid-column: 1/3
            }

            .pick__r .pick__a {
                grid-column: 2;
                grid-row: 1
            }

            .pick__out {
                padding: 20px 18px
            }

            .pick__out .rest__l {
                grid-template-columns:1fr
            }

            .pick__decision {
                align-items: stretch;
                flex-direction: column;
                padding: 18px
            }

            .pick__decision .btn {
                width: 100%
            }

            .deliver {
                grid-template-columns:1fr
            }

            .report__cta {
                flex-direction: column;
                align-items: stretch
            }

            .foot__in {
                grid-template-columns:1fr
            }

            .srcs li {
                grid-template-columns:1fr;
                gap: 5px
            }

            .req dd {
                text-align: left
            }

            .req > div {
                flex-direction: column;
                gap: 3px
            }
        }

        @media (max-width: 460px) {
            .tabs {
                width: 100%
            }

            .tabs__b {
                flex: 1
            }
        }

        /* ============ УВАЖЕНИЕ К НАСТРОЙКАМ ============ */
        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto
            }

            *, *::before, *::after {
                animation-duration: .001ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .001ms !important
            }

            .js .up, .js .rv, .row {
                opacity: 1 !important;
                transform: none !important
            }

            .stack .stack__i {
                opacity: 1 !important;
                transform: none !important
            }

            .tl::after {
                width: 100% !important
            }

            .sig__mark path {
                stroke-dashoffset: 0 !important
            }

            .hero__bg {
                display: none
            }
        }

        /* Санкции занимают всю ширину блока: так подписи и суммы читаются без сжатия. */
        .risk {
            margin-top: 38px
        }

        .risk .stack {
            margin-top: 0
        }

        .risk .stack__l {
            max-width: none
        }

        :root {
            --ground: #080A0D;
            --surface: #12161C;
            --surface-2: #0D1116;
            --surface-3: #181E26;
            --line: rgba(229, 235, 242, .10);
            --line-2: rgba(229, 235, 242, .18);
            --ink: #F5F3EE;
            --ink-2: #B8C0CA;
            --ink-3: #8C97A6;
            --acc: #FFB23F;
            --acc-ink: #161007;
            --acc-lt: #FFC76B;
            --acc-dark: #E99A28;
            --acc-dim: rgba(255, 178, 63, .12);
            --acc-line: rgba(255, 178, 63, .40);
            --bad: #FF7463;
            --bad-dim: rgba(255, 116, 99, .13);
            --ok: #43D6A0;
            --ok-dim: rgba(67, 214, 160, .12);
            --r: 14px;
            --r-lg: 18px;
            --r-xl: 22px;
            --sh: 0 30px 80px -46px rgba(0, 0, 0, .96), 0 1px 0 rgba(255, 255, 255, .04) inset;
            --spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 30' fill='none'%3E%3Cpath d='M1 7.5h43M1 15h66M1 22.5h29' stroke='%23FFB23F' stroke-width='1.5'/%3E%3Ccircle cx='46' cy='7.5' r='3.5' fill='%23FFB23F'/%3E%3Ccircle cx='32' cy='22.5' r='3.5' fill='%23FF7463'/%3E%3C/svg%3E");
        }

        html {
            background: var(--ground);
            scrollbar-color: var(--acc) var(--surface-2)
        }

        body {
            background: radial-gradient(900px 520px at 76% 2%, rgba(255, 178, 63, .055), transparent 64%),
            var(--ground);
            font-feature-settings: "kern" 1, "liga" 1;
        }

        ::selection {
            background: var(--acc);
            color: var(--acc-ink)
        }

        h1, h2, h3 {
            letter-spacing: -.035em
        }

        h1 {
            line-height: 1.06
        }
        
        #h1{
            line-height: 1
        }

        h2 {
            line-height: 1.08
        }

        h3 {
            letter-spacing: -.025em
        }

        .lede {
            color: var(--ink-2);
            line-height: 1.62
        }

        .mono, .row__m, .plg__url, .mtx .n, .srcs a {
            font-variant-numeric: tabular-nums slashed-zero
        }

        .sec > .wrap > h2::before, .vow > .wrap > h2::before, .cnt > .wrap > h2::before {
            width: 68px;
            height: 30px;
            margin-bottom: 20px;
            opacity: .95
        }

        :focus-visible {
            outline: 3px solid var(--acc-lt);
            outline-offset: 4px
        }

        /* Шапка как тонкая панель рабочего интерфейса. */
        .top {
            background: rgba(8, 10, 13, .78);
            backdrop-filter: blur(22px) saturate(135%);
            -webkit-backdrop-filter: blur(22px) saturate(135%);
        }

        .top.stuck {
            background: rgba(8, 10, 13, .94);
            border-bottom-color: var(--line-2)
        }

        .top__in {
            padding: 12px 0
        }

        .nav, .top__tel, .burger {
            background: rgba(24, 30, 38, .74);
            border-color: var(--line-2);
            box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 10px 34px -26px #000;
        }

        .nav {
            border-radius: 14px;
            padding: 5px
        }

        .nav a {
            border-radius: 10px
        }

        .nav a:hover {
            background: rgba(255, 255, 255, .065)
        }

        .top__tel {
            border-radius: 14px
        }

        .burger {
            border-radius: 14px;
            background: rgba(24, 30, 38, .74)
        }

        .mnav {
            background: rgba(8, 10, 13, .97)
        }

        /* Первый экран: координатная сетка и один сканирующий свет. */
        .hero {
            isolation: isolate;
            background: radial-gradient(680px 460px at 78% 24%, rgba(255, 178, 63, .08), transparent 66%),
            linear-gradient(180deg, #0A0D11 0%, var(--ground) 100%);
        }

        .hero::before {
            z-index: -2;
            background: linear-gradient(135deg, rgba(255, 255, 255, .025), transparent 38%),
            var(--surface-2);
            border-right-color: var(--line-2)
        }

        .hero::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            opacity: .36;
            background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
            background-size: 48px 48px;
            -webkit-mask-image: linear-gradient(90deg, transparent 2%, #000 42%, #000 94%, transparent);
            mask-image: linear-gradient(90deg, transparent 2%, #000 42%, #000 94%, transparent)
        }

        .hero__bg {
            opacity: .20;
            mix-blend-mode: screen
        }

        .hero__glow {
            width: 720px;
            height: 720px;
            left: 77%;
            top: 30%;
            filter: blur(22px);
            background: radial-gradient(ellipse at center, rgba(255, 178, 63, .22) 0 5%, rgba(255, 116, 74, .12) 22%, transparent 64%);
        }

        .hero h1 {
            font-size: clamp(2.15rem, 3.9vw, 3.45rem);
            max-width: 15ch
        }

        .hero__lede {
            color: var(--ink-2);
            line-height: 1.62
        }

        .hl {
            color: var(--acc-lt);
            text-shadow: 0 0 30px rgba(255, 178, 63, .13)
        }

        .facts {
            gap: 10px
        }

        .facts li {
            position: relative;
            overflow: hidden;
            background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
            border-color: var(--line-2);
            box-shadow: inset 0 1px rgba(255, 255, 255, .045)
        }

        .facts li::before {
            content: "";
            position: absolute;
            left: 16px;
            right: 16px;
            top: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--acc), transparent);
            opacity: .72
        }

        .facts b {
            font-family: var(--m);
            font-weight: 600;
            color: var(--ink);
            letter-spacing: -.04em
        }

        .hero__cap {
            font-family: var(--m);
            font-size: .72rem;
            letter-spacing: .045em;
            text-transform: uppercase
        }

        .probe__slab {
            background: rgba(18, 22, 28, .90);
            border-color: rgba(255, 178, 63, .30);
            border-radius: var(--r-xl);
            padding: 9px 9px 9px 20px;
            box-shadow: 0 24px 70px -40px rgba(255, 178, 63, .34), inset 0 1px rgba(255, 255, 255, .06)
        }

        .probe__slab:focus-within {
            border-color: var(--acc);
            box-shadow: 0 0 0 4px var(--acc-dim), 0 28px 76px -40px rgba(255, 178, 63, .55)
        }

        .probe__ic {
            color: var(--acc)
        }

        .probe__scan {
            background: linear-gradient(90deg, transparent, rgba(255, 199, 107, .36), transparent)
        }

        .btn {
            border-radius: 14px;
            font-weight: 700;
            min-height: 48px
        }

        .btn--go, .btn--fin, .dock__go {
            background: linear-gradient(135deg, var(--acc-lt), var(--acc));
            box-shadow: inset 0 1px rgba(255, 255, 255, .35), 0 14px 36px -24px rgba(255, 178, 63, .88)
        }

        .btn--go:hover, .btn--fin:hover {
            background: linear-gradient(135deg, #FFD389, var(--acc));
            box-shadow: 0 18px 42px -22px rgba(255, 178, 63, .9)
        }

        .btn--gh, .btn--fin2 {
            background: rgba(255, 255, 255, .025);
            border-color: var(--line-2)
        }

        /* Общая поверхность «лист доказательств». */
        .plg__win, .rest, .chg, .sl, .norms, .req, .deliver__c, .cmpbox, .mtxbox,
        .cfg__c, .calc__q, .sum, .srv__c, .watch, .path__i, .myth__c, .keyc, .subs,
        .cnt__c, .cnt__soc, .cook, .sheet {
            border-color: var(--line-2);
            box-shadow: var(--sh)
        }

        .plg__win, .rest, .chg, .sl, .norms, .req, .deliver__c, .cmpbox, .mtxbox,
        .cfg__c, .calc__q, .srv__c, .watch, .path__i, .myth__c, .cnt__c, .cnt__soc {
            background: linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 46%), var(--surface)
        }

        .plg__win {
            border-radius: 22px;
            box-shadow: 0 32px 96px -48px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 178, 63, .035)
        }

        .plg__bar {
            padding: 13px 16px;
            background: rgba(255, 255, 255, .025);
            border-bottom-color: var(--line-2)
        }

        .plg__bar i {
            width: 7px;
            height: 7px;
            background: var(--line-2)
        }

        .plg__bar i:first-child {
            background: var(--bad)
        }

        .plg__bar i:nth-child(2) {
            background: var(--acc)
        }

        .plg__bar i:nth-child(3) {
            background: var(--ok)
        }

        .plg__body {
            padding: 19px
        }

        .plg__r {
            background: var(--surface-2);
            border: 1px solid rgba(255, 255, 255, .055);
            border-radius: 12px
        }

        .note {
            background: linear-gradient(90deg, var(--acc-dim), rgba(255, 178, 63, .035));
            border-color: var(--acc-line);
            border-radius: 16px
        }

        .sec--alt, .sec--pick, .cnt, .fin, .foot {
            background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .022) 50%, transparent 100%),
            var(--surface-2);
            border-color: var(--line)
        }

        .sec--alt::before, .sec--pick::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            opacity: .16;
            background-image: linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
            background-size: min(25vw, 295px) 100%;
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent)
        }

        .sec--alt > .wrap, .sec--pick > .wrap {
            position: relative
        }

        /* Audit rail у ключевых объектов. */
        .row, .stack__i, .pick__case, .steps li, .deliver__c, .srv__c, .path__i, .myth__c {
            border-color: var(--line-2);
            box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 24px 64px -48px #000
        }

        .row {
            border-radius: 14px;
            background: linear-gradient(90deg, color-mix(in srgb, var(--st) 6%, transparent), transparent 38%), var(--surface)
        }

        .row::before {
            width: 4px;
            top: 12px;
            bottom: 12px;
            border-radius: 0 5px 5px 0
        }

        .row__f {
            border: 1px solid rgba(255, 178, 63, .13)
        }

        .stack__i {
            background: linear-gradient(90deg, rgba(255, 178, 63, .045), transparent 35%), var(--surface);
            border-left-width: 4px
        }

        .stack__i--cut {
            background: linear-gradient(90deg, rgba(255, 116, 99, .065), transparent 36%), var(--surface)
        }

        .pick {
            gap: 12px
        }

        .pick__case {
            background: var(--surface-2);
            border-radius: 16px
        }

        .pick__case[open] {
            background: var(--surface);
            box-shadow: 0 26px 70px -48px rgba(255, 178, 63, .66), inset 4px 0 var(--acc)
        }

        .pick__case[open] > .pick__r {
            background: linear-gradient(90deg, var(--acc-dim), transparent 64%)
        }

        .pick__decision {
            background: rgba(255, 255, 255, .035);
            border-color: var(--line-2);
            border-radius: 14px
        }

        .tabs, .pay {
            background: var(--surface-2);
            border-color: var(--line-2);
            box-shadow: inset 0 1px rgba(255, 255, 255, .035)
        }

        .tabs__b.is-on, .doc__b.is-on, .pay button.is-on, .chip.is-on {
            background: linear-gradient(135deg, var(--acc-lt), var(--acc));
            box-shadow: inset 0 1px rgba(255, 255, 255, .28)
        }

        .cmp__c {
            border-radius: 18px;
            background: linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 45%), var(--surface)
        }

        .cmp__c--bad {
            box-shadow: inset 4px 0 var(--bad)
        }

        .cmp__c--ok {
            box-shadow: inset 4px 0 var(--ok)
        }

        .mock {
            background: #0B0F14;
            border-color: var(--line-2);
            border-radius: 14px
        }

        .doc {
            border-color: var(--line-2);
            border-radius: 20px;
            box-shadow: var(--sh)
        }

        .doc__bar, .doc__side {
            background: var(--surface-2)
        }

        .doc__sw {
            background: #07090C;
            border: 1px solid var(--line)
        }

        .tl__d {
            box-shadow: 0 0 0 5px var(--ground)
        }

        .tl.in .tl__s:nth-child(6) .tl__d {
            box-shadow: 0 0 0 5px var(--ground), 0 0 28px rgba(255, 116, 99, .38)
        }

        .steps li, .path__i, .srv__c, .deliver__c, .myth__c {
            position: relative;
            overflow: hidden
        }

        .steps li::before, .deliver__c::before, .srv__c::before, .myth__c::before {
            content: "";
            position: absolute;
            left: 22px;
            right: 22px;
            top: 0;
            height: 1px;
            background: linear-gradient(90deg, var(--acc), transparent);
            opacity: .48
        }

        .steps__n, .path__n, .srv__t, .cmp__case, .sl__cap {
            font-family: var(--m);
            letter-spacing: .055em;
            text-transform: uppercase
        }

        .steps__n, .path__n {
            color: var(--acc-lt)
        }

        .path__ic {
            border-radius: 16px;
            box-shadow: inset 0 1px rgba(255, 255, 255, .08)
        }

        .myth__q {
            color: var(--ink-2)
        }

        .keyc, .srv__c--wide, .sum {
            background: radial-gradient(440px 220px at 90% 0, rgba(255, 178, 63, .10), transparent 64%),
            var(--surface);
            border-color: var(--acc-line)
        }

        .vow {
            background: linear-gradient(90deg, rgba(255, 178, 63, .035) 1px, transparent 1px) 0 0/72px 100%,
            var(--surface-2);
            border-color: var(--line-2)
        }

        .vow__lite {
            background: radial-gradient(circle, rgba(255, 178, 63, .17), rgba(255, 116, 74, .06) 38%, transparent 68%)
        }

        .vow__q {
            border-left-width: 4px;
            border-image: linear-gradient(var(--acc), var(--bad)) 1
        }

        .vow__f li {
            background: rgba(18, 22, 28, .82);
            border-color: var(--line-2);
            box-shadow: inset 0 1px rgba(255, 255, 255, .035)
        }

        .vow__f b {
            font-family: var(--m);
            font-weight: 600
        }

        .sig__c {
            border-color: var(--line-2);
            border-radius: 18px;
            box-shadow: var(--sh)
        }

        .sig__c--us {
            border-color: var(--acc-line);
            background: linear-gradient(145deg, rgba(255, 178, 63, .09), transparent 58%), var(--surface)
        }

        .sig__doc {
            background: var(--surface-2);
            border-color: var(--line-2);
            border-radius: 14px
        }

        .hist {
            border-left-color: var(--acc-line)
        }

        .hist li::before {
            box-shadow: 0 0 0 4px var(--ground)
        }

        .mtx thead, .tbl thead {
            background: rgba(255, 255, 255, .025)
        }

        .mtx tbody tr:hover, .tbl tbody tr:hover {
            background: rgba(255, 178, 63, .035)
        }

        .tbl .us {
            background: rgba(255, 178, 63, .075)
        }

        .subs {
            background: linear-gradient(110deg, rgba(255, 178, 63, .105), rgba(255, 255, 255, .018) 55%), var(--surface);
            border-color: var(--acc-line)
        }

        .cfg__roles label, .q__cats label {
            background: var(--surface-2);
            border-color: var(--line-2)
        }

        .cfg__roles label:has(input:checked), .q__cats label:has(input:checked) {
            border-color: var(--acc-line);
            background: var(--acc-dim)
        }

        .cfg__step button, .chip, .cfg__chips button {
            border-color: var(--line-2)
        }

        .q__inn {
            background: var(--surface-2);
            border-color: var(--line-2)
        }

        .sum__total b, .subs__p {
            font-family: var(--m);
            font-weight: 600
        }

        .faq {
            border-top-color: var(--line-2)
        }

        .faq details {
            border-bottom-color: var(--line-2)
        }

        .faq summary {
            padding-block: 24px;
            transition: color .2s, background .2s;
            padding-left: 16px;
            border-radius: 12px
        }

        .faq summary:hover {
            background: rgba(255, 255, 255, .025)
        }

        .faq details[open] summary {
            color: var(--acc-lt)
        }

        .faq details[open] p {
            padding-left: 16px
        }

        .srcs li {
            border-bottom-color: var(--line-2)
        }

        .fin::before {
            background: radial-gradient(closest-side, rgba(255, 178, 63, .14), rgba(255, 116, 74, .045) 48%, transparent 74%)
        }

        .foot {
            background: #090C10
        }

        .cook, .sheet {
            background: rgba(18, 22, 28, .94);
            backdrop-filter: blur(22px) saturate(130%);
            -webkit-backdrop-filter: blur(22px) saturate(130%)
        }

        .cook__b button {
            border-color: var(--acc-line);
            background: rgba(255, 178, 63, .04)
        }

        .dock {
            background: rgba(9, 12, 16, .94);
            border-top-color: var(--line-2);
            backdrop-filter: blur(20px) saturate(130%);
            -webkit-backdrop-filter: blur(20px) saturate(130%)
        }

        .dock__go {
            border-radius: 14px
        }

        .dock__i {
            background: var(--surface);
            border-color: var(--line-2);
            border-radius: 14px
        }

        @media (hover: hover) {
            .steps li:hover, .srv__c:hover, .sig__c:hover, .cnt__c:hover {
                transform: translateY(-4px);
                border-color: var(--acc-line);
                box-shadow: 0 28px 72px -46px rgba(255, 178, 63, .30), inset 0 1px rgba(255, 255, 255, .045)
            }
        }

        @media (max-width: 980px) {
            .hero::before {
                background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 52%), var(--surface-2)
            }

            .hero::after {
                background-size: 40px 40px;
                opacity: .24
            }

            .hero h1 {
                max-width: 18ch
            }
        }

        @media (max-width: 760px) {
            .hero {
                padding-top: 44px
            }

            .hero h1 {
                font-size: clamp(1.72rem, 8.75vw, 2.35rem);
                max-width: 16ch
            }

            .facts li::before {
                left: 18px;
                right: auto;
                width: 52px
            }

            .sec--alt::before, .sec--pick::before {
                display: none
            }

            .faq summary {
                padding-left: 0
            }

            .faq details[open] p {
                padding-left: 0
            }

            .steps li::before, .deliver__c::before, .srv__c::before, .myth__c::before {
                left: 18px;
                right: auto;
                width: 54px
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .hero__glow {
                transition: none
            }

            .steps li, .srv__c, .sig__c, .cnt__c {
                transform: none !important
            }
        }

        .top {
            background: #0D1013;
            border-bottom-color: rgba(255, 255, 255, .10);
            backdrop-filter: none;
            -webkit-backdrop-filter: none
        }

        .top.stuck {
            background: #0D1013;
            border-bottom-color: rgba(255, 255, 255, .16)
        }

        .top__in {
            padding: 10px 0
        }

        .nav, .top__tel, .burger {
            background: transparent;
            border-color: transparent;
            border-radius: 0;
            box-shadow: none
        }

        .nav {
            gap: 18px;
            padding: 0
        }

        .nav a {
            padding: 10px 0;
            border-radius: 0
        }

        .nav a:hover {
            background: transparent;
            color: var(--ink);
            box-shadow: inset 0 -1px var(--acc)
        }

        .top__tel {
            padding: 10px;
            border-left: 1px solid rgba(255, 255, 255, .12)
        }

        .burger {
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 6px;
            background: #121519
        }

        .mnav {
            background: #0D1013
        }

        .hero {
            --paper: #E9E5DC;
            --paper-2: #DDDAD3;
            --paper-ink: #202326;
            --paper-muted: #666B6F;
            isolation: isolate;
            padding: clamp(54px, 5vw, 76px) 0 clamp(48px, 5vw, 72px);
            background: #0D1013
        }

        .hero::before {
            z-index: -2;
            width: 100%;
            background: linear-gradient(90deg, #0F1215 0 50%, #0B0D0F 50% 100%);
            border: 0
        }

        .hero::after, .hero__bg, .hero__glow {
            display: none !important
        }

        .js .hero .up {
            opacity: 1;
            transform: none;
            animation: none
        }

        .hero__in {
            grid-template-columns:minmax(0, 1.06fr) minmax(390px, .94fr);
            gap: clamp(42px, 5vw, 68px);
            align-items: start
        }

        .hero__l {
            padding-top: 2px
        }

        .hero h1 {
            max-width: none;
            font-size: clamp(2.1rem, 2.65vw, 2.85rem);
            line-height: 1.055;
            letter-spacing: -.045em
        }

        .hl {
            display: block;
            width: max-content;
            max-width: 100%;
            padding-bottom: .10em;
            color: var(--ink);
            text-shadow: none;
            background: linear-gradient(var(--acc), var(--acc)) 0 100% / 104px 3px no-repeat
        }

        .hero__lede {
            max-width: 52ch;
            margin-top: 22px;
            color: #B7BCC3;
            font-size: clamp(1rem, 1.25vw, 1.08rem);
            line-height: 1.58
        }

        .probe {
            margin-top: 28px
        }

        .probe__slab {
            padding: 6px 6px 6px 18px;
            background: #121519;
            border-color: #34393E;
            border-radius: 8px;
            box-shadow: none
        }

        .probe__slab:focus-within {
            border-color: var(--acc);
            box-shadow: 0 0 0 2px rgba(212, 160, 77, .22)
        }

        .probe__ic {
            color: var(--acc)
        }

        .hero .btn--go {
            min-height: 50px;
            border-radius: 6px;
            background: #D4A04D;
            color: #111315;
            box-shadow: none
        }

        .hero .btn--go:hover {
            background: #E0B465;
            box-shadow: none
        }

        .hero .btn--go:active {
            transform: translateY(1px)
        }

        .facts {
            gap: 0;
            margin-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, .14);
            border-bottom: 1px solid rgba(255, 255, 255, .14)
        }

        .facts li {
            position: relative;
            padding: 18px 18px 18px 0;
            overflow: visible;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none
        }

        .facts li + li {
            padding-left: 18px;
            border-left: 1px solid rgba(255, 255, 255, .14)
        }

        .facts li::before {
            display: none
        }

        .facts b {
            font-family: var(--f);
            font-size: clamp(1rem, 1.15vw, 1.16rem);
            font-weight: 700;
            color: var(--ink);
            letter-spacing: -.025em
        }

        .facts span {
            color: #AEB4BC;
            font-size: .80rem;
            line-height: 1.45
        }

        .hero__r {
            padding-top: 16px
        }

        .hero__cap {
            margin-bottom: 12px;
            font-family: var(--f);
            font-size: .78rem;
            letter-spacing: 0;
            text-transform: none;
            color: #9CA2A9
        }

        .plg__win {
            position: relative;
            overflow: hidden;
            color: var(--paper-ink);
            background: var(--paper);
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 2px;
            box-shadow: 12px 12px 0 rgba(233, 229, 220, .08), 0 38px 72px -34px rgba(0, 0, 0, .82)
        }

        .plg__bar {
            min-height: 52px;
            padding: 17px 24px 15px;
            background: var(--paper-2);
            border-top: 5px solid #252A2D;
            border-bottom: 1px solid #C9C6BF
        }

        .plg__bar i {
            display: none
        }

        .plg__url {
            margin-left: auto;
            color: #5F6468;
            font-size: .69rem;
            letter-spacing: .02em
        }

        .plg__body {
            padding: 25px 26px 28px
        }

        .plg__verdict {
            margin-bottom: 18px;
            color: #171A1C;
            font-size: 1.12rem;
            letter-spacing: -.025em
        }

        .plg__r {
            margin: 0;
            padding: 14px 4px 14px 18px;
            color: #292D30;
            background: transparent;
            border: 0;
            border-bottom: 1px solid #C9C6BF;
            border-radius: 0;
            font-size: .88rem
        }

        .plg__r:last-child {
            border-bottom: 0
        }

        .plg__r::before {
            top: 14px;
            bottom: 14px;
            width: 3px;
            border-radius: 0
        }

        .plg__r--bad::before {
            background: #B64D45
        }

        .plg__r--unk::before {
            background: #B07D2D
        }

        .plg__r--ok::before {
            background: #278769
        }

        .plg__r span {
            margin-top: 5px;
            color: var(--paper-muted);
            font-size: .72rem
        }

        .hero__note {
            margin-top: 16px;
            color: #8F959D
        }

        @media (max-width: 980px) {
            .hero {
                padding: 52px 0 64px
            }

            .hero::before {
                background: #0D1013
            }

            .hero__in {
                grid-template-columns:1fr;
                gap: 48px
            }

            .hero h1 {
                max-width: 20ch
            }

            .hero__r {
                max-width: 620px;
                padding-top: 0
            }

            .facts {
                max-width: 680px
            }
        }

        @media (max-width: 760px) {
            .hero {
                padding: 38px 0 54px
            }

            .hero h1 {
                max-width: none;
                font-size: clamp(1.95rem, 8.4vw, 2.5rem);
                line-height: 1.06
            }

            .hl {
                font-size: .90em;
                background-size: 78px 2px
            }

            .hero__lede {
                margin-top: 18px;
                font-size: 1rem
            }

            .probe {
                margin-top: 24px
            }

            .probe__slab {
                padding: 12px;
                border-radius: 8px
            }

            .hero .btn--go {
                border-radius: 6px
            }

            .facts {
                margin-top: 26px
            }

            .plg__win {
                box-shadow: 7px 7px 0 rgba(233, 229, 220, .08), 0 28px 58px -34px rgba(0, 0, 0, .82)
            }

            .plg__bar {
                min-height: 46px;
                padding: 13px 18px 12px;
                border-top-width: 4px
            }

            .plg__body {
                padding: 20px 18px 22px
            }

            .plg__verdict {
                font-size: 1.04rem
            }

            .plg__r {
                padding: 13px 2px 13px 16px;
                font-size: .84rem
            }

            .plg__r::before {
                top: 13px;
                bottom: 13px
            }
        }

        @media (max-width: 560px) {
            .facts {
                grid-template-columns:1fr
            }

            .facts li {
                padding: 16px 0
            }

            .facts li + li {
                padding-left: 0;
                border-left: 0;
                border-top: 1px solid rgba(255, 255, 255, .14)
            }

            .hero__r {
                margin-right: 7px
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .hero .btn--go:active {
                transform: none
            }
        }

        .hero {
            padding: 0;
            background: #0D1013
        }

        .hero::before {
            background: linear-gradient(90deg, #0D1013 0 50%, var(--acc) 50% 100%)
        }

        .hero__in {
            grid-template-columns:minmax(0, 1.08fr) minmax(390px, .92fr);
            gap: clamp(34px, 4vw, 62px);
            align-items: stretch
        }

        .hero__l {
            padding: clamp(54px, 5vw, 76px) 0 clamp(48px, 5vw, 72px)
        }

        .hero h1 {
            font-size: clamp(2.25rem, 3vw, 3.18rem);
            line-height: .99;
            letter-spacing: -.035em
        }

        .hl {
            display: inline;
            width: auto;
            padding: 0;
            color: var(--acc-lt);
            background: none
        }

        .hero__lede {
            max-width: 50ch
        }

        .probe__slab:focus-within {
            border-color: var(--acc);
            box-shadow: 0 0 0 2px var(--acc-dim)
        }

        .hero .btn--go {
            background: var(--acc);
            color: var(--acc-ink)
        }

        .hero .btn--go:hover {
            background: var(--acc-lt)
        }

        .hero__r {
            position: relative;
            min-height: 100%;
            padding: clamp(54px, 5vw, 76px) 0 clamp(48px, 5vw, 72px);
            isolation: isolate
        }

        .hero__r::before {
            content: "";
            position: absolute;
            z-index: -1;
            inset: 2% -34% 2% -22%;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 520'%3E%3Ctext x='-18' y='435' fill='%23111315' font-family='Arial,Helvetica,sans-serif' font-size='505' font-weight='900' letter-spacing='-76'%3E152%3C/text%3E%3C/svg%3E") no-repeat center/contain;
            pointer-events: none
        }

        .hero__cap {
            position: absolute;
            z-index: 2;
            top: 24px;
            right: 0;
            margin: 0;
            color: #111315;
            font-family: var(--m);
            font-size: .66rem;
            font-weight: 700;
            letter-spacing: .035em;
            text-transform: uppercase
        }

        .hero__r .plg__win {
            z-index: 2;
            width: min(100%, 430px);
            margin: clamp(70px, 7.5vw, 104px) 0 0 auto;
            border: 1px solid #111315;
            box-shadow: 10px 10px 0 #111315;
            transform: rotate(-1.6deg)
        }

        .hero__r .plg__bar {
            border-top-color: #111315
        }

        .hero__note {
            position: relative;
            z-index: 2;
            max-width: 430px;
            margin: 24px 0 0 auto;
            color: rgba(17, 19, 21, .78);
            font-family: var(--m);
            font-size: .66rem;
            font-weight: 600;
            text-align: right;
            text-transform: uppercase
        }

        @media (max-width: 980px) {
            .hero::before {
                background: #0D1013
            }

            .hero__in {
                grid-template-columns:1fr;
                gap: 0
            }

            .hero__l {
                padding: 52px 0 58px
            }

            .hero h1 {
                max-width: 19ch
            }

            .hero__r {
                width: calc(100% + 44px);
                min-height: 520px;
                max-width: none;
                margin-inline: -22px;
                padding: 52px 22px 58px;
                overflow: hidden;
                background: var(--acc)
            }

            .hero__r::before {
                inset: -5% -10%
            }

            .hero__cap {
                top: 22px;
                right: 22px
            }

            .hero__r .plg__win {
                width: min(78%, 460px);
                margin: 66px auto 0
            }

            .hero__note {
                max-width: 460px;
                margin: 24px auto 0
            }
        }

        @media (max-width: 760px) {
            .hero__l {
                padding: 38px 0 46px
            }

            .hero h1 {
                max-width: none;
                font-size: clamp(2rem, 9.3vw, 2.65rem)
            }

            .hl {
                font-size: inherit
            }

            .hero__r {
                min-height: 470px;
                padding-bottom: 50px
            }

            .hero__r::before {
                inset: -2% -14%
            }

            .hero__r .plg__win {
                width: min(84%, 440px);
                margin-top: 64px
            }
        }

        @media (max-width: 560px) {
            .hero__l {
                padding-bottom: 38px
            }

            .hero__r {
                min-height: 405px;
                padding-top: 44px;
                padding-bottom: 38px
            }

            .hero__r::before {
                inset: 1% -20%
            }

            .hero__cap {
                top: 17px;
                font-size: .58rem
            }

            .hero__r .plg__win {
                width: calc(100% - 34px);
                margin-top: 45px;
                box-shadow: 7px 7px 0 #111315;
                transform: rotate(-1.2deg)
            }

            .hero__note {
                width: calc(100% - 34px);
                margin-top: 19px;
                font-size: .58rem
            }
        }

        /* ============ МОДАЛКА: РЕГИСТРАЦИЯ И ВОССТАНОВЛЕНИЕ ПАРОЛЯ ============ */
        .mdl {
            position: fixed;
            inset: 0;
            z-index: 120;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 24px 16px;
            overflow-y: auto;
            overscroll-behavior: contain;
            background: rgba(3, 5, 8, .72);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            animation: mdlIn .22s var(--ease) both
        }

        @keyframes mdlIn {
            from {
                opacity: 0
            }
        }

        .mdl__d {
            position: relative;
            width: 100%;
            max-width: 520px;
            margin: auto;
            background: var(--surface);
            border: 1px solid var(--line-2);
            border-radius: var(--r-xl);
            box-shadow: var(--sh);
            padding: 26px 26px 24px;
            animation: mdlUp .3s var(--ease) both
        }

        @keyframes mdlUp {
            from {
                opacity: 0;
                transform: translateY(14px)
            }
        }

        .mdl__x {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--line);
            background: transparent;
            color: var(--ink-3);
            border-radius: 11px;
            cursor: pointer;
            transition: color .2s, border-color .2s
        }

        .mdl__x:hover {
            color: var(--ink);
            border-color: var(--line-2)
        }

        .mdl__step {
            font: 600 .74rem/1 var(--m);
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--acc);
            margin: 0 0 10px
        }

        .mdl__h {
            font-size: 1.42rem;
            line-height: 1.18;
            letter-spacing: -.02em;
            margin: 0 0 8px;
            padding-right: 44px
        }

        .mdl__lede {
            font-size: .92rem;
            color: var(--ink-2);
            margin: 0 0 20px
        }

        .mdl__lede b {
            color: var(--ink);
            font-weight: 600
        }

        .mdl__scr[hidden] {
            display: none
        }

        .fld {
            margin-bottom: 14px
        }

        .fld > label {
            display: block;
            font-size: .82rem;
            color: var(--ink-2);
            margin-bottom: 7px
        }

        .fld input[type=text], .fld input[type=tel], .fld input[type=email], .fld input[type=password] {
            width: 100%;
            background: var(--surface-2);
            border: 1px solid var(--line-2);
            border-radius: 11px;
            color: var(--ink);
            font: 500 1rem/1.2 var(--f);
            padding: 14px 15px;
            transition: border-color .2s, box-shadow .2s
        }

        .fld input.mono {
            font-family: var(--m);
            letter-spacing: .03em
        }

        .fld input::placeholder {
            color: var(--ink-3)
        }

        .fld input:focus {
            outline: none;
            border-color: var(--acc);
            box-shadow: 0 0 0 3px var(--acc-dim)
        }

        .fld input[aria-invalid=true] {
            border-color: var(--bad)
        }

        .fld__row {
            display: flex;
            gap: 8px;
            align-items: stretch
        }

        .fld__row input {
            flex: 1;
            min-width: 0
        }

        .fld__side {
            flex: none;
            border: 1px solid var(--line-2);
            background: transparent;
            color: var(--ink-2);
            border-radius: 11px;
            padding: 0 14px;
            cursor: pointer;
            font: 600 .84rem/1 var(--f);
            transition: color .2s, border-color .2s
        }

        .fld__side:hover {
            color: var(--acc-lt);
            border-color: var(--acc-line)
        }

        .fld__hint {
            margin: 7px 0 0;
            font-size: .79rem;
            color: var(--ink-3)
        }

        .chk {
            display: flex;
            gap: 11px;
            align-items: flex-start;
            margin-bottom: 12px;
            font-size: .84rem;
            line-height: 1.45;
            color: var(--ink-2);
            cursor: pointer
        }

        .chk input {
            flex: none;
            appearance: none;
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            margin: 1px 0 0;
            border: 1px solid var(--line-2);
            border-radius: 6px;
            background: var(--surface-2);
            cursor: pointer;
            transition: background .18s, border-color .18s
        }

        .chk input:checked {
            background: var(--acc);
            border-color: var(--acc)
        }

        .chk input:checked::after {
            content: '';
            display: block;
            width: 6px;
            height: 11px;
            margin: 2px auto 0;
            border: solid var(--acc-ink);
            border-width: 0 2px 2px 0;
            transform: rotate(42deg)
        }

        .chk input:focus-visible {
            outline: 2px solid var(--acc);
            outline-offset: 2px
        }

        .chk a {
            color: var(--acc-lt)
        }

        .chk--req[data-bad=true] span {
            color: var(--bad)
        }

        .way {
            display: grid;
            gap: 10px;
            margin-bottom: 6px
        }

        .way button {
            display: block;
            width: 100%;
            text-align: left;
            background: var(--surface-2);
            border: 1px solid var(--line-2);
            border-radius: 13px;
            padding: 16px 18px;
            cursor: pointer;
            color: var(--ink);
            font: 600 1rem/1.25 var(--f);
            transition: border-color .2s, background .2s
        }

        .way button:hover {
            border-color: var(--acc);
            background: var(--acc-dim)
        }

        .way button i {
            display: block;
            font: 400 .82rem/1.4 var(--f);
            color: var(--ink-3);
            margin-top: 5px;
            font-style: normal
        }

        .callto {
            display: block;
            font: 700 1.6rem/1.1 var(--m);
            letter-spacing: -.01em;
            color: var(--acc-lt);
            margin: 4px 0 14px;
            text-decoration: none
        }

        .wait {
            display: flex;
            align-items: center;
            gap: 11px;
            font-size: .88rem;
            color: var(--ink-2);
            margin-bottom: 18px
        }

        .wait i {
            flex: none;
            width: 15px;
            height: 15px;
            border: 2px solid var(--acc-dim);
            border-top-color: var(--acc);
            border-radius: 50%;
            animation: spin .8s linear infinite
        }

        @keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .wait i {
                animation-duration: 2.4s
            }

            .mdl, .mdl__d, .docm, .docm__d {
                animation: none
            }
        }

        #mdlSvc {
            margin-top:40px;
        }

        .mdl__err {
            margin: 0 0 14px;
            padding: 12px 14px;
            border-radius: 11px;
            background: var(--bad-dim);
            border: 1px solid rgba(255, 116, 99, .35);
            color: var(--bad);
            font-size: .86rem;
            line-height: 1.4
        }

        .mdl__err a {
            color: var(--bad);
            text-decoration: underline;
            cursor: pointer
        }

        .mdl__ok {
            width: 52px;
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            border-radius: 50%;
            background: var(--ok-dim);
            color: var(--ok)
        }

        .mdl__b {
            width: 100%;
            margin-top: 4px
        }

        .mdl__b[disabled] {
            opacity: .5;
            cursor: default
        }

        .mdl__alt {
            margin: 14px 0 0;
            text-align: center;
            font-size: .84rem;
            color: var(--ink-3)
        }

        .mdl__alt button {
            border: 0;
            background: none;
            color: var(--acc-lt);
            cursor: pointer;
            font: inherit;
            padding: 0;
            text-decoration: underline
        }

        .mdl__alt button[disabled] {
            color: var(--ink-3);
            text-decoration: none;
            cursor: default
        }

        .mdl__hub {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin: 16px 0 0;
            font-size: .88rem
        }

        .mdl__hub button {
            border: 0;
            background: none;
            padding: 0;
            cursor: pointer;
            font: inherit;
            color: var(--acc-lt);
            text-decoration: underline
        }

        .mdl__hub button:hover {
            color: var(--acc)
        }

        .mdl__hub i {
            color: var(--ink-3);
            font-style: normal
        }

        .mdl__cart {
            margin: 0 0 18px;
            padding: 13px 15px;
            background: var(--surface-2);
            border: 1px solid var(--line);
            border-radius: 12px;
            font-size: .85rem;
            color: var(--ink-2)
        }

        .mdl__cart b {
            color: var(--ink);
            font-family: var(--m)
        }

        .smart {
            margin-bottom: 14px;
            min-height: 0
        }

        .smart:not(:empty) {
            /* min-height: 100px */
        }

        @media (max-width: 560px) {
            .mdl {
                padding: 0
            }

            .mdl__d {
                border-radius: 0;
                min-height: 100%;
                max-width: none;
                padding: 22px 18px 26px
            }
        }

        .mdl[hidden] {
            display: none
        }

        /* ============ ОКНА С ДОКУМЕНТАМИ (соглашение, оферта) ============ */
        .docm {
            position: fixed;
            inset: 0;
            z-index: 130;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: clamp(24px, 5vh, 64px) 16px;
            background: rgba(3, 5, 8, .72);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            animation: mdlIn .22s var(--ease) both
        }

        .docm__d {
            position: relative;
            width: min(860px, 100%);
            max-height: calc(100% - 16px);
            display: flex;
            flex-direction: column;
            background: var(--surface);
            border: 1px solid var(--line-2);
            border-radius: var(--r-xl);
            box-shadow: var(--sh);
            animation: mdlUp .3s var(--ease) both
        }

        .docmw {
            width: min(1208px, 100%) !important;
        }

        .docm__h {
            margin: 0;
            padding: 26px 58px 14px 30px;
            font-size: clamp(1.08rem, 2vw, 1.42rem);
            line-height: 1.25;
            letter-spacing: -.02em;
            border-bottom: 1px solid var(--line)
        }

        .docm__b {
            overflow-y: auto;
            overscroll-behavior: contain;
            min-height: 0;
            padding: 4px 30px 28px
        }

        /* контент документов (terms.html / oferta.html) в тёмной теме */
        .docm__b p, .docm__b li {
            font-size: .93rem;
            line-height: 1.65;
            color: var(--ink-2);
            margin-bottom: 8px
        }

        .docm__b h2 {
            display: inline-block;
            margin: 0 0 12px;
            padding-bottom: 6px;
            border-bottom: 2px solid var(--acc);
            font-size: 1.05rem;
            line-height: 1.3
        }

        .docm__b a {
            color: var(--acc-lt)
        }

        .docm__b .terms-section {
            margin-bottom: 24px
        }

        .docm__b .terms-subsection {
            margin-left: 18px;
            font-size: .9rem
        }

        .docm__b .terms-subsection-deep, .docm__b .terms-subsection-sub {
            margin-left: 36px;
            font-size: .87rem
        }

        .docm__b .services-table-wrapper {
            overflow-x: auto;
            overscroll-behavior-x: contain;
            margin-bottom: 24px
        }

        .docm__b table {
            width: 100%;
            min-width: 680px;
            border-collapse: collapse;
            font-size: .85rem
        }

        .docm__b th, .docm__b td {
            padding: 9px 11px;
            text-align: left;
            vertical-align: top;
            border: 1px solid var(--line);
            color: var(--ink-2)
        }

        .docm__b thead th {
            background: var(--surface-3);
            color: var(--ink);
            font-weight: 600;
            white-space: nowrap
        }

        @media (max-width: 560px) {
            .docm {
                padding: 0
            }

            .docm__d {
                width: 100%;
                height: 100%;
                max-height: none;
                border-radius: 0
            }

            .docm__h {
                padding-left: 24px;
                padding-right: 56px
            }

            .docm__b {
                padding-left: 24px;
                padding-right: 24px
            }
        }

        /* вход в кабинет в шапке и отзыв согласия в подвале */
        .top__log {
            display: inline-flex;
            align-items: center;
            height: 42px;
            padding: 0 17px;
            flex: none;
            white-space: nowrap;
            border: 1px solid var(--acc-line);
            border-radius: 12px;
            color: var(--acc-lt);
            text-decoration: none;
            font: 700 .92rem/1 var(--f);
            transition: background .2s, color .2s
        }

        .top__log:hover {
            background: var(--acc);
            color: var(--acc-ink)
        }

        @media (max-width: 1360px) {
            .top__in {
                gap: 16px
            }

            .top__log {
                padding: 0 13px;
                font-size: .86rem
            }
        }

        @media (max-width: 1220px) {
            .top__log {
                display: none
            }
        }

        .foot__c button {
            border: 0;
            background: none;
            padding: 0;
            cursor: pointer;
            text-align: left;
            font: inherit;
            color: var(--ink-2);
            transition: color .2s
        }

        .foot__c button:hover {
            color: var(--acc-lt)
        }