/* ===== Лендинг «Договоры онлайн»: постраничные стили ===== */

/* Мокап подписания на телефоне в hero */
.sign-wrap{display:flex;justify-content:center;gap:22px;align-items:center}
.sign-phone{width:min(270px,80%);background:var(--c-ink);border-radius:34px;padding:10px;box-shadow:var(--shadow-lift)}
.sign-in{background:#fff;border-radius:26px;overflow:hidden;font-size:12px}
.sign-head{padding:14px 16px 10px;border-bottom:1px solid var(--c-line)}
.sign-head b{font-family:var(--f-head);font-size:12.5px;font-weight:600;display:block}
.sign-head small{color:var(--c-muted);font-size:10.5px}
.sign-doc{padding:12px 16px;display:flex;flex-direction:column;gap:6px}
.sign-doc i{display:block;height:7px;border-radius:4px;background:var(--c-surface-2);font-style:normal}
.sign-doc i:nth-child(2){width:86%}
.sign-doc i:nth-child(3){width:92%}
.sign-doc i:nth-child(4){width:70%}
.sign-var{display:inline-flex;width:fit-content;background:var(--c-sky);color:var(--c-accent);border-radius:6px;padding:3px 9px;font-weight:800;font-size:10.5px;margin:2px 0}
.sign-code{margin:6px 14px 0;border:1.5px dashed var(--c-line-strong);border-radius:14px;padding:12px;text-align:center}
.sign-code small{display:block;color:var(--c-muted);font-size:10.5px;margin-bottom:8px}
.sign-cells{display:flex;justify-content:center;gap:6px}
.sign-cells i{width:26px;height:32px;border-radius:8px;background:var(--c-surface-2);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px}
.sign-btn{display:block;margin:12px 14px 14px;background:var(--c-accent);color:#fff;border-radius:999px;padding:10px;text-align:center;font-weight:800;font-size:12px}
.sign-done{align-self:center;background:var(--c-mint);color:#1e7a43;border-radius:999px;padding:6px 16px;font-weight:800;font-size:11.5px;margin-top:14px}

/* Тёмная панель «юридическая сила» */
.keep-visual--law{background:radial-gradient(560px circle at 18% 12%, rgba(13,148,136,.3), transparent 55%),radial-gradient(480px circle at 88% 90%, rgba(10,102,255,.24), transparent 55%),linear-gradient(150deg,#16222b,#0c1116);display:grid;place-items:center}
.law-card{background:rgba(255,255,255,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-3);padding:24px 26px;color:#fff;max-width:82%}
.law-card b{font-family:var(--f-head);font-weight:600;font-size:16px;display:block;margin-bottom:14px}
.law-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.85)}
.law-row::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.92);color:#16222b;display:grid;place-items:center;font-size:11px;font-weight:800}

/* Мокап шаблона с чипами-переменными */
.tpl{font-size:12.5px;line-height:1.6;color:var(--c-ink-2)}
.tpl .chipvar{display:inline-block;background:var(--c-sky);color:var(--c-accent);border-radius:6px;padding:1px 8px;font-weight:800;font-size:11px;white-space:nowrap}