.hardware-hero{--hero:url('https://images.unsplash.com/photo-1586864387967-d02ef85d93e8?auto=format&fit=crop&w=1900&q=88')}.tool-categories{display:flex;gap:8px;flex-wrap:wrap;margin:44px 0 17px}.tool-categories button{border:1px solid var(--line);background:#fff;padding:10px 13px;font:600 10px var(--mono);text-transform:uppercase;color:#536a7a;cursor:pointer}.tool-categories button.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-grid article{padding:20px;background:#f2f5f7;border:1px solid transparent;min-height:220px;transition:.25s}.tool-grid article:hover{background:#fff;border-color:var(--signal);transform:translateY(-4px)}.tool-grid span{font:500 10px var(--mono);color:var(--signal)}.tool-grid h3{font:600 22px/1.05 var(--display);letter-spacing:-.05em;margin:39px 0 10px}.tool-grid p{font-size:11px;line-height:1.6;color:#667f90}.tool-grid small{font:500 8px var(--mono);letter-spacing:.1em;color:#7e95a5}.hardware-promise article{padding:12px 23px;border-left:1px solid rgba(166,202,218,.25)}.hardware-promise article:first-child{border:0;padding-left:0}.hardware-promise b{font:500 10px var(--mono);color:var(--signal)}.hardware-promise h3{font:600 24px var(--display);letter-spacing:-.055em;margin:28px 0 9px}.hardware-promise p{font-size:11px;color:#a6bbc7}@media(max-width:800px){.tools-head{grid-template-columns:1fr;gap:20px}.tool-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.hardware-promise article{border:0;padding:15px 0}}