/* Страница заявки (landing/register.html). Стили сняты с макета «Заявка финал 2d»
   (p_apply, <style data-dc-tpl>) и перенесены без изменения значений.
   Что отличается от макета:
   - инлайн-стили макета (логотип, разделитель, блок «Откуда узнали», согласие,
     стрелка карточки чата) вынесены в правила по data-атрибутам;
   - шапка и подвал — общие с лендингом (landing/_partials/*.html, стили в
     landing-rv.css и shell.css), здесь их правил нет;
   - служебная панель состояний макета не перенесена — состояния переключает
     apply.js, скрытые лежат в разметке с hidden;
   - фото полосы заголовка — по абсолютному пути /landing-assets/…, потому что
     файл стилей живёт в rv/, а не рядом с assets/;
   - варианты фото (data-photo=…) не перенесены: на странице один кадр.
   Токены — из ds/tokens, tokens-layout.css, tokens-status.css, tokens-dark.css. */

*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans),system-ui;-webkit-font-smoothing:antialiased;background:var(--white)}
html[data-theme="dark"] body{background:var(--ink)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body{background:var(--ink)}}
a{color:inherit;text-decoration:none}
a:hover{opacity:.72}

/* Продолжение лендинга: те же полосы встык, те же токены */
[data-ap="d"]{
  container-type:inline-size;
  --page:var(--white);--s-m:var(--surface-app);--s-band:var(--green-forest);--s-band-fg:var(--white);--s-card:var(--white);--t1:var(--ink);
  --acc:var(--green-forest);--acc-fill:var(--green-forest);--acc-on-dark:var(--green-300);--acc-quiet:color-mix(in srgb, var(--green-forest) 10%, transparent);
  --btn-bg:var(--ink);--btn-fg:var(--white);--hdr-line:color-mix(in srgb, var(--ink) 12%, transparent);--hdr:color-mix(in srgb, var(--surface-app) 94%, transparent);
  --c07:color-mix(in srgb, var(--ink) 7%, transparent);--c14:color-mix(in srgb, var(--ink) 14%, transparent);--c22:color-mix(in srgb, var(--ink) 22%, transparent);--c45:color-mix(in srgb, var(--ink) 62%, transparent);--c62:color-mix(in srgb, var(--ink) 62%, transparent);--c7:color-mix(in srgb, var(--ink) 70%, transparent);
  --fld-bg:var(--white);--fld-line:var(--c22);--tile:var(--surface-app);
  --err:var(--status-error);--err-text:var(--status-error-text);--err-bg:var(--status-error-bg);--ok:var(--green-700);--ok-bg:var(--status-success-bg);--info:var(--sky-700);--info-bg:color-mix(in srgb, var(--sky-500) 10%, transparent);
  color:var(--t1);background:var(--page)
}
html[data-theme="dark"] [data-ap="d"]{
  --d-surface-page:var(--ink,#13181D);--d-surface-card:var(--ink-800,#1D2228);--d-surface-raised:var(--slate-800,#262D33);--d-surface-elevated:var(--slate-700,#3A4149);--d-border:rgba(255,255,255,.16);--d-divider:rgba(255,255,255,.1);
  --page:var(--d-surface-page);--s-m:var(--d-surface-page);--s-band:var(--d-band-brand);--s-band-fg:var(--d-text-primary);--s-card:var(--d-surface-card);--t1:var(--d-text-primary);
  --acc:var(--d-accent);--acc-fill:var(--green-700);--acc-on-dark:var(--d-accent);--acc-quiet:var(--d-accent-quiet);
  --btn-bg:var(--white);--btn-fg:var(--d-surface-page);--hdr-line:var(--d-divider);--hdr:var(--d-surface-raised);
  --c07:rgba(255,255,255,.1);--c14:rgba(255,255,255,.18);--c22:rgba(255,255,255,.3);--c45:rgba(234,240,242,.7);--c62:rgba(234,240,242,.7);--c7:rgba(234,240,242,.78);
  --fld-bg:var(--d-surface-raised);--fld-line:var(--d-border);--tile:var(--d-surface-raised);
  --err:var(--d-status-error);--err-text:var(--d-status-error);--err-bg:var(--d-status-error-bg);--ok:var(--d-accent);--ok-bg:var(--d-accent-quiet);--info:var(--sky-300);--info-bg:rgba(125,211,252,.12)
}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) [data-ap="d"]{
    --d-surface-page:var(--ink,#13181D);--d-surface-card:var(--ink-800,#1D2228);--d-surface-raised:var(--slate-800,#262D33);--d-surface-elevated:var(--slate-700,#3A4149);--d-border:rgba(255,255,255,.16);--d-divider:rgba(255,255,255,.1);
    --page:var(--d-surface-page);--s-m:var(--d-surface-page);--s-band:var(--d-band-brand);--s-band-fg:var(--d-text-primary);--s-card:var(--d-surface-card);--t1:var(--d-text-primary);
    --acc:var(--d-accent);--acc-fill:var(--green-700);--acc-on-dark:var(--d-accent);--acc-quiet:var(--d-accent-quiet);
    --btn-bg:var(--white);--btn-fg:var(--d-surface-page);--hdr-line:var(--d-divider);--hdr:var(--d-surface-raised);
    --c07:rgba(255,255,255,.1);--c14:rgba(255,255,255,.18);--c22:rgba(255,255,255,.3);--c45:rgba(234,240,242,.7);--c62:rgba(234,240,242,.7);--c7:rgba(234,240,242,.78);
    --fld-bg:var(--d-surface-raised);--fld-line:var(--d-border);--tile:var(--d-surface-raised);
    --err:var(--d-status-error);--err-text:var(--d-status-error);--err-bg:var(--d-status-error-bg);--ok:var(--d-accent);--ok-bg:var(--d-accent-quiet);--info:var(--sky-300);--info-bg:rgba(125,211,252,.12)
  }
  html:not([data-theme="light"]) [data-ap="d"] [data-lgl]{display:none!important}
  html:not([data-theme="light"]) [data-ap="d"] [data-lgd]{display:block!important}
}
[data-ap="d"] [data-lgd]{display:none}
html[data-theme="dark"] [data-ap="d"] [data-lgl]{display:none!important}
html[data-theme="dark"] [data-ap="d"] [data-lgd]{display:block!important}
[data-ap="d"] h1,[data-ap="d"] h2,[data-ap="d"] p{text-wrap:pretty;hyphens:manual}
[data-ap="d"] :focus-visible{outline:2px solid var(--acc);outline-offset:2px}

[data-ap="d"] [data-lgl]{display:block}

/* полоса заголовка */
[data-ap="d"] [data-band]{background:var(--s-band);color:var(--s-band-fg);padding:clamp(48px,7cqw,96px) 0 clamp(40px,6cqw,80px)}
[data-ap="d"] [data-bandin]{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:28px;padding-inline:var(--page-pad);box-sizing:border-box}
@container (min-width:900px){[data-ap="d"] [data-bandin]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end}}
/* Надзаголовок на фото — светло-серый, как на страницах входа и базы знаний:
   зелёный на снимке выбивался из общего ряда. */
[data-ap="d"] [data-eyebrow]{display:block;margin-bottom:16px;font-size:var(--fs-cap);font-weight:var(--fw-title);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
[data-ap="d"] [data-claim]{margin:0;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-title);max-width:14ch}
[data-ap="d"] [data-lede]{margin:0;max-width:44ch;font-size:var(--fs-body);line-height:1.55;opacity:.86}
[data-ap="d"] [data-steps3]{display:grid;grid-template-columns:1fr;gap:0;margin-top:24px}
[data-ap="d"] [data-steps3] div{display:grid;grid-template-columns:2.4em 1fr;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.18);font-size:var(--fs-small);line-height:1.45}
[data-ap="d"] [data-steps3] b{display:flex;align-items:center;align-self:start;height:calc(var(--fs-small)*1.45);line-height:1;font-weight:var(--fw-title);font-size:var(--fs-caption);letter-spacing:.06em;color:inherit;opacity:.72}

/* полоса формы */
[data-ap="d"] [data-formband]{background:var(--page);padding:clamp(40px,6cqw,88px) var(--page-pad)}
[data-ap="d"] [data-formin]{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;padding-inline:var(--page-pad);box-sizing:border-box}
@container (min-width:900px){[data-ap="d"] [data-formin]{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px;align-items:start}}
[data-ap="d"] [data-aside] h2{margin:0;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-title)}
[data-ap="d"] [data-aside] p{margin:12px 0 0;font-size:var(--fs-body);line-height:1.55;color:var(--c66,var(--c62))}
/* Левая колонка при заполнении: что подготовить, сроки, что заявка не обязывает, контакт. */
[data-ap="d"] [data-prep]{margin-top:clamp(26px,3cqw,40px);display:flex;flex-direction:column;gap:22px}
@container (min-width:900px){[data-ap="d"] [data-aside]{position:sticky;top:96px}}
[data-ap="d"] [data-prepblock]{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid var(--c14)}
[data-ap="d"] [data-prepcap]{font-size:var(--fs-cap);font-weight:var(--fw-title);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
[data-ap="d"] [data-prep] ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
[data-ap="d"] [data-prep] li{position:relative;padding-left:16px;font-size:var(--fs-body);line-height:1.45;color:var(--t1)}
[data-ap="d"] [data-prep] li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--acc)}
[data-ap="d"] [data-prepnote]{font-size:var(--fs-caption);line-height:1.5;color:var(--c62)}
[data-ap="d"] [data-prepfact]{margin:0!important;font-size:var(--fs-body)!important;line-height:1.55;color:var(--c7,var(--c62))!important;max-width:40ch}
[data-ap="d"] [data-prepwa]{align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 18px;border-radius:999px;border:1px solid var(--c22);font-size:var(--fs-small);font-weight:var(--fw-strong);color:var(--t1)}
[data-ap="d"] [data-prepwa] span{display:flex;color:#25D366}
/* Кнопка «Спросите в чат-боте» — тот же чип, что и WhatsApp; показывается,
   только когда виджет ассистента поднялся (rv/apply.js) */
[data-ap="d"] [data-prepchat]{align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 18px;border-radius:999px;border:1px solid var(--c22);background:transparent;color:var(--t1);font:var(--fw-strong) var(--fs-small)/1.3 var(--font-sans),system-ui;cursor:pointer}
[data-ap="d"] [data-prepchat] span{display:flex;color:var(--acc)}
[data-ap="d"] [data-prepchat]:hover{background:var(--c07)}
[data-ap="d"] form,[data-ap="d"] [data-panel]{display:flex;flex-direction:column;gap:24px;max-width:720px}
[data-ap="d"] [data-fields]{display:grid;grid-template-columns:1fr;gap:12px}
@container (min-width:640px){[data-ap="d"] [data-fields]{grid-template-columns:1fr 1fr}}
[data-ap="d"] [data-f]{position:relative;display:flex;flex-direction:column;gap:6px}
[data-ap="d"] [data-f] input{width:100%;height:56px;border-radius:14px;background:var(--fld-bg);border:1px solid var(--fld-line);padding:22px 16px 8px;font:400 16px/1.3 var(--font-sans),system-ui;color:var(--t1);outline:none;appearance:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}
[data-ap="d"] [data-f] label{position:absolute;left:17px;top:18px;font-size:var(--fs-small);color:var(--c62);pointer-events:none;transition:transform var(--dur-fast) var(--ease-standard),font-size var(--dur-fast) var(--ease-standard)}
[data-ap="d"] [data-f] input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-quiet)}
[data-ap="d"] [data-f] input:focus + label,[data-ap="d"] [data-f] input:not(:placeholder-shown) + label{transform:translateY(-11px);font-size:var(--fs-cap);letter-spacing:.04em;text-transform:uppercase}
[data-ap="d"] [data-f] input[aria-invalid="true"]{border-color:var(--err);background:var(--err-bg)}
[data-ap="d"] [data-ferr]{font-size:var(--fs-caption);line-height:1.4;color:var(--err-text);padding-left:2px}
[data-ap="d"] [data-ferr]:empty{display:none}
[data-ap="d"] [data-srcblock]{display:flex;flex-direction:column;gap:12px}
[data-ap="d"] [data-srclabel]{font-size:var(--fs-cap);font-weight:var(--fw-title);letter-spacing:.1em;text-transform:uppercase;color:var(--c45)}
[data-ap="d"] [data-chips]{display:flex;flex-wrap:wrap;gap:8px}
[data-ap="d"] [data-chips] button{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--c22);background:transparent;color:var(--c7);font:500 14px var(--font-sans),system-ui;cursor:pointer;white-space:nowrap}
[data-ap="d"] [data-chips] button[aria-pressed="true"]{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}
[data-ap="d"] [data-consent]{display:flex;flex-direction:column;gap:6px}
[data-ap="d"] [data-check]{display:flex;gap:14px;align-items:flex-start;min-height:44px;padding:8px 0;font-size:var(--fs-caption);line-height:1.5;color:var(--c7);cursor:pointer}
[data-ap="d"] [data-check] input{width:24px;height:24px;min-width:24px;margin:calc((1.5em - 24px) / 2) 0 0;accent-color:var(--acc)}
[data-ap="d"] [data-check][data-bad] span{color:var(--err-text)}
[data-ap="d"] [data-check] a{text-decoration:underline;text-underline-offset:3px;color:var(--acc);font-weight:var(--fw-strong)}
[data-ap="d"] [data-legal]{margin:0;font-size:var(--fs-caption);line-height:1.5;color:var(--c62)}
[data-ap="d"] [data-msg]{padding:14px 16px;border-radius:14px;font-size:var(--fs-caption);line-height:1.5}
[data-ap="d"] [data-msg="err"]{background:var(--err-bg);color:var(--err-text)}
[data-ap="d"] [data-msg="ok"]{background:var(--ok-bg);color:var(--ok)}
[data-ap="d"] [data-msg="info"]{background:var(--info-bg);color:var(--info)}
[data-ap="d"] [data-cta]{height:56px;padding:0 28px;border-radius:999px;border:none;background:var(--btn-bg);color:var(--btn-fg);font:600 16px var(--font-sans),system-ui;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}
[data-ap="d"] [data-cta]:active{transform:scale(var(--press-scale,.97))}
[data-ap="d"] [data-cta][disabled]{opacity:.45;cursor:default}
[data-ap="d"] [data-ghost]{height:56px;padding:0 28px;border-radius:999px;border:1px solid var(--c22);background:transparent;color:var(--t1);font:600 16px var(--font-sans),system-ui;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start}
@container (max-width:640px){[data-ap="d"] [data-cta],[data-ap="d"] [data-ghost]{width:100%}}
/* экран «принята»: номер — главный элемент после заголовка */
[data-ap="d"] [data-idbox]{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:24px 28px;border-radius:24px;background:var(--tile)}
[data-ap="d"] [data-idlabel]{font-size:var(--fs-cap);font-weight:var(--fw-title);letter-spacing:.14em;text-transform:uppercase;color:var(--c62);display:block;margin-bottom:6px}
[data-ap="d"] [data-id]{font-family:'CoFo Sans Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-title);color:var(--t1)}
[data-ap="d"] [data-copy]{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--c22);background:transparent;color:var(--t1);font:600 14px var(--font-sans),system-ui;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-left:auto}
[data-ap="d"] [data-idhint]{flex-basis:100%;margin:0;font-size:var(--fs-caption);line-height:1.5;color:var(--c62)}
[data-ap="d"] [data-actions]{display:flex;flex-wrap:wrap;gap:12px}
[data-ap="d"] [data-tile]{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:14px 20px;border-radius:18px;background:var(--tile);color:var(--t1);border:none;cursor:pointer;font:inherit;text-align:left;width:100%}
[data-ap="d"] [data-tile] b{font-size:var(--fs-small);font-weight:var(--fw-strong);display:block}
[data-ap="d"] [data-tile] small{font-size:var(--fs-caption);color:var(--c62)}
[data-ap="d"] [data-tile] svg{color:var(--acc);flex:0 0 auto}
@media (prefers-reduced-motion:reduce){[data-ap="d"] *{transition:none!important}}

/* 2d — приём лендинга: фото во всю ширину под тонкой рамкой, форма встык под кадром. */
[data-ap="d"] [data-band]{position:relative;overflow:hidden;background-color:var(--ink);background-image:linear-gradient(90deg,rgba(11,16,21,.74),rgba(11,16,21,.52) 72%),url(/landing-assets/assets/img/life-03-cafe.webp);background-size:cover,cover;background-position:center,50% 45%;padding:clamp(52px,8cqw,116px) 0 clamp(56px,7cqw,96px);color:var(--white)}
html[data-theme="dark"] [data-ap="d"] [data-band]{background-image:linear-gradient(90deg,rgba(15,20,24,.86),rgba(15,20,24,.72) 72%),url(/landing-assets/assets/img/life-03-cafe.webp)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) [data-ap="d"] [data-band]{background-image:linear-gradient(90deg,rgba(15,20,24,.86),rgba(15,20,24,.72) 72%),url(/landing-assets/assets/img/life-03-cafe.webp)}}
[data-ap="d"] [data-band]::after{content:"";position:absolute;inset:clamp(16px,3cqw,40px);border:1px solid rgba(255,255,255,.5);border-radius:32px;pointer-events:none}
html[data-theme="dark"] [data-ap="d"] [data-band]::after{border-color:rgba(255,255,255,.22)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) [data-ap="d"] [data-band]::after{border-color:rgba(255,255,255,.22)}}
[data-ap="d"] [data-band] [data-claim],[data-ap="d"] [data-band] [data-lede]{color:var(--white)}
/* форма — цельный блок во всю ширину, встык под кадром */
[data-ap="d"] [data-formband]{background:var(--s-card);padding:clamp(32px,4.4cqw,64px) var(--page-pad) clamp(48px,7cqw,88px)}
[data-ap="d"] [data-formin]{position:relative;margin:0 auto;background:transparent;border-radius:0;padding:0;box-shadow:none}
/* комментарий: та же отделка, что у полей, на всю ширину сетки */
[data-ap="d"] [data-wide]{grid-column:1/-1}
[data-ap="d"] [data-f] textarea{width:100%;min-height:132px;resize:vertical;border-radius:14px;background:var(--fld-bg);border:1px solid var(--fld-line);padding:26px 16px 12px;font:400 16px/1.45 var(--font-sans),system-ui;color:var(--t1);outline:none;appearance:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}
[data-ap="d"] [data-f] textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-quiet)}
[data-ap="d"] [data-f] textarea + label{top:20px}
[data-ap="d"] [data-f] textarea:focus + label,[data-ap="d"] [data-f] textarea:not(:placeholder-shown) + label{transform:translateY(-13px);font-size:var(--fs-cap);letter-spacing:.04em;text-transform:uppercase}
[data-ap="d"] [data-hint]{font-size:var(--fs-caption);line-height:1.4;color:var(--c62);padding-left:2px}
/* «необязательно» — приписка к метке, не отдельная строка */
[data-ap="d"] [data-opt]{font-size:var(--fs-cap);letter-spacing:0;text-transform:none;color:var(--c45);font-weight:var(--fw-body)}
[data-ap="d"] [data-f] input[aria-invalid="true"] ~ [data-hint]{display:none}
[data-ap="d"] [data-idbox]{background:var(--s-m)}
[data-ap="d"] [data-tile]{background:var(--s-m)}
@container (max-width:640px){[data-ap="d"] [data-band]{padding-bottom:clamp(56px,10cqw,88px)}}
/* Узкий экран: рамка полосы в 16 px от края, текст по общему полю тоже в 16 px —
   ложится на линию. Поле считаем от рамки. */
@container (max-width:767px){[data-ap="d"] [data-band]{padding-inline:0}[data-ap="d"] [data-band]::after{display:none}}
/* Мобильная версия: подсказки слева (реквизиты, сроки, без обязательств, вопрос) не показываем, форма идёт сразу за заголовком */
@container (max-width:767px){[data-ap="d"] [data-aside-state="form"] [data-prep]{display:none}}
@container (min-width:768px) and (max-width:899px){[data-ap="d"] [data-band]{padding-inline:clamp(16px,3cqw,40px)}} /* внутри контейнер добавит своё поле */
/* Единая шапка приносит на страницу заявки кнопку «Оставить заявку» — ссылку
   на саму себя. Здесь она лишняя: человек уже на форме. */
[data-ap="d"] header a[href="/register"], [data-ap="d"] #rv-mobile-menu a[href="/register"]{display:none}

/* Шлифовка 05.09: на 1024–1280 текст полосы подходил к рамке на 1–14 px;
   поле не меньше рамки плюс 14 px: на 1280 это ровно линия логотипа */
@container (min-width:900px){[data-ap="d"] [data-band]{padding-inline:max(var(--page-pad), calc(clamp(16px,3cqw,40px) + 14px))}}
/* Узкие экраны (до 767 px): по правилу мобильной сетки весь контент стоит на
   одном поле 16 px, как логотип в шапке. Декоративная рамка полосы на таком
   экране съедала 32 px ширины и сдвигала текст с линии, поэтому до 767 px
   рамка не показывается, а поле у полосы общее. */

/* Телефон (10.09): iOS Safari увеличивает страницу при фокусе в поле, если шрифт
   поля меньше 16 px, и после закрытия клавиатуры вёрстка остаётся раздвинутой.
   В макете поля и комментарий были 15 px — подняты до 16 px в правилах выше
   (на всех ширинах: iPad в настольном режиме зумит так же). Запрещать
   масштабирование через meta viewport нельзя — ломает доступность. */

/* Автозаполнение Safari/Chrome красит поле жёлтым и своим цветом текста; плавающая
   метка при подстановке в Chrome не всегда всплывает (placeholder-shown не
   обновляется). Заливку перекрываем внутренней тенью в цвет поля, метку
   поднимаем по :-webkit-autofill так же, как по :focus. */
[data-ap="d"] [data-f] input:-webkit-autofill,[data-ap="d"] [data-f] input:-webkit-autofill:hover,[data-ap="d"] [data-f] textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--fld-bg) inset;-webkit-text-fill-color:var(--t1);caret-color:var(--t1);transition:background-color 9999s ease-out}
[data-ap="d"] [data-f] input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 3px var(--acc-quiet),0 0 0 1000px var(--fld-bg) inset}
[data-ap="d"] [data-f] input:-webkit-autofill + label{transform:translateY(-11px);font-size:var(--fs-cap);letter-spacing:.04em;text-transform:uppercase}

/* Телефон: пузырь чата стоит фиксированно в правом нижнем углу (32 px от краёв,
   ~104×60) и при открытой клавиатуре ложится на правую часть кнопки «Отправить
   заявку», когда она у нижнего края экрана. Пока курсор в поле формы, пузырь
   не показываем; после ухода из поля возвращается сам. */
@media (max-width:767px){
  body:has([data-ap="d"] form :is(input,textarea):focus) elevenlabs-convai{visibility:hidden}
}

/* FP-LEAD-DOCS-001: отметка «загрузить документы сразу» и вторая часть экрана
   «Заявка принята». Раньше отметка стояла под согласием таким же чекбоксом —
   две одинаковые галочки подряд читались как пара равных согласий, хотя одна
   обязательная и юридическая, а вторая необязательная и меняет только сценарий
   после отправки (замечание владельца 13.09). Поэтому отметка поднята выше
   согласия, а различает их типографика: у отметки жирный заголовок и строка
   пояснения, у согласия — одна тихая строка вплотную к кнопке. Рамку-карточку
   вокруг отметки пробовали и убрали: она выбивалась из формы (13.09).
   Подсказка раскрывается кнопкой (наведения на телефоне нет), список
   документов длинный. */
[data-ap="d"] [data-docsready]{display:flex;flex-direction:column;gap:2px;margin-top:2px}
[data-ap="d"] [data-docsopt]{display:flex;flex-direction:column;gap:3px}
/* Чекбокс документов оформлен так же, как согласие ниже: подпись размера
   caption, без жирного. Раньше это был жирный заголовок размера body, и
   необязательная опция спорила с кнопкой «Отправить заявку» (владелец 14.09). */
[data-ap="d"] [data-docsopt] b{font-weight:500;font-size:var(--fs-caption);line-height:1.5;color:var(--t1)}
[data-ap="d"] [data-docshint]{font-size:var(--fs-caption);color:var(--c62)}
[data-ap="d"] [data-docstip-btn]{align-self:flex-start;margin-left:38px;padding:4px 0;border:none;background:none;font:inherit;font-size:var(--fs-caption);color:var(--c62);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
[data-ap="d"] [data-docstip-btn]:hover{color:var(--t1)}
[data-ap="d"] [data-docstip]{margin:6px 0 2px 38px;padding:14px 16px;border-radius:14px;background:var(--s-card);font-size:var(--fs-caption);line-height:1.55;color:var(--c7)}
[data-ap="d"] [data-docstip] p{margin:0}
[data-ap="d"] [data-docstip] p + p{margin-top:8px}
[data-ap="d"] [data-docstip] b{color:var(--t1);font-weight:var(--fw-strong)}

[data-ap="d"] [data-docsstart]{margin-top:18px;padding-top:18px;border-top:1px solid var(--c14);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
[data-ap="d"] [data-docsstart] h3{margin:0;font-size:var(--fs-h5);line-height:var(--lh-h5);letter-spacing:var(--ls-h5);font-weight:var(--fw-title);color:var(--t1)}
[data-ap="d"] [data-docsstart] p{margin:-4px 0 0;font-size:var(--fs-caption);line-height:1.55;color:var(--c7)}
[data-ap="d"] [data-docsstart] [data-cta][data-busy]{opacity:.6;pointer-events:none}
[data-ap="d"] [data-docserr]{display:block;font-size:var(--fs-caption);line-height:1.5;color:var(--err-text)}

/* Пока открыта загрузка документов, это единственное действие экрана.
   Кнопки переписки и «ещё одна заявка» остаются на месте, но становятся
   контурными: иначе на экране четыре кнопки одного веса и непонятно, какая
   из них следующий шаг. */
[data-ap="d"] [data-screen="sent"][data-hasdocs] [data-actions] [data-cta]{background:transparent;color:var(--t1);border:1px solid var(--c22);font-weight:500}
[data-ap="d"] [data-screen="sent"][data-hasdocs] [data-tile]{min-height:56px;background:transparent;border:1px solid var(--c14)}
/* Отбивка между шагом с документами и способами связи: без неё выбор формы,
   кнопка загрузки и WhatsApp читаются одним списком кнопок. */
[data-ap="d"] [data-screen="sent"][data-hasdocs] [data-actions]{margin-top:10px}

/* На телефоне подсказка раскрывается на всю ширину, а кнопка «Что понадобится»
   остаётся ровно под текстом отметки: 24px чекбокс + 14px зазор = 38px
   (владелец 14.09: кнопка уезжала к краю и стояла не под текстом). */
@media (max-width:479px){
  [data-ap="d"] [data-docstip]{margin-left:0}
}

/* «Отправить ещё одну заявку» при открытой загрузке документов — редкий
   случай, и четвёртой кнопкой в колонке он спорил с основным действием.
   Оставляем текстовой ссылкой. */
[data-ap="d"] [data-screen="sent"][data-hasdocs] #successBack{height:auto;padding:0;border:none;background:none;color:var(--c62);font:400 var(--fs-caption)/1.5 var(--font-sans),system-ui;text-decoration:underline;text-underline-offset:3px}
[data-ap="d"] [data-screen="sent"][data-hasdocs] #successBack:hover{color:var(--t1)}

/* Регресс 28.09 (задача 2): honeypot-поле формы заявки. Смещаем за пределы
   экрана, а не display:none — часть ботов пропускает поля с display:none
   именно как заведомо ловушку, а прочитанный DOM-обход поле всё равно
   находит и заполняет. Класс, не инлайн-style: инлайн style="display:none"
   потребовал бы 'unsafe-inline' в style-src CSP. */
[data-ap="d"] .hp-field{position:absolute;width:1px;height:1px;overflow:hidden;left:-9999px;top:-9999px}