/* Подбор компании по банкротству, комплект v9: мастер из двух вопросов. Бирюза, Onest, воздух. */
:root{
  --bg:#FAFAF9; --surface:#FFFFFF; --ink:#101614; --ink-2:#414B48; --muted:#78837F;
  --line:#E6E9E7; --line-2:#D3D9D6;
  --teal:#0D6E6E; --teal-soft:#E6F2F1; --teal-dark:#0A5757;
  --ok:#17794F; --warn:#9C6B14; --no:#A5372A;
  --r:18px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 Onest,system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(2rem,1.3rem+2.6vw,3.2rem)}
h2{font-size:clamp(1.4rem,1.2rem+.8vw,1.9rem)}
h3{font-size:1.1rem;font-weight:600}
p{margin:0}
a{color:var(--teal)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

.top{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:70px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.tick{width:22px;height:22px;border-radius:7px;background:var(--teal);position:relative;display:inline-block}
.tick::after{content:"";position:absolute;left:6px;top:5px;width:6px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg)}
.nav{display:flex;gap:24px;font-size:15px}
.nav a{color:var(--ink-2);text-decoration:none}
.nav a:hover{color:var(--teal)}

.hero{padding:64px 0 24px}
.hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:56px;align-items:center}
.hero h1{max-width:18ch}
.lead{margin-top:20px;max-width:56ch;font-size:18px;color:var(--ink-2)}
.search{display:flex;gap:12px;margin-top:30px;max-width:480px}
.search input{height:56px;font-size:16.5px}
.search .btn{height:56px}
.hint{margin-top:14px;font-size:14px;color:var(--muted)}
.pluses{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.pluses li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.pluses b{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em}
.pluses span{display:block;margin-top:6px;font-size:13.5px;color:var(--muted);line-height:1.5}

.page-h{padding:34px 0 10px}
.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs span{opacity:.5;padding:0 5px}
.sec{padding:46px 0 0}
.sub{margin-top:8px;color:var(--muted);font-size:14.5px}

/* мастер */
.wz-sec{padding:34px 0 0}
.wizard{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:40px 44px 44px;
  box-shadow:0 1px 2px rgba(16,22,20,.04), 0 24px 48px -32px rgba(16,22,20,.4)}
.dots{display:flex;gap:8px;margin-bottom:26px}
.dot{width:34px;height:4px;border-radius:2px;background:var(--line-2)}
.dot[aria-current=step]{background:var(--teal)}
.wz-p{margin-top:12px;color:var(--muted);font-size:15.5px;max-width:58ch}
.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:28px}
.answers button{font:500 16px Onest,sans-serif;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-2);
  border-radius:14px;padding:20px 22px;text-align:left;cursor:pointer;transition:border-color .15s, background .15s, transform .1s}
.answers button:hover{border-color:var(--teal);background:var(--teal-soft)}
.answers button:active{transform:translateY(1px)}
.answers button[aria-pressed=true]{border-color:var(--teal);background:var(--teal);color:#fff}
.back{margin-top:24px;background:none;border:0;color:var(--muted);font:400 14.5px Onest,sans-serif;cursor:pointer;text-decoration:underline}
.back:hover{color:var(--ink-2)}
.note{margin:0 0 22px;background:var(--teal-soft);border-radius:14px;padding:16px 18px;font-size:14.5px;color:#0A4D4D;line-height:1.55}
.results{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}
.res{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:start;
  border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.res-n{width:30px;height:30px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);
  display:grid;place-items:center;font-weight:700;font-size:14px}
.res h3 a{color:var(--ink);text-decoration:none}
.res h3 a:hover{color:var(--teal)}
.res-p{margin-top:5px;font-size:14px;color:var(--muted)}
.why{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px;font-size:14.5px;color:var(--ink-2)}
.why li{position:relative;padding-left:24px}
.why li::before{content:"";position:absolute;left:4px;top:7px;width:6px;height:10px;
  border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(40deg)}
.res-score{font-weight:700;font-size:22px;letter-spacing:-.03em;text-align:center;color:var(--teal-dark)}
.res-score i{display:block;font-style:normal;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}

.how{margin:24px 0 0;padding:0 0 0 22px;display:grid;gap:16px;font-size:16.5px;color:var(--ink-2);max-width:70ch}
.how li{padding-left:8px}
.how b{color:var(--ink)}
.plain{list-style:none;margin:20px 0 0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.plain li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 22px;border-top:1px solid var(--line)}
.plain li:first-child{border-top:0}
.pl-n{width:26px;color:var(--muted);font-size:13.5px;text-align:right}
.plain a{color:var(--ink);text-decoration:none;font-weight:500}
.plain a:hover{color:var(--teal)}
.pl-m{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.pl-s{font-weight:700;font-size:17px;letter-spacing:-.02em}
.pl-s.high{color:var(--ok)}.pl-s.mid{color:var(--warn)}.pl-s.low{color:var(--muted)}
.regions{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 30px}
.regions a{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink-2);text-decoration:none;font-size:15px}
.regions a:hover{color:var(--teal)}
.regions b{color:var(--muted);font-weight:500;font-size:13px}

/* карточка компании (наследует разметку разбора) */
.lead-block{padding:34px 0 24px;border-bottom:1px solid var(--line)}
.standfirst{margin-top:18px;max-width:66ch;font-size:17.5px;color:var(--ink-2)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;margin-top:28px}
.two h2{margin-bottom:14px}
.two h2+h2{margin-top:28px}
.parts{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.parts li{display:grid;gap:7px}
.parts b{font-size:15.5px}
.parts i{height:8px;border-radius:4px;background:var(--teal-soft);position:relative}
.parts i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--f);border-radius:4px;background:var(--teal)}
.parts span{font-size:14px;color:var(--muted)}
.kv{margin:0;display:grid;gap:10px;font-size:15px}
.kv div{display:grid;grid-template-columns:7rem 1fr;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.kv dt{color:var(--muted)}
.kv dd{margin:0}
.srcs{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.srcs li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--line)}
.srcs em{font-style:normal;color:var(--muted);font-size:13px}
.muted{color:var(--muted)}
.sect{padding:34px 0 0}

.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;border:1px solid var(--teal);
  border-radius:14px;padding:14px 26px;font:600 16px Onest,sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--teal-dark)}
input{font:400 16px Onest,sans-serif;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-2);
  border-radius:14px;padding:13px 16px;width:100%}
input::placeholder{color:var(--muted)}

.foot{margin-top:80px;background:var(--surface);border-top:1px solid var(--line);padding:44px 0 60px}
.foot-b{font-weight:700;font-size:17px}
.foot p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.65;max-width:76ch}
.foot-m{font-size:13px}

@media (max-width:900px){
  .hero-in,.two{grid-template-columns:1fr;gap:32px}
  .wrap{padding:0 16px}
  .wizard{padding:28px 22px 32px;border-radius:20px}
  .answers{grid-template-columns:1fr}
  .nav{display:none}
  .res{grid-template-columns:auto minmax(0,1fr);gap:14px}
  .res-score{grid-column:2;text-align:left;font-size:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* доступность: ссылка на содержимое и отступ под липкой шапкой */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:inherit;padding:12px 18px;border:1px solid currentColor;border-radius:8px}
.skip-link:focus{left:16px;top:12px}
h1,h2,h3,[id]{scroll-margin-top:90px}

/* SEO-блоки: текст о компании/городе и вопросы-ответы */
.seo{padding:46px 0 0}
.seo h2{margin-bottom:16px}
.seo p{max-width:72ch;margin-top:14px;color:var(--ink-2);font-size:16.5px;line-height:1.7}
.faq{padding:40px 0 0}
.faq h2{margin-bottom:18px}
.faq-list{display:grid;gap:12px;max-width:80ch}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.faq summary{cursor:pointer;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-3px) rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq details p{margin-top:12px;color:var(--ink-2);font-size:15.5px;line-height:1.65;max-width:70ch}

/* подробности карточки: города работы, чек-лист проверки */
.geo-list{max-width:80ch;color:var(--ink-2);font-size:15.5px;line-height:1.8}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:80ch}
.checklist li{position:relative;padding-left:30px;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.checklist li::before{content:"";position:absolute;left:6px;top:8px;width:7px;height:11px;
  border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(40deg)}
.checklist b{color:var(--ink)}