.tool{max-width:900px;margin:0 auto;padding:40px 20px 70px}
.tool h1{font-size:clamp(1.8rem,4.4vw,2.8rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;margin-bottom:12px}
.tool .lead{color:#374151;max-width:680px;margin-bottom:22px}
.tbox{background:var(--w);border:var(--b);box-shadow:8px 8px 0 var(--o);padding:22px;margin:18px 0}
.tbox h2{font-size:1.2rem;margin-bottom:8px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}
@media(max-width:640px){.row2,.row3{grid-template-columns:1fr}}
.res{list-style:none;margin-top:10px}.res li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:500}
.res .st{flex:none;width:92px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;text-align:center;height:fit-content;border:2px solid}
.res .ok{color:var(--ok);background:var(--okbg);border-color:var(--ok)}.res .warn{color:var(--warn);background:var(--warnbg);border-color:var(--warn)}.res .info{color:var(--d);background:var(--l);border-color:var(--d)}
.res b{display:block}.res small{color:var(--g);font-weight:500}
.big{font-weight:800;font-size:2.1rem;line-height:1.1;color:var(--o)}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:12px}
.kpi{border:3px solid var(--d);padding:12px 14px;background:var(--l)}.kpi small{display:block;color:var(--g);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
.fun{margin-top:10px}.fun div{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:.9rem;font-weight:500}.fun i{display:block;height:22px;background:var(--o);min-width:2px}.fun span{min-width:130px}
.note{font-size:.84rem;color:var(--g);margin-top:12px}
table.tt{width:100%;border-collapse:collapse;font-size:.92rem}table.tt th,table.tt td{padding:6px 5px;text-align:left;border-bottom:1px solid var(--line)}table.tt input{padding:7px 8px}
.tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}
.tl a{display:block;text-decoration:none;background:var(--w);border:var(--b);box-shadow:6px 6px 0 var(--o);padding:18px}.tl a:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--o)}.tl h2{font-size:1.15rem;margin-bottom:6px}.tl p{font-size:.92rem;color:#374151}
.price{font-weight:800;font-size:1.3rem}

#out{scroll-margin-top:90px}