/* ============================================================
   Единая форма заявки — «Услуги» и «Контакты».
   Поля, кнопка и согласие — из site.css и audit-lp.css,
   здесь только выбор «Кто вы в компании».
   ============================================================ */

.lf-role{border:none;margin:0 0 16px;padding:0;min-width:0}
.lf-role legend{font-size:13.5px;font-weight:600;margin-bottom:8px;padding:0}
.lf-chips{display:flex;flex-wrap:wrap;gap:8px}
.lf-chips label{position:relative;cursor:pointer}
.lf-chips input{position:absolute;opacity:0;width:1px;height:1px}
.lf-chips span{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border:1.5px solid var(--line);border-radius:100px;background:#fff;font-size:14.5px;line-height:1.25;color:var(--ink);transition:border-color .15s,background .15s,color .15s}
.lf-chips label:hover span{border-color:var(--ink)}
.lf-chips input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff}
.lf-chips input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
.lf-other{display:block;width:100%;margin-top:10px;padding:11px 12px;font:inherit;font-size:15.5px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink)}
.lf-other[hidden]{display:none}
.lf-other:focus{outline:2px solid var(--red);outline-offset:1px}

.field textarea{resize:vertical;min-height:76px}
.field .opt{font-weight:400;color:var(--muted)}
.lf-time{margin-top:8px;font-size:13.5px;color:var(--muted);text-align:center}