.toolbox{grid-template-columns:1fr;gap:28px}
.toolbox>div:first-child{max-width:650px}
.tool-brands{min-width:0}
.brand-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.brand-item{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:100px;padding:20px 16px;background:linear-gradient(145deg,#fff,#fafbfd);border:1px solid #ffffffd9;border-radius:15px;box-shadow:0 7px 18px #182c4310,0 2px 5px #182c4307;transition:transform .22s,box-shadow .22s}
.brand-item img{width:40px;height:40px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.brand-item span{font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:#344350}
.brand-item:hover,.brand-item:focus-visible{transform:translateY(-3px);box-shadow:0 13px 25px #182c4318,0 3px 6px #182c4309}
.brand-item:hover img,.brand-item:focus-visible img{filter:grayscale(0);opacity:1}
.brand-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){.brand-stage{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.brand-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-item{gap:10px;min-height:86px;padding:16px 10px;border-radius:12px}.brand-item img{width:30px;height:30px}.brand-item span{font-size:14px}}
@media(hover:none){.brand-item img{filter:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-item,.brand-item img{transition:none}.brand-item:hover,.brand-item:focus-visible{transform:none}}