/* -------------------------------------------------------------
       НАПРАВЛЕНИЕ: «ПЛАКАТ» (Швейцарский / инженерный конструктивизм)
       Плотная геометрия, монументальные заголовки, четкие границы,
       высочайшая контрастность для чтения на объекте и под солнцем.
       ------------------------------------------------------------- */
    :root {
      --bg: #F4F5F7;
      --surface: #FFFFFF;
      --surface-subtle: #EAEEF3;
      --ink: #0F141A;
      --muted: #4B5866;
      --border: #141A21;
      --border-light: #C4CDD5;
      
      --accent: #FFB800; /* Сигнальный строительный желтый */
      --accent-ink: #000000;
      --accent-hover: #FFA000;
      
      --blue-ink: #0B4F9C; /* Чернила заполнения в бланке */
      --blue-bg: #E8F1FC;
      
      --status-ok-bg: #D4EDDA;
      --status-ok-ink: #0F5132;
      --status-ok-border: #198754;
      
      --status-warn-bg: #FFF3CD;
      --status-warn-ink: #664D03;
      --status-warn-border: #FFC107;
      
      --status-err-bg: #F8D7DA;
      --status-err-ink: #842029;
      --status-err-border: #DC3545;
      
      --font-display: 'Oswald', Impact, sans-serif;
      --font-body: 'Fira Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
      --font-mono: 'Roboto Mono', ui-monospace, Consolas, monospace;
    }

    @media (prefers-color-scheme: dark) {
      :root:not([data-theme="light"]) {
        --bg: #0C1014;
        --surface: #141B22;
        --surface-subtle: #1C242E;
        --ink: #F0F4F8;
        --muted: #9AA7B5;
        --border: #3A4654;
        --border-light: #2A3440;
        
        --accent: #FFC01E;
        --accent-ink: #000000;
        --accent-hover: #FFD04D;
        
        --blue-ink: #70B4FF;
        --blue-bg: #11263E;
        
        --status-ok-bg: #0E351F;
        --status-ok-ink: #75E29F;
        --status-ok-border: #2E7D32;
        
        --status-warn-bg: #382B05;
        --status-warn-ink: #FFD966;
        --status-warn-border: #997300;
        
        --status-err-bg: #3A1014;
        --status-err-ink: #FF8F94;
        --status-err-border: #C62828;
      }
    }

    :root[data-theme="dark"] {
      --bg: #0C1014;
      --surface: #141B22;
      --surface-subtle: #1C242E;
      --ink: #F0F4F8;
      --muted: #9AA7B5;
      --border: #3A4654;
      --border-light: #2A3440;
      
      --accent: #FFC01E;
      --accent-ink: #000000;
      --accent-hover: #FFD04D;
      
      --blue-ink: #70B4FF;
      --blue-bg: #11263E;
      
      --status-ok-bg: #0E351F;
      --status-ok-ink: #75E29F;
      --status-ok-border: #2E7D32;
      
      --status-warn-bg: #382B05;
      --status-warn-ink: #FFD966;
      --status-warn-border: #997300;
      
      --status-err-bg: #3A1014;
      --status-err-ink: #FF8F94;
      --status-err-border: #C62828;
    }

    /* Сброс и базовые настройки */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      background-color: var(--bg);
      color: var(--ink);
      font-family: var(--font-body);
      font-size: 17px;
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      padding-left: max(16px, env(safe-area-inset-left, 0px));
      padding-right: max(16px, env(safe-area-inset-right, 0px));
      border-top: 5px solid var(--accent);
    }

    a {
      color: inherit;
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }

    a:focus-visible, button:focus-visible, summary:focus-visible {
      outline: 3px solid var(--accent);
      outline-offset: 3px;
    }

    .container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 0 4px;
    }

    /* ШАПКА */
    header.site-header {
      padding: 16px 0;
      border-bottom: 2px solid var(--border);
    }

    .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }

    .logo {
      font-family: var(--font-display);
      font-size: 28px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .logo-badge {
      background: var(--accent);
      color: var(--accent-ink);
      font-family: var(--font-mono);
      font-size: 13px;
      font-weight: 700;
      padding: 2px 7px;
      border: 1.5px solid var(--border);
    }

    nav.site-nav {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      align-items: center;
    }

    .nav-link {
      font-family: var(--font-body);
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      text-decoration: none;
      padding: 6px 10px;
      border: 1.5px solid transparent;
      color: var(--muted);
      transition: color 0.15s, border-color 0.15s;
    }

    .nav-link:hover {
      color: var(--ink);
      border-color: var(--border);
      background: var(--surface);
    }

    .nav-link.active {
      color: var(--accent-ink);
      background: var(--accent);
      border-color: var(--border);
    }

    /* ХЛЕБНЫЕ КРОШКИ */
    .breadcrumbs {
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 600;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.06em;
      margin: 20px 0 12px;
    }

    .breadcrumbs a {
      color: var(--muted);
      text-decoration: none;
    }

    .breadcrumbs a:hover {
      color: var(--ink);
      text-decoration: underline;
    }

    /* ПЕРВЫЙ ЭКРАН (HERO) */
    .hero-section {
      padding: 16px 0 40px;
      border-bottom: 3px solid var(--border);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
      gap: 32px;
      align-items: stretch;
    }

    @media (max-width: 900px) {
      .hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
      }
    }

    .hero-info {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .hero-tag {
      display: inline-block;
      align-self: flex-start;
      background: var(--border);
      color: var(--bg);
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 4px 10px;
      margin-bottom: 14px;
    }

    h1 {
      font-family: var(--font-display);
      font-size: clamp(32px, 5.2vw, 54px);
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .lead {
      font-size: clamp(17px, 2vw, 20px);
      line-height: 1.45;
      font-weight: 500;
      margin-bottom: 14px;
      max-width: 58ch;
    }

    .meta-line {
      font-family: var(--font-mono);
      font-size: 13px;
      color: var(--muted);
      padding: 8px 12px;
      background: var(--surface-subtle);
      border-left: 4px solid var(--border);
      margin-bottom: 24px;
    }

    /* Плакатный быстрый блок покупки в первом экране */
    .hero-action-box {
      background: var(--surface);
      border: 3px solid var(--border);
      padding: 20px;
      margin-top: auto;
      box-shadow: 6px 6px 0 var(--border);
    }

    .hero-action-head {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      margin-bottom: 12px;
      flex-wrap: wrap;
      gap: 8px;
    }

    .hero-price-wrap {
      display: flex;
      align-items: baseline;
      gap: 8px;
    }

    .hero-price {
      font-family: var(--font-display);
      font-size: 38px;
      font-weight: 700;
      line-height: 1;
      color: var(--ink);
    }

    .hero-price-sub {
      font-family: var(--font-mono);
      font-size: 14px;
      color: var(--muted);
      text-transform: uppercase;
    }

    .btn-group {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: var(--font-display);
      font-size: 19px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      padding: 14px 24px;
      min-height: 48px;
      text-decoration: none;
      cursor: pointer;
      border: 2px solid var(--border);
      transition: transform 0.1s, box-shadow 0.1s, background-color 0.1s;
      white-space: nowrap;
    }

    .btn-primary {
      background: var(--accent);
      color: var(--accent-ink);
      flex: 1 1 200px;
      box-shadow: 3px 3px 0 var(--border);
    }

    .btn-primary:hover {
      background: var(--accent-hover);
      transform: translate(-1px, -1px);
      box-shadow: 4px 4px 0 var(--border);
    }

    .btn-primary:active {
      transform: translate(1px, 1px);
      box-shadow: 1px 1px 0 var(--border);
    }

    .btn-secondary {
      background: var(--surface);
      color: var(--ink);
      box-shadow: 3px 3px 0 var(--border);
    }

    .btn-secondary:hover {
      background: var(--surface-subtle);
      transform: translate(-1px, -1px);
      box-shadow: 4px 4px 0 var(--border);
    }

    .hero-note {
      font-size: 13.5px;
      color: var(--muted);
      margin-top: 12px;
    }

    /* Превью образца в правом блоке первого экрана */
    .hero-preview {
      background: var(--surface);
      border: 3px solid var(--border);
      display: flex;
      flex-direction: column;
      box-shadow: 6px 6px 0 var(--border);
    }

    .preview-header {
      background: var(--border);
      color: var(--bg);
      padding: 10px 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .preview-header .tag {
      background: var(--accent);
      color: var(--accent-ink);
      padding: 2px 6px;
    }

    .preview-sheet-body {
      padding: 18px;
      font-size: 14px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      flex-grow: 1;
    }

    .preview-title-box {
      text-align: center;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--border);
    }

    .preview-title-box h2 {
      font-family: var(--font-display);
      font-size: 22px;
      letter-spacing: 0.08em;
      margin-bottom: 2px;
    }

    .preview-rows {
      display: flex;
      flex-direction: column;
      gap: 8px;
      font-size: 13.5px;
    }

    .preview-row {
      display: grid;
      grid-template-columns: minmax(0, 110px) minmax(0, 1fr);
      gap: 8px;
      border-bottom: 1px dashed var(--border-light);
      padding-bottom: 6px;
    }

    .preview-row-label {
      font-family: var(--font-mono);
      font-weight: 700;
      color: var(--muted);
      font-size: 11.5px;
      text-transform: uppercase;
    }

    .preview-row-val {
      color: var(--blue-ink);
      font-weight: 500;
      background: var(--blue-bg);
      padding: 2px 6px;
      border-left: 2px solid var(--blue-ink);
    }

    .preview-footer-action {
      margin-top: auto;
      padding: 12px 18px;
      background: var(--surface-subtle);
      border-top: 2px solid var(--border);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13.5px;
    }

    .preview-footer-action a {
      font-family: var(--font-display);
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      color: var(--ink);
    }

    /* ОБЩИЕ СЕКЦИИ */
    section {
      padding: 48px 0;
      border-bottom: 2px solid var(--border);
    }

    .section-eyebrow {
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--muted);
      margin-bottom: 6px;
    }

    h2 {
      font-family: var(--font-display);
      font-size: clamp(26px, 3.8vw, 40px);
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.15;
      letter-spacing: 0.02em;
      margin-bottom: 18px;
    }

    p {
      margin-bottom: 14px;
      max-width: 68ch;
    }

    /* РАЗДЕЛ: ЧТО ТАКОЕ АОСР */
    .definition-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
      gap: 32px;
      align-items: start;
    }

    @media (max-width: 800px) {
      .definition-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .when-card {
      background: var(--surface);
      border: 2px solid var(--border);
      box-shadow: 4px 4px 0 var(--border);
      padding: 24px;
    }

    .when-card-title {
      font-family: var(--font-display);
      font-size: 19px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 14px;
      padding-bottom: 8px;
      border-bottom: 2px solid var(--border);
    }

    .when-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .when-list li {
      position: relative;
      padding-left: 28px;
      font-weight: 500;
      font-size: 15.5px;
    }

    .when-list li::before {
      content: "■";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--accent);
      font-size: 16px;
      line-height: 1.4;
      -webkit-text-stroke: 1px var(--border);
    }

    /* ОБРАЗЕЦ ЗАПОЛНЕНИЯ (ПОЛНЫЙ ЛИСТ) */
    .sheet-wrapper {
      margin-top: 24px;
      background: var(--surface);
      border: 3px solid var(--border);
      box-shadow: 8px 8px 0 var(--border);
      padding: clamp(16px, 4vw, 36px);
      position: relative;
    }

    .sheet-stamp {
      position: absolute;
      top: 14px;
      right: 14px;
      border: 3px solid #D32F2F;
      color: #D32F2F;
      padding: 4px 14px;
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      transform: rotate(-3deg);
      background: rgba(211, 47, 47, 0.04);
      pointer-events: none;
    }

    .sheet-header {
      text-align: center;
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 2px solid var(--border);
    }

    .sheet-title {
      font-family: var(--font-display);
      font-size: clamp(26px, 4vw, 34px);
      letter-spacing: 0.14em;
      margin-bottom: 4px;
    }

    .sheet-subtitle {
      font-weight: 700;
      font-size: 17px;
      margin-bottom: 8px;
    }

    .sheet-number-date {
      font-family: var(--font-mono);
      font-size: 15px;
      color: var(--muted);
    }

    .sheet-number-date span.filled {
      color: var(--blue-ink);
      background: var(--blue-bg);
      padding: 2px 8px;
      border-bottom: 1.5px solid var(--blue-ink);
      font-weight: 700;
    }

    .sheet-table {
      display: flex;
      flex-direction: column;
      border: 1px solid var(--border);
    }

    .sheet-tr {
      display: grid;
      grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
      border-bottom: 1px solid var(--border-light);
    }

    .sheet-tr:last-child {
      border-bottom: none;
    }

    @media (max-width: 640px) {
      .sheet-tr {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .sheet-th {
      background: var(--surface-subtle);
      padding: 10px 14px;
      font-family: var(--font-mono);
      font-size: 12.5px;
      font-weight: 700;
      text-transform: uppercase;
      border-right: 1px solid var(--border-light);
      display: flex;
      align-items: flex-start;
    }

    @media (max-width: 640px) {
      .sheet-th {
        border-right: none;
        border-bottom: 1px solid var(--border-light);
        padding: 6px 10px;
      }
    }

    .sheet-td {
      padding: 10px 14px;
      font-size: 15px;
    }

    .sheet-td .filled {
      color: var(--blue-ink);
      background: var(--blue-bg);
      padding: 2px 6px;
      border-radius: 1px;
      font-weight: 500;
      display: inline;
    }

    .sheet-td .subtext {
      display: block;
      font-size: 12px;
      color: var(--muted);
      margin-top: 4px;
      font-style: italic;
    }

    .sheet-signatures {
      margin-top: 28px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      font-size: 13px;
    }

    @media (max-width: 700px) {
      .sheet-signatures {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .sign-block {
      border-top: 2px solid var(--border);
      padding-top: 8px;
      color: var(--muted);
      font-family: var(--font-mono);
      font-size: 12px;
      text-transform: uppercase;
    }

    /* РАЗДЕЛ: КАК ЗАПОЛНЯТЬ */
    .steps-list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin: 24px 0 32px;
    }

    @media (max-width: 740px) {
      .steps-list {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .step-card {
      background: var(--surface);
      border: 2px solid var(--border);
      padding: 18px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      box-shadow: 4px 4px 0 var(--border);
    }

    .step-badge {
      display: inline-flex;
      align-self: flex-start;
      background: var(--accent);
      color: var(--accent-ink);
      font-family: var(--font-display);
      font-size: 16px;
      font-weight: 700;
      padding: 2px 8px;
      border: 1px solid var(--border);
    }

    .step-card strong {
      font-family: var(--font-display);
      font-size: 19px;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .step-card span {
      font-size: 15px;
      color: var(--ink);
    }

    .warning-box {
      background: var(--status-warn-bg);
      color: var(--status-warn-ink);
      border: 2px solid var(--status-warn-border);
      padding: 20px 24px;
      box-shadow: 4px 4px 0 var(--border);
    }

    .warning-box b {
      display: block;
      font-family: var(--font-display);
      font-size: 19px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 10px;
    }

    .warning-box ul {
      padding-left: 20px;
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 15px;
    }

    /* РАЗДЕЛ: КОМПЛЕКТ АОСР */
    .kit-card {
      background: var(--surface);
      border: 3px solid var(--border);
      box-shadow: 8px 8px 0 var(--border);
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
      margin-bottom: 32px;
    }

    @media (max-width: 820px) {
      .kit-card {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .kit-info {
      padding: clamp(20px, 3.5vw, 36px);
      border-right: 3px solid var(--border);
    }

    @media (max-width: 820px) {
      .kit-info {
        border-right: none;
        border-bottom: 3px solid var(--border);
      }
    }

    .kit-info h3 {
      font-family: var(--font-display);
      font-size: 32px;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    .kit-info .kit-lead {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 18px;
    }

    .kit-features {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .kit-features li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 16px;
      font-weight: 500;
    }

    .kit-features .check {
      background: var(--border);
      color: var(--bg);
      font-family: var(--font-mono);
      font-weight: 700;
      font-size: 14px;
      padding: 2px 7px;
      flex-shrink: 0;
    }

    .kit-buy-box {
      padding: clamp(20px, 3.5vw, 36px);
      background: var(--surface-subtle);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .price-tag-label {
      font-family: var(--font-mono);
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      color: var(--muted);
    }

    .big-price {
      font-family: var(--font-display);
      font-size: clamp(48px, 6vw, 64px);
      font-weight: 700;
      line-height: 1;
      margin: 4px 0 14px;
      color: var(--ink);
    }

    .big-price small {
      font-family: var(--font-body);
      font-size: 18px;
      font-weight: 500;
      color: var(--muted);
      margin-left: 6px;
    }

    .kit-terms {
      font-size: 14.5px;
      margin-bottom: 20px;
    }

    .fine-print {
      font-size: 12.5px;
      color: var(--muted);
      margin-top: 14px;
    }

    /* ТАБЛИЦА РЕЕСТРА */
    .table-container {
      margin-top: 24px;
      border: 2px solid var(--border);
      background: var(--surface);
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      box-shadow: 4px 4px 0 var(--border);
    }

    table {
      width: 100%;
      min-width: 640px;
      border-collapse: collapse;
      text-align: left;
      font-size: 14.5px;
    }

    thead th {
      background: var(--border);
      color: var(--bg);
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 10px 14px;
      letter-spacing: 0.05em;
      border-right: 1px solid var(--border-light);
    }

    thead th:last-child {
      border-right: none;
    }

    tbody td {
      padding: 10px 14px;
      border-bottom: 1px solid var(--border-light);
      border-right: 1px solid var(--border-light);
    }

    tbody td:last-child {
      border-right: none;
    }

    tbody tr:last-child td {
      border-bottom: none;
    }

    .status-badge {
      display: inline-block;
      font-family: var(--font-mono);
      font-size: 11.5px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 3px 8px;
      border: 1px solid currentColor;
    }

    .status-badge.yellow {
      background: var(--status-warn-bg);
      color: var(--status-warn-ink);
      border-color: var(--status-warn-border);
    }

    .status-badge.green {
      background: var(--status-ok-bg);
      color: var(--status-ok-ink);
      border-color: var(--status-ok-border);
    }

    .status-badge.red {
      background: var(--status-err-bg);
      color: var(--status-err-ink);
      border-color: var(--status-err-border);
    }

    .table-caption {
      font-family: var(--font-mono);
      font-size: 13px;
      color: var(--muted);
      margin-top: 10px;
    }

    /* ВОПРОСЫ И ОТВЕТЫ */
    .faq-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 20px;
    }

    details {
      background: var(--surface);
      border: 2px solid var(--border);
      box-shadow: 3px 3px 0 var(--border);
      transition: background-color 0.15s;
    }

    details[open] {
      background: var(--surface-subtle);
    }

    summary {
      padding: 16px 20px;
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      user-select: none;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary::after {
      content: "+";
      font-family: var(--font-mono);
      font-size: 22px;
      font-weight: 700;
      margin-left: 12px;
    }

    details[open] summary::after {
      content: "−";
    }

    details p {
      padding: 0 20px 18px;
      font-size: 16px;
      line-height: 1.5;
      color: var(--ink);
      margin-bottom: 0;
    }

    /* ПОДВАЛ */
    footer.site-footer {
      padding: 36px 0 48px;
      background: var(--surface);
      border-top: 4px solid var(--border);
      font-size: 14px;
      color: var(--muted);
    }

    .footer-inner {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .footer-inner p {
      max-width: 90ch;
      margin-bottom: 0;
    }

    /* Адаптивность и редуцированное движение */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }

/* Дополнения к стилям варианта «Плакат»: списки документов и простые страницы */
.doc-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:12px;max-width:720px}
.doc-list li{border:2px solid var(--border);background:var(--surface);padding:16px 18px;display:grid;gap:4px}
.doc-list a{font-family:var(--font-display);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
.doc-list a:hover{text-decoration-color:var(--ink)}
.doc-list span{color:var(--muted);font-size:15.5px}
.doc-list li.soon{border-style:dashed;border-color:var(--border-light);background:transparent}
.doc-list li.soon b{font-family:var(--font-display);font-size:20px;text-transform:uppercase;letter-spacing:.02em;color:var(--muted)}
.plain-list{max-width:68ch;padding-left:22px;margin:0 0 16px}
.plain-list li{margin-bottom:8px}

/* Калькуляторы */
.calc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;max-width:860px;margin-bottom:20px}
@media(max-width:640px){.calc-form{grid-template-columns:minmax(0,1fr)}}
.calc-form .wide{grid-column:1/-1}
.field{display:grid;gap:6px;border:0;padding:0;margin:0;min-width:0}
.field label,.field legend,.contract-box label{font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0}
.calc-form input[type=text],.calc-form input[type=date]{width:100%;min-height:48px;padding:10px 12px;font:500 18px var(--font-body);color:var(--ink);background:var(--surface);border:2px solid var(--border);border-radius:0}
.calc-form input:focus-visible,.link-btn:focus-visible,.faq summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hint{font-size:14px;color:var(--muted)}
.radio,.check{display:flex;align-items:flex-start;gap:10px;font:500 17px var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important;cursor:pointer}
.radio input,.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--ink);flex:none}
.contract-box{display:grid;gap:6px;margin-top:8px;max-width:320px}
.pay-head{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.link-btn{background:none;border:0;padding:4px 0;font:700 15px var(--font-body);color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px;cursor:pointer}
.pay-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;margin:8px 0}
@media(max-width:480px){.pay-row{grid-template-columns:minmax(0,1fr)}}
.calc-go{margin-right:10px}
.calc-error{border:2px solid var(--status-err-border);background:var(--status-err-bg);color:var(--status-err-ink);padding:12px 16px;max-width:860px;font-weight:700}
.result{margin-top:28px;border-top:2px solid var(--border);padding-top:24px}
.result-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;max-width:960px}
@media(max-width:700px){.result-sum{grid-template-columns:minmax(0,1fr)}}
.result-sum div{border:2px solid var(--border);background:var(--surface);padding:14px 16px;display:grid;gap:4px}
.result-sum span{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.result-sum b{font-family:var(--font-display);font-size:clamp(24px,3.4vw,34px);line-height:1.1}
.result-sum div:last-child{background:var(--accent);color:var(--accent-ink);border-color:var(--border)}
.result-sum div:last-child span{color:var(--accent-ink)}
.table-wrap{overflow-x:auto;border:2px solid var(--border);background:var(--surface);margin-bottom:12px}
.result-table{border-collapse:collapse;width:100%;min-width:640px;font-size:15.5px;font-variant-numeric:tabular-nums}
.result-table th,.result-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);text-align:left;white-space:nowrap}
.result-table th{background:var(--ink);color:var(--surface);font:700 13px var(--font-mono);text-transform:uppercase;letter-spacing:.05em}
.result-table td:nth-child(n+2){text-align:right}
.result-table th:nth-child(n+2){text-align:right}
.result-note{font-size:15px;color:var(--muted);max-width:80ch}
.copy-ok{font-weight:700;color:var(--status-ok-ink);margin-left:12px}
.soon-note{margin-top:14px;padding:12px 16px;border:2px dashed var(--border-light);color:var(--muted);max-width:70ch}
.formula{font-family:var(--font-mono);font-size:15.5px;background:var(--surface);border:2px solid var(--border);padding:14px 16px;max-width:760px}
.faq{border-top:1px solid var(--border-light);padding:12px 0;max-width:780px}
.faq summary{cursor:pointer;font-weight:700;font-size:18px}
.faq p{margin:10px 0 0}

/* Генератор претензии */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
@media(max-width:640px){.grid2{grid-template-columns:minmax(0,1fr)}}
.grid2 .wide{grid-column:1/-1}
fieldset.field{border:2px solid var(--border-light);padding:18px 18px 20px}
fieldset.field legend{padding:0 8px}
.calc-form select,.calc-form textarea{width:100%;min-height:48px;padding:10px 12px;font:500 18px var(--font-body);color:var(--ink);background:var(--surface);border:2px solid var(--border);border-radius:0}
.calc-form textarea{resize:vertical}
.calc-form select:focus-visible,.calc-form textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.claim-text{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:2px solid var(--border);padding:22px 24px;font:16px/1.6 var(--font-body);max-width:860px;margin:0 0 16px;overflow-x:auto}

/* Ключевая ставка */
.kr-now{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-bottom:16px}
@media(max-width:640px){.kr-now{grid-template-columns:minmax(0,1fr)}}
.kr-big{background:var(--accent);color:var(--accent-ink);border:2px solid var(--border);padding:18px 28px;display:grid;gap:2px}
.kr-big b{font-family:var(--font-display);font-size:clamp(56px,9vw,96px);line-height:1}
.kr-big span{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.kr-chart{width:100%;height:auto;max-width:960px;border:2px solid var(--border);background:var(--surface);display:block}
.kr-grid{stroke:var(--border-light);stroke-width:1}
.kr-label{fill:var(--muted);font:12px var(--font-mono)}
.kr-line{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}
.kr-area{fill:var(--accent);opacity:.35}
.kr-table td:nth-child(n+2),.kr-table th:nth-child(n+2){text-align:right}

/* НМЦК */
.pos-card{margin:0 0 18px}
.np-list{display:grid;gap:10px;margin:10px 0 8px}
.np-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) auto;gap:10px;align-items:center}
@media(max-width:720px){.np-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.np-row .np-price{grid-column:1}.np-row .np-del{justify-self:end}}
.np-row input{min-width:0}
.v-ok{color:var(--status-ok-ink);font-weight:700}
.v-bad{color:var(--status-err-ink);font-weight:700}
.sub-h{font-family:var(--font-display);text-transform:uppercase;font-size:24px;margin:24px 0 10px}
#n-advice{display:grid;gap:12px;margin-bottom:12px}

/* Генератор АОСР */
.rep-row{margin-bottom:14px}
.rep-title{font-weight:700;margin-bottom:6px}
.paste-box{font-family:var(--font-mono);font-size:14px}
.acts-table{min-width:1500px}
.acts-table td{padding:4px;vertical-align:top;white-space:normal}
.acts-table textarea{width:100%;min-width:130px;min-height:60px;font:14px/1.35 var(--font-body);color:var(--ink);background:var(--surface);border:1px solid var(--border-light);padding:6px;border-radius:0;resize:vertical}
.acts-table td:last-child{white-space:nowrap}

.paybox{margin-top:18px;padding:18px 20px;border:2px solid var(--border,#111);max-width:70ch}
.paybox h3{margin:0 0 8px}
.paybox .field{margin:12px 0}
.paybox .btn{margin-right:8px;margin-top:4px}
.pay-msg{margin-top:12px}
.pay-msg.bad{color:#b3261e}
.paybox [hidden]{display:none}
.paybox input[type=email]{width:100%;min-height:48px;padding:10px 12px;font:500 18px var(--font-body);color:var(--ink);background:var(--surface);border:2px solid var(--border);border-radius:0}
.paybox input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.paybox .btn{max-width:calc(100% - 6px)}
.pay-free{margin:0 0 8px}

/* BlankBox, оформление v2 (29.10.2026). Подключается после site.css и extra.css, переопределяет «Плакат».
   Идея: чистый бланк. Холодная бумага, тонкие линии, чернильно-синее заполнение, заголовки с засечками как в печатной форме.
   Единственный яркий приём: значения «вписаны от руки» (шрифт Caveat) в образце на главной. Остальное тихое. */
:root {
  --bg: #F5F6FA;
  --surface: #FFFFFF;
  --surface-subtle: #EBEEF6;
  --ink: #14192B;
  --muted: #566079;
  --border: #BCC4D8;
  --border-light: #DDE2EE;
  --accent: #2347C5;
  --accent-ink: #FFFFFF;
  --accent-hover: #1A37A0;
  --blue-ink: #1F3FBF;
  --blue-bg: #E9EEFD;
  --stamp: #C4382F;
  --shadow: 0 1px 2px rgba(20, 25, 43, .06), 0 10px 28px -14px rgba(20, 25, 43, .28);
  --font-display: 'Bitter', Georgia, 'Times New Roman', serif;
  --font-body: 'Onest', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  --font-hand: 'Caveat', 'Segoe Script', cursive;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1220; --surface: #171B2E; --surface-subtle: #1F2440; --ink: #ECEFFA; --muted: #A0A9C4;
    --border: #3A4468; --border-light: #2B3252; --accent: #7C9BFF; --accent-ink: #0A0F2A; --accent-hover: #A0B6FF;
    --blue-ink: #A9BCFF; --blue-bg: #1B2450; --stamp: #FF7A70;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 30px -14px rgba(0, 0, 0, .7);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0F1220; --surface: #171B2E; --surface-subtle: #1F2440; --ink: #ECEFFA; --muted: #A0A9C4;
  --border: #3A4468; --border-light: #2B3252; --accent: #7C9BFF; --accent-ink: #0A0F2A; --accent-hover: #A0B6FF;
  --blue-ink: #A9BCFF; --blue-bg: #1B2450; --stamp: #FF7A70;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 30px -14px rgba(0, 0, 0, .7);
  color-scheme: dark;
}

/* Основа */
body { border-top: 0; font-size: 17px; line-height: 1.6; letter-spacing: 0; }
a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.container { max-width: 1120px; padding: 0; }
h1, h2, h3 { font-family: var(--font-display); text-transform: none; letter-spacing: -.012em; text-wrap: balance; color: var(--ink); }
h1 { font-size: clamp(30px, 4.2vw, 46px); line-height: 1.1; font-weight: 700; }
h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.18; font-weight: 700; }
h3 { font-weight: 600; }
p { max-width: 70ch; }

/* Шапка */
header.site-header { padding: 18px 0; border-bottom: 1px solid var(--border-light); }
.logo { font-family: var(--font-display); font-size: 25px; font-weight: 800; letter-spacing: -.02em; text-transform: none; gap: 10px; }
.logo::before { content: ""; width: 22px; height: 22px; border-radius: 4px; flex: none;
  background: linear-gradient(var(--accent-ink), var(--accent-ink)) 5px 14px / 12px 2px no-repeat, var(--accent); }
.logo-badge { display: none; }
nav.site-nav { gap: 2px; }
.nav-link { font-family: var(--font-body); font-weight: 500; font-size: 15.5px; text-transform: none; letter-spacing: 0; padding: 7px 12px; border: 0; border-radius: 6px; color: var(--muted); }
.nav-link:hover { color: var(--ink); background: var(--surface-subtle); border-color: transparent; }
.nav-link.active { color: var(--blue-ink); background: var(--blue-bg); border-color: transparent; }
.breadcrumbs { font-family: var(--font-body); font-size: 14px; font-weight: 400; text-transform: none; letter-spacing: 0; margin: 22px 0 6px; }

/* Первый экран */
.hero-section { padding: 36px 0 40px; border-bottom: 1px solid var(--border-light); }
.hero-tag { background: var(--blue-bg); color: var(--blue-ink); font-size: 12px; font-weight: 600; letter-spacing: .08em; padding: 4px 10px; border-radius: 4px; margin-bottom: 16px; }
.lead { font-size: 19px; line-height: 1.55; color: var(--muted); max-width: 62ch; }
.meta-line { font-family: var(--font-mono); font-size: 13px; }

/* Кнопки */
.btn { font-family: var(--font-body); font-weight: 600; font-size: 16px; text-transform: none; letter-spacing: 0; border: 1px solid transparent; border-radius: 6px; padding: 12px 22px; box-shadow: none; transition: background-color .15s, border-color .15s, color .15s; }
.btn-primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); box-shadow: none; }
.btn-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); box-shadow: none; transform: none; }
.btn-primary:active { transform: translateY(1px); box-shadow: none; }
.btn-secondary { background: transparent; color: var(--ink); border-color: var(--border); box-shadow: none; }
.btn-secondary:hover { background: var(--surface-subtle); box-shadow: none; transform: none; }
.btn-secondary:active { transform: translateY(1px); box-shadow: none; }

/* Секции */
section { padding-top: 48px; padding-bottom: 8px; }
.hero-section + section, section:first-of-type { padding-top: 44px; }
.section-eyebrow { font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--blue-ink); display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.section-eyebrow::before { content: ""; width: 20px; height: 1px; background: currentColor; }

/* Списки документов как реестр */
.doc-list { max-width: none; gap: 0; border-top: 1px solid var(--border-light); margin-bottom: 24px; }
.doc-list li { border: 0; border-bottom: 1px solid var(--border-light); background: transparent; padding: 16px 4px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4px 28px; align-items: baseline; transition: background-color .15s; }
.doc-list li:hover { background: var(--surface); }
.doc-list a { font-family: var(--font-display); font-size: 19px; font-weight: 600; text-transform: none; letter-spacing: -.005em; line-height: 1.3; text-decoration: none; color: var(--ink); }
.doc-list a::after { content: " \2192"; color: var(--accent); }
.doc-list a:hover { color: var(--accent); }
.doc-list span { font-size: 15.5px; color: var(--muted); }
.doc-list li.soon { background: transparent; border-style: solid; border-color: var(--border-light); opacity: .72; }
.doc-list li.soon b { font-family: var(--font-display); font-size: 19px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--muted); }
@media (max-width: 760px) { .doc-list li { grid-template-columns: minmax(0, 1fr); } }
.sub-h { font-family: var(--font-display); font-size: 20px; font-weight: 600; text-transform: none; letter-spacing: -.005em; }

/* Формы и калькуляторы */
.calc-form input[type=text], .calc-form input[type=date], .calc-form select, .calc-form textarea,
.paybox input[type=email] { border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--ink); font-family: var(--font-body); font-size: 17px; }
.calc-form input:focus-visible, .calc-form select:focus-visible, .calc-form textarea:focus-visible, .paybox input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }
.field label, .field legend, .contract-box label { font-family: var(--font-body); font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--ink); }
.radio input, .check input { accent-color: var(--accent); }
.link-btn { color: var(--accent); text-decoration-color: currentColor; text-decoration-thickness: 1px; }
fieldset.field { border: 1px solid var(--border-light); border-radius: 8px; background: var(--surface); }
.calc-error { border: 1px solid var(--status-err-border); border-radius: 6px; }
.hint { font-size: 14.5px; }

/* Результат */
.result { border-top: 1px solid var(--border-light); }
.result-sum div { border: 1px solid var(--border-light); border-radius: 8px; background: var(--surface); }
.result-sum span { font-family: var(--font-body); font-size: 13.5px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.result-sum b { font-family: var(--font-display); font-weight: 700; font-variant-numeric: tabular-nums; }
.result-sum div:last-child { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.result-sum div:last-child span { color: var(--accent-ink); opacity: .85; }
.table-wrap { border: 1px solid var(--border-light); border-radius: 8px; background: var(--surface); }
.result-table th { background: var(--surface-subtle); color: var(--ink); font: 600 13.5px var(--font-body); text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--border); }
.result-table th, .result-table td { border-bottom-color: var(--border-light); }
.result-note { color: var(--muted); }
.formula { border: 1px solid var(--border-light); border-radius: 6px; background: var(--surface-subtle); font-family: var(--font-mono); }
.claim-text { border: 1px solid var(--border-light); border-radius: 8px; }
.soon-note { border: 1px dashed var(--border); border-radius: 6px; }
.copy-ok { color: var(--status-ok-ink); }
.faq { border-top: 1px solid var(--border-light); }
.faq summary { font-size: 17px; font-weight: 600; }
.kr-big { background: var(--accent); color: var(--accent-ink); border: 0; border-radius: 10px; }
.kr-chart { border: 1px solid var(--border-light); border-radius: 8px; }
.kr-line { stroke: var(--accent); stroke-width: 2.5; }
.kr-area { fill: var(--accent); opacity: .14; }
.kr-big b { font-family: var(--font-display); }

/* Оплата */
.paybox { border: 1px solid var(--border-light); border-radius: 10px; background: var(--surface); box-shadow: none; }
.paybox h3 { font-family: var(--font-display); text-transform: none; letter-spacing: 0; }

/* Образцы на страницах документов */
.sheet-wrapper { border: 1px solid var(--border-light); border-radius: 4px; box-shadow: var(--shadow); }
.hero-action-box, .hero-preview, .warning-box, .kit-card, .step-card, .when-card, .definition-grid > *, .pos-card, .rep-row {
  border-width: 1px; border-color: var(--border-light); border-radius: 10px; box-shadow: none; }
.hero-action-box, .kit-card, .hero-preview { background: var(--surface); }
.kit-info h3, .step-card strong, .when-card-title, .hero-action-head, .preview-title-box h2, .big-price { text-transform: none; letter-spacing: -.005em; }
.big-price { font-family: var(--font-display); }
.status-badge { border-radius: 4px; font-family: var(--font-body); text-transform: none; letter-spacing: 0; font-weight: 600; }
table { border-color: var(--border-light); }
.table-container { border: 1px solid var(--border-light); border-radius: 8px; box-shadow: none; }
thead th { background: var(--surface-subtle); color: var(--ink); font: 600 13.5px var(--font-body); text-transform: none; letter-spacing: 0; border-right: 0; border-bottom: 1px solid var(--border); }
tbody td { border-right: 0; }
details { border-color: var(--border-light); }

/* Подвал */
footer.site-footer { border-top: 1px solid var(--border-light); margin-top: 64px; padding: 28px 0 40px; }
.footer-inner p { font-size: 14.5px; color: var(--muted); max-width: 78ch; }
.footer-inner a { color: var(--ink); }

/* Главная: первый экран с образцом */
.home-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 48px; align-items: center; padding: 48px 0 52px; border-bottom: 1px solid var(--border-light); }
@media (max-width: 900px) { .home-hero { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 32px 0 40px; } }
.home-hero h1 { font-size: clamp(32px, 4.8vw, 54px); line-height: 1.07; margin-bottom: 18px; }
.home-hero .btn-group { margin-top: 26px; }
.home-facts { list-style: none; display: grid; gap: 8px; margin-top: 28px; font-size: 15.5px; color: var(--muted); padding: 0; }
.home-facts li { display: flex; gap: 10px; align-items: baseline; }
.home-facts li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex: none; transform: translateY(-1px); }

.blank-demo { background: var(--surface); border: 1px solid var(--border-light); border-radius: 4px; box-shadow: var(--shadow); padding: 22px 26px 24px; position: relative; transform: rotate(-.6deg); max-width: 520px; margin-left: auto; width: 100%; }
@media (max-width: 900px) { .blank-demo { transform: none; margin: 0; max-width: none; } }
.bd-top { display: flex; justify-content: space-between; gap: 12px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding-bottom: 10px; border-bottom: 1px solid var(--border-light); }
.bd-title { font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -.01em; margin: 16px 0 8px; line-height: 1.2; }
.bd-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 16px; margin-bottom: 14px; }
@media (max-width: 480px) { .bd-fields { grid-template-columns: minmax(0, 1fr); } }
.bd-field { display: grid; gap: 0; }
.bd-label { font-size: 12.5px; color: var(--muted); }
.bd-fill { font-family: var(--font-hand); font-weight: 600; font-size: 25px; line-height: 1.15; color: var(--blue-ink); border-bottom: 1.5px solid var(--border); padding: 0 2px 1px; white-space: nowrap; }
.blank-demo .bd-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; font-size: 13.5px; font-variant-numeric: tabular-nums; margin: 4px 0 0; }
.blank-demo .bd-table th { text-align: left; background: transparent; font: 500 12.5px var(--font-body); color: var(--muted); padding: 6px 4px; border: 0; border-bottom: 1px solid var(--border); }
.blank-demo .bd-table td { padding: 6px 4px; border: 0; border-bottom: 1px solid var(--border-light); color: var(--ink); }
.blank-demo .bd-table th:nth-child(n+2), .blank-demo .bd-table td:nth-child(n+2) { text-align: right; }
.blank-demo .bd-table tr:last-child td { border-bottom: 0; }
.bd-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 10px; padding-top: 12px; border-top: 1.5px solid var(--ink); }
.bd-total span { font-weight: 600; }
.bd-total b { font-family: var(--font-hand); font-weight: 700; font-size: 34px; line-height: 1; color: var(--blue-ink); }
.bd-stamp { position: absolute; right: 22px; bottom: 20px; transform: rotate(-8deg); border: 2px solid var(--stamp); color: var(--stamp); font-family: var(--font-mono); font-weight: 600; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; padding: 4px 9px; border-radius: 3px; opacity: .82; pointer-events: none; }
.bd-note { margin-top: 14px; font-size: 13px; color: var(--muted); max-width: none; padding-right: 96px; min-height: 36px; }

.facts3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; margin-top: 6px; }
@media (max-width: 800px) { .facts3 { grid-template-columns: minmax(0, 1fr); gap: 22px; } }
.facts3 h3 { font-size: 19px; margin-bottom: 6px; }
.facts3 p { color: var(--muted); font-size: 16px; }
.soon-line { color: var(--muted); font-size: 15.5px; max-width: 80ch; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Правки после проверки */
.field { align-content: start; }
.preview-header { background: var(--surface-subtle); color: var(--muted); border-bottom: 1px solid var(--border-light); font-family: var(--font-body); font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 13px; }
.preview-header .tag { border-radius: 4px; font-family: var(--font-mono); font-size: 11.5px; }
.kit-features .check { background: var(--accent); color: var(--accent-ink); border-radius: 4px; }
.blank-demo .bd-table td, .blank-demo .bd-table th { white-space: nowrap; }
@media (max-width: 480px) {
  .blank-demo { padding: 18px 16px 20px; }
  .blank-demo .bd-table { font-size: 12.5px; }
  .blank-demo .bd-table td, .blank-demo .bd-table th { padding: 6px 2px; }
  .bd-total b { font-size: 30px; }
}