.tools-bar{padding:30px 0 18px;background:#f4f9fd;border-bottom:1px solid var(--line)}.tools-bar h1{margin:4px 0;font-size:clamp(30px,4vw,44px);line-height:1.08;color:var(--navy)}.tools-bar p{margin:0;color:var(--muted)}.tools-main{padding:26px 0 150px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-chip{min-height:58px;padding:10px 12px;border:1px solid #c8d8e6;border-radius:11px;background:#fff;color:var(--navy);font:inherit;font-size:14px;font-weight:900;line-height:1.15;text-align:center;cursor:pointer}.tool-chip:hover,.tool-chip.active{background:#eaf5ff;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.tool-panel{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:24px;background:#f7fbff;box-shadow:var(--shadow)}.tool-panel[hidden]{display:none}.tool-panel h2{color:var(--navy);font-size:28px;margin:0 0 3px}.tool-panel .explain{margin:0 0 20px;color:#536c81}.tool-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-form label{display:block;color:var(--navy);font-weight:850;margin-bottom:6px}.tool-form input,.tool-form select{display:block;width:100%;min-height:48px;padding:10px 12px;border:1px solid #bfcfdd;border-radius:10px;background:#fff}.tool-actions-row{grid-column:1/-1;display:flex;gap:11px;flex-wrap:wrap;margin-top:4px}.tool-result{grid-column:1/-1;display:none;margin-top:6px;border-radius:16px;padding:22px;background:#062e56;color:white}.tool-result.show{display:block}.tool-result .result-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#f1c955;font-weight:900}.tool-result .result-value{font-size:clamp(32px,5vw,49px);font-weight:950;line-height:1.06;margin:5px 0 9px}.tool-result p{margin:0 0 15px;color:#dce9f5}.tool-result .result-note{font-size:12px;color:#a9c4da;margin-top:15px}.result-ctas{display:flex;gap:11px;flex-wrap:wrap}.result-ctas .btn{min-height:45px;padding:11px 14px;font-size:13px}@media(max-width:800px){.tools-bar{padding:22px 0 14px}.tools-bar h1{font-size:30px}.tools-main{padding:16px 0 150px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-chip{min-height:54px;padding:8px;font-size:13px}.tool-panel{margin-top:16px;padding:20px}.tool-panel h2{font-size:25px}.tool-form{grid-template-columns:1fr}.tool-actions-row .btn{width:100%}.result-ctas{display:grid;grid-template-columns:1fr}.result-ctas .btn{width:100%}}
