/* ДАРА Защита — дополнения к общему css/style.css: демо-форма на главной и таблица сравнения. */
.pz-form { display: flex; flex-direction: column; gap: 12px; }
.pz-field { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--faint); }
.pz-field input, .pz-field textarea { padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: 10px; font: 400 15px/1.45 var(--text); color: var(--ink);
  letter-spacing: 0; text-transform: none; background: #fff; resize: vertical; }
.pz-field input:focus, .pz-field textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.pz-form .btn { align-self: flex-start; }
.pz-result { margin-top: 14px; padding: 12px 14px; border-radius: 10px; font-size: 14px; line-height: 1.5; }
.pz-result--ok { background: #e6f4ec; color: #1f7a4d; }
.pz-result--warn { background: #fff7e6; color: #8a5a00; }
.pz-result--bad { background: #fef0ee; color: #b42318; }
.pz-hint { margin-top: 14px; font-size: 13px; line-height: 1.5; color: var(--muted); }
.pz-link { padding: 0; border: 0; background: none; color: var(--accent-dk); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.pz-compare { margin-top: 28px; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.pz-compare table { width: 100%; border-collapse: collapse; font-size: 15px; }
.pz-compare th, .pz-compare td { padding: 12px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.pz-compare thead th { border-top: 0; background: var(--paper); font-size: 13px; color: var(--ink-soft); }
.pz-compare td:first-child { color: var(--muted); font-weight: 600; }
.pz-compare td:last-child { color: var(--ink); }