/* Посадочные страницы направлений: agenty, golosovoy-bot, crm-s-ii-agentom, prilozheniya, sayty.
   Собираются _posadochnye/generator.py, код поведения — posadochnaya.js. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--page:#0D0F14;--hero:#11141B;--card:#161922;--card2:#1C202A;--line:#262B37;--text:#EEF0F4;--muted:#A3A8B6;
  --acc:#FF7A2A;--acc2:#FFB547;--onacc:#1A1009;--ok:#4FD18B;--err:#FF6B6B;--tint:rgba(255,122,42,.12);
  --abub:linear-gradient(135deg,rgba(255,122,42,.20),rgba(255,181,71,.10));--abord:rgba(255,122,42,.38);
  --sh:0 24px 60px -24px rgba(0,0,0,.65);--shh:0 30px 70px -26px rgba(0,0,0,.8);
  --b1:rgba(255,122,42,.30);--b2:rgba(255,181,71,.16);--b3:rgba(90,110,255,.14);--grid:rgba(255,255,255,.035);
  --r:22px;--rb:14px;--ramka:1px;--h1:56px;--ls:-.03em}
body.pz{margin:0;background:var(--page);color:var(--text);font:15px/1.5 Onest,"Segoe UI",sans-serif;overflow-x:hidden}
.logo,.hd .tel,.ft a,.fld .sogl a{color:inherit}
.pz button{font:inherit;cursor:pointer}
.pz .wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* кнопки: одна рамка, стрелка в квадрате, блик */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 8px 0 22px;border:var(--ramka) solid transparent;border-radius:var(--rb);font-weight:700;font-size:15px;
  background:linear-gradient(180deg,var(--acc2) -60%,var(--acc) 70%);color:var(--onacc);text-decoration:none;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.12),0 12px 26px -12px var(--acc);transition:transform .2s ease,box-shadow .2s ease}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-130%)}
.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 4px rgba(0,0,0,.12),0 18px 34px -12px var(--acc)}
.btn:hover::before{transform:translateX(130%);transition:transform .75s ease}
.btn:active{transform:translateY(0)}
.btn:disabled{opacity:.6;cursor:default;transform:none}
.btn.shine::before{animation:shine 5.5s 1.2s ease-in-out infinite}
@keyframes shine{0%,72%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
.btn .ar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.22);transition:transform .25s ease}
.btn:hover .ar{transform:translateX(3px)}
.btn.g{background:var(--card);color:var(--text);border-color:var(--line);box-shadow:var(--sh)}
.btn.g::before{display:none}
.btn.g .ar{background:var(--card2);color:var(--acc)}
.btn.g:hover{border-color:var(--acc);color:var(--acc)}
.btn.sm{height:42px;font-size:14px;padding:0 6px 0 16px;gap:10px}.btn.sm .ar{width:30px;height:30px;border-radius:8px}
@media (max-width:520px){.ctas .btn{width:100%;justify-content:space-between}}

/* шапка без меню студии */
.hd{display:flex;align-items:center;gap:18px;padding:16px 24px;max-width:1200px;margin:0 auto}
.logo{font-weight:800;font-size:21px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none}
.logo .p{color:var(--acc)}
.logo .ai{font-size:13px;padding:2px 7px;border-radius:7px;background:var(--text);color:var(--page)}
.logo small{font-weight:500;color:var(--muted);font-size:14px;margin-left:6px}
.hd .sp{flex:1}
.hd .tel{text-decoration:none;font-weight:600;white-space:nowrap}
@media (max-width:700px){.logo small,.hd .tel{display:none}}

/* первый экран: живой фон */
.hero{position:relative;margin:4px 16px 0;border-radius:calc(var(--r) + 6px);background:var(--hero);overflow:hidden;border:var(--ramka) solid var(--line);box-shadow:var(--sh)}
.hero .blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.hero .b1{width:520px;height:520px;right:-120px;top:-180px;background:var(--b1);animation:drift1 16s ease-in-out infinite alternate}
.hero .b2{width:420px;height:420px;right:24%;bottom:-220px;background:var(--b2);animation:drift2 19s ease-in-out infinite alternate}
.hero .b3{width:380px;height:380px;left:-140px;top:-120px;background:var(--b3);animation:drift3 22s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(-80px,60px)}}
@keyframes drift2{to{transform:translate(90px,-50px)}}
@keyframes drift3{to{transform:translate(60px,80px)}}
.hero .grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%)}
.hero .in{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:56px 40px 52px;min-height:560px}
.hero .in>*{min-width:0}
@media (max-width:900px){.hero .in{grid-template-columns:minmax(0,1fr);padding:28px 18px;min-height:0}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--card);border:var(--ramka) solid var(--line);animation:inm .5s ease both}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc)}
.chips .chip:nth-child(2){animation-delay:.08s}.chips .chip:nth-child(3){animation-delay:.16s}.chips .chip:nth-child(4){animation-delay:.24s}
h1.t{font-size:var(--h1);line-height:1.03;letter-spacing:var(--ls);font-weight:800;margin:0 0 18px;animation:inm .6s .1s ease both}
h1.t em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2),var(--acc));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 6s linear infinite}
@keyframes flow{to{background-position:200% 0}}
@media (max-width:900px){h1.t{font-size:34px}}
.hero p.l{font-size:18px;color:var(--muted);margin:0 0 26px;max-width:33em;animation:inm .6s .2s ease both}
.ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hero .ctas{animation:inm .6s .3s ease both}
.hero .note{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);margin-top:16px}
.hero .note::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23FF7A2A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

/* визуал: живой диалог */
.vis{position:relative;min-height:430px;animation:inr .7s .25s ease both}
@keyframes inr{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.panel{position:relative;background:var(--card);border:var(--ramka) solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shh)}
.ph{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.av{position:relative;flex:none}
.av img{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:top;background:var(--card2)}
.av.s img{width:30px;height:30px}
.av::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--acc);opacity:0;animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{opacity:.7;transform:scale(.92)}100%{opacity:0;transform:scale(1.25)}}
.ph b{display:block;font-size:14px}.ph span{font-size:12.5px;color:var(--muted)}
.ph .live{margin-left:auto;font-size:12px;color:var(--ok);display:flex;align-items:center;gap:6px;white-space:nowrap}
.ph .live i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pul 1.6s infinite}
@keyframes pul{50%{opacity:.35}}
.msgs{min-height:250px;display:flex;flex-direction:column;gap:8px}
.m{font-size:14px;padding:10px 13px;border-radius:16px;max-width:86%;animation:inm .35s ease both}
.m.q{background:var(--card2);align-self:flex-start;border-bottom-left-radius:5px}
.m.a{background:var(--abub);border:var(--ramka) solid var(--abord);align-self:flex-end;border-bottom-right-radius:5px}
.typing{display:inline-flex;gap:4px;padding:11px 13px;border-radius:16px;background:var(--card2);align-self:flex-end}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:dot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{transform:translateY(-4px);opacity:.5}}
@keyframes inm{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wave{display:flex;gap:3px;align-items:center;height:34px;margin:4px 0 10px;overflow:hidden}
.wave i{display:block;width:4px;border-radius:2px;background:linear-gradient(var(--acc2),var(--acc));animation:w 1.1s ease-in-out infinite}
@keyframes w{50%{transform:scaleY(.3)}}
.crm{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px;font-size:13px;transition:opacity .4s,transform .4s}
.crm .h{font-weight:700;margin-bottom:4px;display:flex;justify-content:space-between;gap:10px}
.crm div.r{display:flex;justify-content:space-between;gap:10px;padding:3px 0;transition:opacity .3s,transform .3s}
.crm div.r span:first-child{color:var(--muted)}
.js .crm.zhdet{opacity:0;transform:translateY(6px)}
.js .crm.zhdet div.r{opacity:0;transform:translateX(-6px)}
.crm div.r:nth-child(3){transition-delay:.12s}.crm div.r:nth-child(4){transition-delay:.24s}.crm div.r:nth-child(5){transition-delay:.36s}
.ok{color:var(--ok);font-weight:700}
.float{position:absolute;background:var(--card);border:var(--ramka) solid var(--line);border-radius:16px;padding:10px 14px;font-size:13px;box-shadow:var(--shh);animation:bob 4s ease-in-out infinite}
.float b{display:block;font-size:20px;color:var(--acc);line-height:1.2}
@keyframes bob{50%{transform:translateY(-8px)}}
@media (max-width:900px){.vis{min-height:0}.float{display:none}}

/* бегущая строка */
.tick{margin:18px 16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tick .tr{display:flex;gap:10px;width:max-content;animation:run 40s linear infinite}
.tick:hover .tr{animation-play-state:paused}
.tick span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);border:var(--ramka) solid var(--line);font-size:13.5px;white-space:nowrap}
.tick span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
@keyframes run{to{transform:translateX(-50%)}}

/* устройства: телефон и браузер */
.phone{width:280px;margin:0 auto;border-radius:38px;border:10px solid #0A0B0F;background:var(--card);overflow:hidden;box-shadow:var(--shh)}
.phone .top{height:22px;background:#0A0B0F;display:flex;justify-content:center}.phone .top i{width:80px;height:14px;border-radius:0 0 10px 10px;background:#000}
.phone .scr{padding:12px;min-height:420px}
.phone .msgs{min-height:150px}
.app-h{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.tiles div{background:var(--card2);border-radius:12px;padding:10px;font-size:12.5px;min-height:62px;animation:inm .4s ease both}
.tiles div:nth-child(2){animation-delay:.08s}.tiles div:nth-child(3){animation-delay:.16s}.tiles div:nth-child(4){animation-delay:.24s}
.tiles div b{display:block;font-size:13.5px}
.brw{border-radius:16px;border:var(--ramka) solid var(--line);background:var(--card);overflow:hidden;box-shadow:var(--shh)}
.brw .bt{display:flex;gap:6px;align-items:center;padding:9px 12px;background:var(--card2);border-bottom:var(--ramka) solid var(--line);font-size:12px;color:var(--muted)}
.brw .bt i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.brw .bd{position:relative;padding:18px;min-height:370px}
.sk{height:12px;border-radius:6px;background:var(--card2);margin:8px 0}
.sk.w60{width:60%}.sk.w40{width:40%}.sk.w80{width:80%}.sk.big{height:28px;width:70%;margin-bottom:14px}.sk.gap{margin-top:22px}
.wid{position:absolute;right:14px;bottom:14px;width:250px;max-width:calc(100% - 28px);background:var(--card);border:var(--ramka) solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shh);animation:pop .5s .4s cubic-bezier(.2,.9,.3,1.3) both}
.wid .ph{margin-bottom:6px}.wid .msgs{min-height:120px}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}
.flow{display:grid;grid-template-columns:auto 64px 1fr;gap:12px;align-items:center}
.src{display:flex;flex-direction:column;gap:8px}
.src span{background:var(--card2);border:var(--ramka) solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;animation:lit 4s ease-in-out infinite}
.src span:nth-child(2){animation-delay:1s}.src span:nth-child(3){animation-delay:2s}.src span:nth-child(4){animation-delay:3s}
@keyframes lit{0%,20%,100%{border-color:var(--line);color:var(--text)}8%{border-color:var(--acc);color:var(--acc)}}
.arr{height:2px;background:repeating-linear-gradient(90deg,var(--acc) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash .7s linear infinite}
@keyframes dash{to{background-position:24px 0}}
.flow .ph{margin:0}
@media (max-width:600px){.flow{grid-template-columns:1fr}.arr{width:2px;height:28px;justify-self:center;background:repeating-linear-gradient(180deg,var(--acc) 0 6px,transparent 6px 12px);background-size:2px 24px;animation-name:dashv}}
@keyframes dashv{to{background-position:0 24px}}

/* разделы */
section.s{padding:84px 0 0}
.eb{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.eb::before{content:"";width:18px;height:2px;border-radius:1px;background:var(--acc)}
.s h2{font-size:38px;line-height:1.1;letter-spacing:var(--ls);margin:0 0 12px;font-weight:800}
.s .sub{color:var(--muted);font-size:17px;margin:0 0 30px;max-width:46em}
@media (max-width:900px){.s h2{font-size:27px}section.s{padding-top:56px}}

/* карточки: подъём и световое пятно за курсором */
.cd{position:relative;overflow:hidden;background:var(--card);border:var(--ramka) solid var(--line);border-radius:var(--r);box-shadow:var(--sh);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cd::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),var(--tint),transparent 60%)}
.cd:hover{transform:translateY(-4px);box-shadow:var(--shh);border-color:var(--abord)}
.cd:hover::after{opacity:1}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}

.pains{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){.pains{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pains{grid-template-columns:1fr}}
.pain{padding:22px 20px 20px}
.pain .ix{display:block;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px var(--abord);margin-bottom:14px}
.pain h3{font-size:17px;margin:0 0 6px}
.pain p{color:var(--muted);font-size:14.5px;margin:0}

.cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:var(--ramka) solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.cmp th,.cmp td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:var(--ramka) solid var(--line);font-size:15px}
.cmp tr:last-child td{border-bottom:0}
.cmp th{font-size:13px;color:var(--muted);font-weight:700;background:var(--card2)}
.cmp th.gh{color:var(--acc);background:var(--tint)}
.cmp td:first-child{font-weight:700;width:22%}
.cmp td.bad{color:var(--muted)}
.cmp td.good{background:var(--tint)}
.cmp .ic{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:8px;vertical-align:-4px;font-size:12px;font-weight:800}
.cmp td.bad .ic{background:var(--card2);color:var(--muted)}
.cmp td.good .ic{background:var(--acc);color:var(--onacc)}
.js .cmp tr.rv{transform:none}
.tw{overflow-x:auto;border-radius:var(--r)}
@media (max-width:700px){.cmp td,.cmp th{font-size:13.5px;padding:10px}.cmp .ic{display:none}}

.chan{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.chan{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.chan{grid-template-columns:1fr}}
.ch{padding:20px;display:flex;gap:14px;align-items:flex-start}
.ch .ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(160deg,var(--acc2),var(--acc));color:var(--onacc);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 20px -10px var(--acc);transition:transform .3s ease}
.ch:hover .ic{transform:rotate(-8deg)}
.ch h3{font-size:16px;margin:0 0 2px}.ch p{color:var(--muted);font-size:14px;margin:0}
.ch .soon{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--acc);background:var(--tint);border-radius:999px;padding:2px 9px}
.ch.dim{border-style:dashed;box-shadow:none}.ch.dim .ic{background:var(--card2);color:var(--muted);box-shadow:none}

.demo{padding:32px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
@media (max-width:900px){.demo{grid-template-columns:1fr;padding:22px}}
.demo h2{font-size:28px;margin:0 0 8px}
.demo p{color:var(--muted);margin:0 0 16px}
.demo ul{margin:0;padding:0;list-style:none}
.demo li{position:relative;padding-left:30px;margin:8px 0}
.demo li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--tint)}
.demo li::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border:solid var(--acc);border-width:0 2px 2px 0;transform:rotate(45deg)}
.demo .pic{position:relative;display:grid;place-items:end center;min-height:300px}
.demo .pic::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;bottom:0;background:radial-gradient(circle,var(--b1),transparent 70%)}
.demo .pic img{position:relative;width:100%;max-height:340px;object-fit:contain;object-position:bottom}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:st;padding:0;margin:0;list-style:none}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.st{padding:22px 20px;counter-increment:st}
.st::before{content:counter(st);position:relative;z-index:1;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,var(--acc2),var(--acc));color:var(--onacc);font-weight:800;font-size:16px;margin-bottom:14px;box-shadow:0 10px 20px -10px var(--acc)}
.st h3{font-size:16px;margin:0 0 4px}.st p{color:var(--muted);font-size:14px;margin:0}

.price{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
@media (max-width:900px){.price{grid-template-columns:1fr}}
.pr{padding:24px}
.pr.main{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,var(--acc),var(--acc2) 60%,var(--line)) border-box}
.pr .tag{position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;color:var(--onacc);background:linear-gradient(160deg,var(--acc2),var(--acc));border-radius:999px;padding:3px 10px}
.pr h3{color:var(--muted);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:0}
.pr b{display:block;font-size:34px;letter-spacing:var(--ls);margin:8px 0 6px;font-variant-numeric:tabular-nums}
.pr.main b{color:var(--acc)}
.pr p{color:var(--muted);font-size:14px;margin:0}
.honest{margin-top:14px;padding:15px 18px;border-radius:var(--rb);background:var(--card2);border:var(--ramka) solid var(--line);font-size:14.5px}

.form{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:900px){.form{grid-template-columns:1fr;padding:22px}}
.form h2{font-size:28px;margin:0 0 8px}
.form .opis{color:var(--muted);margin:0}
.fld{display:flex;flex-direction:column;gap:10px}
.fld input[type=text],.fld textarea{font:inherit;font-size:15px;padding:14px 16px;border-radius:var(--rb);border:var(--ramka) solid var(--line);background:var(--card2);color:var(--text);outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.fld input[type=text]:focus,.fld textarea:focus{border-color:var(--acc);background:var(--card);box-shadow:0 0 0 4px var(--tint)}
.fld input.oshibka,.fld textarea.oshibka{border-color:var(--err)}
.fld textarea{min-height:88px;resize:vertical}
.fld .sogl{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted)}
.fld .sogl input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--acc);flex:none}
.fld .sogl a{text-decoration:underline}
.fld .row{display:flex;gap:10px;flex-wrap:wrap}
.fld .msg{font-size:13.5px;color:var(--muted);min-height:20px}
.fld .msg.err{color:var(--err)}
.fld .msg.done{color:var(--ok);font-weight:700}

.faq details{background:var(--card);border:var(--ramka) solid var(--line);border-radius:var(--rb);margin:10px 0;box-shadow:var(--sh);transition:border-color .2s}
.faq details[open]{border-color:var(--abord)}
.faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--card2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5v9M3.5 8h9' stroke='%23FF7A2A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin:0;padding:0 20px 18px;animation:inm .3s ease both}

.ft{margin-top:84px;border-top:var(--ramka) solid var(--line);padding:32px 0 120px;color:var(--muted);font-size:14px}
.ft .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.ft a{text-decoration:none}.ft a:hover{color:var(--acc)}
.ft .rekv{flex-basis:100%;font-size:13px;opacity:.8}

@media (prefers-reduced-motion:reduce){
  .pz *,.pz *::before,.pz *::after{animation:none!important;transition:none!important}
  .js .rv,.js .crm.zhdet,.js .crm.zhdet div.r{opacity:1;transform:none}
}