/* Слежение за КАД: четыре пункта, дело после проверки картотеки и пример утренней сводки. */
.watch-disc{right:-70px;top:-100px;width:180px;aspect-ratio:1;border-radius:50%;background:var(--marker)}
@media (min-width:700px){.watch-disc{right:-90px;top:-130px;width:340px}}
.watch{display:grid;margin-top:22px}
.watch-i{padding:16px 0 20px;border-top:2px solid var(--ink)}
.watch-i p{margin-top:6px;font-size:15.5px;line-height:1.5}
.watch-i p+p{margin-top:10px}
.watch-win{margin:8px 0 30px}
.kadwin{padding:18px 16px 16px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow-pop)}
.watch-win .cap{margin-top:12px;color:var(--ink)}
.cc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cc-title{font:800 19px/1.2 var(--font-sans);letter-spacing:0}
.cc-sub{margin-top:2px;font-size:12.5px;font-weight:650;color:var(--ink-2)}
.cc-state{flex:none;padding:4px 9px;border-radius:8px;box-shadow:inset 0 0 0 1.5px var(--line-strong);font-size:11.5px;font-weight:800}
.cc-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.35;font-weight:750}
.cc-meta small{display:block;font-size:11.5px;font-weight:750;color:var(--ink-3)}
.cc-meta div:last-child{text-align:right}
.cc-h{margin-top:12px;font-size:12px;font-weight:800;color:var(--ink-2)}
.ev{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--paper-sunk);box-shadow:inset 0 0 0 1px var(--line)}
.ev-t{display:grid;gap:1px;min-width:0}
.ev-t b{font-size:14px;line-height:1.3}
.ev-t span{font-size:12.5px;color:var(--ink-2)}
.ev-new{padding:4px 9px;border-radius:999px;background:var(--marker);font-size:11.5px;font-weight:800}
.cc-watch{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;line-height:1.35;font-weight:750;color:var(--approved)}
.cc-watch svg{flex:none;width:16px;height:16px}
.watch-digest{display:grid;justify-items:start}
.art{max-width:400px;padding:14px 16px;border-radius:20px;background:var(--paper);box-shadow:var(--shadow-lift);font-size:13.5px;line-height:1.4;rotate:var(--rot,0deg)}
.art-h{margin-top:9px;font-size:11.5px;font-weight:800;color:var(--ink-3)}
.art-h:first-of-type{margin-top:8px}
.art b{font-weight:800}
.art--tg{border-radius:20px 20px 20px 6px}
.sec-end.watch-end{margin-top:28px;padding-top:18px;border-top:1.5px solid #14131152}
.watch-foot{font-size:15px;line-height:1.5;text-wrap:pretty}
.watch-foot a,.share-foot a,.fold-body a{display:flex;width:fit-content;align-items:center;min-height:44px}
.fold-body a{margin-bottom:-10px}
@media (min-width:700px){
  .watch{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .watch-win,.watch-digest{grid-column:1/-1}
  .kadwin{max-width:600px;padding:24px 26px}
}
@media (min-width:1000px){
  .watch{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);column-gap:64px;margin-top:34px}
  .watch-i{grid-column:1}
  .watch-win{grid-area:1/2/4/3;align-self:start;margin:6px 0 0}
  .watch-digest{grid-area:4/2/5/3;align-self:center;justify-items:center}
  .kadwin{rotate:1.2deg}
  .watch-digest .art{max-width:440px;padding:18px 22px;font-size:15px;rotate:-2deg}
}

/* Дело целиком: снимок экрана дела из демо, под ним папки с тем, что лежит в деле. До 1000 px два фрагмента с телефона (шапка дела и папки), шире весь экран с компьютера. */
.delo-shot{margin:26px 0 0}
.delo-shot img{display:block;height:auto;background:var(--paper);box-shadow:var(--shadow-pop)}
.delo-wide{display:none!important}
.delo-pair{display:grid;padding:4px 0 6px}
.delo-pair img{width:94%;border-radius:30px 30px 14px 14px;rotate:-1.5deg}
.delo-pair img+img{width:90%;margin:-16px 0 0 auto;border-radius:18px;rotate:1.5deg}
.delo-shot figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin-top:8px}
.delo-shot figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
@media (min-width:640px) and (max-width:999px){.delo-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:36px;align-items:center}.delo-shot{margin:0}}
@media (min-width:1000px){.delo-shot{margin-top:34px}.delo-wide{display:block!important;width:100%;border-radius:26px}.delo-pair{display:none}}
@media (min-width:1100px){.delo-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}.delo-head .lede{margin:0 0 6px}}

/* Доступ: карточка для клиента и карточка для коллег, в каждой два фрагмента экранов из демо внахлёст. */
.share{display:grid;gap:16px;margin-top:26px}
.share-card{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;gap:26px;padding:28px 20px 0;border-radius:var(--r-slab);background:var(--tomato);overflow:hidden}
.share-card--team{--focus:var(--marker);background:var(--ink);color:#fff}
.share-h{margin:0;font:700 clamp(24px,3.2vw,34px)/1.1 var(--font-display);letter-spacing:-.01em}
.share-copy p{margin-top:12px;max-width:31em;font-size:16px;line-height:1.5}
.share-art{display:grid;align-content:start;width:min(100%,410px);margin-inline:auto}
.share-shot{display:block;height:auto;box-shadow:var(--shadow-lift)}
.share-shot--a{width:92%;border-radius:27px;rotate:-2deg}
.share-shot--b{position:relative;width:86%;margin:-12px 0 30px auto;border-radius:25px;rotate:2.5deg}
.share-card--team .share-shot--a{border-radius:24px;rotate:1.5deg}
.share-card--team .share-shot--b{margin-top:-18px;border-radius:20px;rotate:-2.5deg;box-shadow:var(--shadow-pop)}
.share-cap{margin-top:12px}
.share-foot{max-width:46em;font-size:15.5px;line-height:1.5}
/* Конец раздела: слева пояснение со ссылкой, справа кнопка регистрации с припиской про пробный период. */
.sec-end{display:grid;gap:6px;margin-top:10px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-bottom:4px}
.cta-row p{max-width:15em;font-size:13.5px;line-height:1.4;font-weight:650}
@media (min-width:1000px){.sec-end{grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}}
@media (min-width:700px){.share{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}.share-card{padding:32px 26px 0}}
@media (min-width:1000px){.share{gap:22px}.share-card{padding:40px 40px 0}.share-shot--a{width:88%}.share-shot--b{width:80%}}

/* Банкротство; папки-карточки (они же в разделе «Дело целиком»). */
.bk-grid{display:grid;gap:26px}
.bk-copy p{margin-top:14px;max-width:34em;font-size:16.5px}
.chrono{padding:16px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow-lift)}
.chrono-grid{display:grid;gap:6px;margin-top:12px}
.chrono-row{display:grid;grid-template-columns:56px repeat(8,minmax(0,1fr));gap:4px;align-items:center;font-size:12px;font-weight:750}
.chrono-row.is-head{font-size:11px;color:var(--ink-3);text-align:center}
.chrono-row i{position:relative;display:block;height:24px;border-radius:6px;background:var(--paper-sunk);overflow:hidden}
.chrono-row i.open::after,.chrono-row i.late::after{content:"";position:absolute;inset:0;background:var(--ink)}
.chrono-row i.late::after{background:var(--tomato)}
.chrono-row>:nth-child(2){--m:0}.chrono-row>:nth-child(3){--m:1}.chrono-row>:nth-child(4){--m:2}.chrono-row>:nth-child(5){--m:3}.chrono-row>:nth-child(6){--m:4}.chrono-row>:nth-child(7){--m:5}.chrono-row>:nth-child(8){--m:6}.chrono-row>:nth-child(9){--m:7}
.js .chrono-row i::after{transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease-out);transition-delay:calc(var(--m)*90ms + .25s)}
.js .chrono.in .chrono-row i::after{transform:scaleX(1)}
.chrono-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12.5px;font-weight:650;color:var(--ink-2)}
.chrono-key span{display:flex;align-items:center;gap:7px}
.chrono-key i{width:14px;height:14px;border-radius:4px;background:var(--ink)}
.chrono-key i.late{background:var(--tomato)}
@media (min-width:900px){.bk-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px;align-items:center}.chrono{padding:22px;rotate:1.5deg}}
.folders{list-style:none;margin:52px 0 0;padding:0;display:grid;gap:48px 18px}
@media (min-width:600px){.folders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.folders{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 22px}}
@media (min-width:600px){.fold--wide{grid-column:span 2}}
.fold{position:relative;display:grid}
.fold-tab{position:absolute;left:0;top:-30px;display:flex;align-items:center;height:38px;margin:0;padding:0 18px 8px 16px;border-radius:14px 14px 0 0;background:var(--c);font:800 14px/1 var(--font-sans);white-space:nowrap}
.fold-paper{position:absolute;right:18px;top:-20px;width:34%;height:56px;border-radius:12px;background:var(--paper);box-shadow:0 1px 3px #14131124;transition:transform .38s var(--ease-spring)}
.fold-paper::before,.fold-paper::after{content:"";position:absolute;left:14px;height:4px;border-radius:4px;background:var(--line)}
.fold-paper::before{top:10px;width:50%}
.fold-paper::after{top:20px;width:34%;background:var(--c)}
.fold-body{position:relative;min-height:128px;padding:22px 20px 20px;border-radius:0 24px 24px 24px;background:var(--cs);box-shadow:inset 0 0 0 1.5px #14131114;transition:transform .32s var(--ease-spring)}
.fold-body p{font-size:15.5px;line-height:1.45}
@media (hover:hover) and (pointer:fine){
  .fold:hover .fold-body{transform:translateY(4px)}
  .fold:hover .fold-paper{transform:translateY(-14px) rotate(-1.5deg)}
}

/* Начало: шаги и распознавание номеров. */
.start-grid{display:grid;gap:28px;margin-top:26px}
.start-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid}
.start-steps li{counter-increment:s;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:16px 0;border-top:2px solid var(--ink)}
.start-steps li::before{content:counter(s);font:700 36px/1 var(--font-display);letter-spacing:-.01em}
.start-steps span{font-size:16.5px;line-height:1.45}
.paste{padding:20px 18px;border-radius:22px;background:var(--paper)}
.paste form{display:grid;gap:8px;margin-top:12px}
.paste label{font-size:13px;font-weight:800}
.field,.tf-field input,.tf-field textarea{width:100%;min-height:48px;padding:12px 14px;border:0;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-strong);font:600 16px/1.4 var(--font-sans);color:var(--ink);transition:box-shadow .15s ease}
.field:focus,.tf-field input:focus,.tf-field textarea:focus{box-shadow:inset 0 0 0 2.5px var(--ink)}
textarea{resize:vertical}
::placeholder{color:var(--ink-3);opacity:1}
.paste-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:4px}
.link-btn{min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:750 14.5px/1 var(--font-sans);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.paste-err,.tf-err{font-size:13.5px;line-height:1.4;font-weight:750;color:var(--danger)}
.paste-rows{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.paste-rows li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 10px;padding:10px 12px;border-radius:12px;background:var(--mint-soft);font-size:13px;line-height:1.35;animation:row-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0)*60ms)}
.paste-rows li.is-warn{background:var(--tomato-soft)}
.paste-rows svg{grid-row:1/3;width:20px;height:20px;margin-top:1px;color:var(--approved)}
.paste-rows .is-warn svg{color:var(--danger)}
.paste-rows b{font-size:14.5px;overflow-wrap:anywhere}
.paste-rows span{grid-column:2;color:var(--ink-2)}
@keyframes row-in{from{opacity:0;transform:translateY(8px)}}
.paste-next{display:grid;gap:12px;justify-items:start;margin-top:14px;font-size:13.5px;color:var(--ink-2)}
@media (min-width:960px){.start-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:start;margin-top:36px}.start-steps li{grid-template-columns:64px minmax(0,1fr)}.start-steps li::before{font-size:48px}.paste{padding:26px 26px 24px;rotate:1deg}}

/* Данные. */
.data-panel{border-radius:var(--r-slab);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);padding:30px 18px}
.data-grid{display:grid;gap:22px}
.ledger{margin:0;display:grid}
.ledger>div{display:grid;gap:3px;padding:15px 0;border-top:1.5px solid var(--line)}
.ledger>div:first-child{border-top:2px solid var(--ink)}
.ledger dt{font-weight:800}
.ledger dd{margin:0;color:var(--ink-2)}
@media (min-width:640px){.ledger>div{grid-template-columns:150px minmax(0,1fr);gap:24px}}
@media (min-width:700px){.data-panel{padding:44px 36px}}
@media (min-width:1000px){.data-panel{padding:60px 56px}.data-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:72px}.data-side{position:sticky;top:104px;align-self:start}}

/* Тарифы: два билета. */
.tabs{position:relative;justify-self:start;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink)}
.tabs button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--ink);font:800 15px/1 var(--font-sans);white-space:nowrap}
.tabs-on{position:absolute;inset:4px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-radius:999px;background:var(--ink);color:#fff;pointer-events:none;clip-path:inset(0 66.667% 0 0 round 999px);transition:clip-path .4s var(--ease-out)}
.tabs-on span{display:grid;place-items:center;font:800 15px/1 var(--font-sans);white-space:nowrap}
.tabs--2 .tabs-on{clip-path:inset(0 50% 0 0 round 999px)}
.tabs--2[data-i="1"] .tabs-on{clip-path:inset(0 0 0 50% round 999px)}
.tabs button:active{transform:scale(.97)}
.plans{display:grid;gap:16px;margin-top:22px}
.plan{position:relative;display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:12px;padding:24px 22px 22px;border-radius:26px;background:var(--marker);transition:transform .32s var(--ease-spring)}
.plan--team{--focus:var(--marker);background:var(--ink);color:#fff}
.plan--team .btn{box-shadow:none}
.plan-who{font-size:14px;font-weight:650}
.plan ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;align-content:start;font-size:15px;line-height:1.35;font-weight:650}
.plan li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px}
.plan li svg{width:18px;height:18px;margin-top:1px}
.plan-tear{position:relative;margin:8px -22px 2px;border-top:2px dashed #14131157}
.plan--team .plan-tear{border-color:#ffffff57}
.plan-tear::before,.plan-tear::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--canvas)}
.plan-tear::before{left:-11px}.plan-tear::after{right:-11px}
.plan-price{display:grid;gap:4px}
.plan-price>b{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;font:700 42px/1.12 var(--font-display);letter-spacing:-.01em}
.plan-price small{font:750 14px/1.3 var(--font-sans);letter-spacing:0}
.plan-sub{font-size:14px;font-weight:750}
.plan-note{font-size:13px;line-height:1.4;color:#ffffffd1}
.flip{display:inline-block;transition:opacity .16s ease,transform .3s var(--ease-out),filter .16s ease}
.flip.is-out{opacity:0;transform:translateY(-10px);filter:blur(3px)}
.flip.is-in{opacity:0;transform:translateY(10px);filter:blur(3px);transition:none}
.plan .btn{justify-self:start;margin-top:6px}
.price-notes{display:grid;gap:8px;margin-top:22px;max-width:52em;font-size:14px;line-height:1.5;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.plan:hover{transform:translateY(-5px) rotate(-.4deg)}}
@media (min-width:860px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}.plan{padding:32px 30px 28px}.plan-tear{margin-inline:-30px}.plan-price>b{font-size:52px}}

/* Вопросы. */
.faq-grid{display:grid;gap:22px}
.faq details{border-top:2px solid var(--ink)}
.faq details:last-child{border-bottom:2px solid var(--ink)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;list-style:none;font:800 18px/1.3 var(--font-sans);letter-spacing:0}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:var(--ink);transition:background-color .25s ease,transform .4s var(--ease-out)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:10px;right:10px;top:16px;height:2px;border-radius:2px;background:#fff;transition:transform .4s var(--ease-out),background-color .25s ease}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--marker);transform:rotate(180deg)}
.faq details[open] summary i::before,.faq details[open] summary i::after{background:var(--ink)}
.faq details[open] summary i::after{transform:rotate(0deg)}
.faq details p{max-width:46em;padding:0 0 22px;color:var(--ink-2)}
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  .faq details::details-content{height:0;overflow:clip;transition:height .45s var(--ease-out),content-visibility .45s allow-discrete}
  .faq details[open]::details-content{height:auto}
}
@media (min-width:960px){.faq-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:72px}.faq-grid .h2{position:sticky;top:104px;align-self:start}.faq details p{padding-right:56px}}

/* Финал и заявка. */
.final-grid{display:grid;gap:28px}
.final-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:22px}
.final-act .txt-link{display:inline-flex;align-items:center;min-height:44px}
.final .lede{color:var(--ink)}
.talk{padding:22px 18px;border-radius:22px;background:var(--paper)}
.talk>p{margin-top:8px;font-size:14.5px;color:var(--ink-2)}
.tf{display:grid;gap:14px;margin-top:16px}
.tf-row{display:grid;gap:12px}
.tf-field{display:grid;gap:6px;font-size:13px;font-weight:800}
.tf-field em{font-style:normal;font-weight:650;color:var(--ink-3)}
.tf-chips{min-width:0;margin:0;padding:0;border:0}
.tf-chips legend{margin-bottom:6px;padding:0;font-size:13px;font-weight:800}
.tf-chips div{display:flex;flex-wrap:wrap;gap:6px}
.tf-chips label{position:relative}
.tf-chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.tf-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ink);font-size:14px;font-weight:750;transition:background-color .15s ease,color .15s ease,transform .16s var(--ease-out)}
.tf-chips input:checked+span{background:var(--ink);color:#fff}
.tf-chips input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.tf-chips label:active span{transform:scale(.97)}
.tf-check{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.tf-check input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:var(--ink)}
.tf-field.is-error input{box-shadow:inset 0 0 0 2.5px var(--danger)}
.tf-check.is-error{color:var(--danger)}
.tf .btn{justify-self:start}
.tf-done h3{margin:0;font:800 20px/1.25 var(--font-sans)}
.tf-done p{margin-top:8px}
@media (min-width:560px){.tf-row{grid-template-columns:1fr 1fr}.talk{padding:28px 26px}}
@media (min-width:960px){.final-grid{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start}}

.faq-more{margin-top:12px;color:var(--ink-2)}
.faq-list{min-width:0}
.price-notes{display:block}
.final .lede{max-width:34em}

/* Калькуляторы: строки с жирной линией сверху (общие .tools и .tool из site.css), по две в ряд. */
@media (min-width:1000px){#tools .tools{grid-template-columns:repeat(2,minmax(0,1fr))}#tools .tool:nth-child(3){border-top:1.5px solid var(--line)}}
.tool .tool-ex{font-weight:800;color:var(--ink)}
.tool .tool-go{margin-top:6px;font-weight:750;color:var(--ink)}
.plan-price>b{word-spacing:.1em}
.price .bill{margin-top:22px}
#features{padding-top:48px}
@media (min-width:900px){#features{padding-top:68px}}