.highlight{color:#b693ff}.tabs{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.tab{border-bottom:2px solid transparent;color:#6b6b6b;cursor:pointer;font-size:14px;font-weight:600;line-height:143%;padding:8px 16px}.tab.active{border-bottom:2px solid #b693ff;color:#b693ff;font-weight:600;transition:.5s}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tool{align-items:center;display:flex;gap:10px}.tool:hover .tool-img{background:rgba(0,0,0,.1)}.tool:hover .tool-title{color:#6b6b6b}.tool-img{align-items:center;background:#f7f7f7;border-radius:8px;display:flex;height:60px;justify-content:center;min-width:60px;transition:.2s}.tool-img picture{height:32px}.tool-img img{flex-shrink:0;height:32px;width:32px}.tool-info{flex:1}.tool-title{color:#141416;font-size:16px;font-weight:600;line-height:150%;max-width:180px;transition:.2s}.tool-desc,.tool-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-desc{color:#6b6b6b;font-size:14px;font-weight:400;line-height:143%;max-width:200px}.btn-container{margin-top:40px;text-align:center}.btn-container .tabs-btn{background-color:#b693ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:100%;padding:16px 24px}.btn-container .tabs-btn:hover{background:#9376cc;color:#fff}@media (max-width:768px){.tool-img{height:44px;min-width:44px;width:44px}.tool-img picture{height:24px}.tool-img img{height:24px;width:24px}.tool-title{font-size:14px}.tool-desc{font-size:12px}}@media (max-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tab-content{overflow:hidden}}