:root{--white:#fff;--black:#000;--yellow:#e7ec5f;--grey:#666;--lightblack:#171717}.tools-page{color:#171717;width:100%}.tools-hero{text-align:center;background:var(--yellow);flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:80px 30px;display:flex}.tools-label{border:1px solid var(--lightblack);color:var(--black);letter-spacing:2px;padding:8px 15px;font-size:12px;font-weight:700}.tools-hero h1{letter-spacing:-5px;color:var(--black);margin:25px 0 20px;font-size:clamp(50px,8vw,90px);font-weight:900;line-height:.9}.tools-hero h1 span{display:block}.tools-hero p{max-width:600px;color:var(--grey);margin:0;font-size:18px;line-height:1.6}.tools-directory{background-color:var(--black);width:min(1200px,100%);margin:auto;padding:90px 30px}.tools-header{color:var(--white);justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.section-label{color:var(--grey);letter-spacing:2px;font-size:12px;font-weight:700}.tools-header h2{letter-spacing:-3px;color:var(--white);margin:8px 0 0;font-size:50px}.tool-count{color:var(--grey);font-size:14px;font-weight:600}.tool-search{width:100%;margin-bottom:20px}.tool-search input{border:2px solid var(--lightblack);background:var(--white);width:100%;height:60px;color:var(--lightblack);outline:none;padding:0 20px;font-size:16px;transition:all .2s}.tool-search input:focus{background:#f7f7f7;box-shadow:5px 5px #171717}.tool-categories{background-color:var(--black);flex-wrap:wrap;gap:10px;margin-bottom:35px;display:flex}.tool-category{border:1px solid var(--grey);background:var(--white);color:var(--lightblack);cursor:pointer;padding:10px 18px;font-weight:600;transition:all .2s}.tool-category:hover,.tool-category.active{background:var(--lightblack);border-color:var(--lightblack);color:var(--white)}.tools-grid{background-color:var(--black);grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.tool-card{border:2px solid var(--lightblack);background:var(--white);min-height:270px;color:var(--lightblack);flex-direction:column;padding:25px;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:flex}.tool-card:hover{background:var(--lightblack);color:var(--white);transform:translateY(-6px)}.tool-card-top{justify-content:space-between;align-items:center;display:flex}.tool-card-top span{text-transform:uppercase;letter-spacing:1px;opacity:.55;font-size:11px;font-weight:700}.tool-card-top strong{font-size:25px;transition:all .2s}.tool-card:hover .tool-card-top strong{transform:translate(4px,-4px)}.tool-card h3{letter-spacing:-.5px;margin:35px 0 12px;font-size:25px}.tool-card p{color:#777;margin:0;font-size:15px;line-height:1.6}.tool-card:hover p{color:#ccc}.tool-open{margin-top:auto;padding-top:25px;font-size:13px;font-weight:700}.no-tools{text-align:center;border:2px solid #171717;padding:80px 20px}.no-tools h3{margin:0 0 10px;font-size:25px}.no-tools p{color:#777;margin:0}@media (max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tools-hero{min-height:450px;padding:60px 20px}.tools-hero h1{letter-spacing:-3px;font-size:clamp(45px,14vw,65px)}.tools-hero p{font-size:16px}.tools-directory{padding:70px 20px}.tools-header{flex-direction:column;align-items:start}.tools-header h2{font-size:40px}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:240px}}