.diagnostic{max-width:1080px;margin:auto;padding:clamp(3rem,8vw,7rem) clamp(1.3rem,6vw,5rem);background:url('bg-network.png') no-repeat 100% 2%/290px,url('bg-about.png') no-repeat 0 97%/220px}.tool-intro,.questionnaire,.result{background:#f7f6f2e8;border:1px solid #e4e0d8;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 20px 55px #241d120d}.tool-intro{max-width:760px}.tool-intro h1,.result h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.08em;margin:.4rem 0 1.5rem}.tool-intro h1 em{color:var(--orange);font-style:normal}.tool-intro p,.result>p{max-width:600px;font-size:1.05rem}.tool-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin:2rem 0}.tool-meta span,.question-dimension,.result-label{font:500 .7rem var(--mono);letter-spacing:.07em}.tool-meta span{border:1px solid var(--line);padding:.55rem .7rem;background:#fff}.questionnaire{max-width:780px;margin:auto}.progress{display:flex;align-items:center;gap:1rem;font:500 .75rem var(--mono);color:var(--muted)}.progress>div{height:6px;flex:1;background:#e3e1dc;border-radius:9px}.progress i,.meter i{display:block;height:100%;width:0;background:var(--orange);transition:width .25s}.question-dimension{color:var(--orange);margin:2.5rem 0 .6rem}.questionnaire h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.06em;line-height:1.12;margin:0 0 2rem}.answers{display:grid;gap:.7rem}.answer{width:100%;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);text-align:left;font:600 .95rem var(--sans);cursor:pointer;transition:.2s}.answer:hover,.answer.selected{border-color:var(--orange);background:#fff0e8;color:#c94e08}.tool-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.text-button{border:0;background:none;font:700 .8rem var(--sans);cursor:pointer}.text-button:disabled{opacity:.35}.result{max-width:900px}.result-label{color:var(--muted);margin-top:2rem}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0}.result-grid article{padding:1.5rem;background:#242423;color:#fff}.result-grid span{color:var(--orange);font:500 .68rem var(--mono);letter-spacing:.08em}.result-grid strong{display:block;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.06em;margin:.6rem 0}.meter{height:8px;background:#575650;margin-top:1rem}.result ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.result li{padding:.8rem;border-left:3px solid var(--orange);background:#fff}@media(max-width:650px){.result-grid,.result ul{grid-template-columns:1fr}.diagnostic{padding-top:3rem;background-size:150px,120px}.tool-intro h1{font-size:3rem}}
