.tools-hero{position:relative;padding:76px 0 58px;background:radial-gradient(circle at 12% 10%,rgba(22,119,255,.16),transparent 32%),radial-gradient(circle at 88% 20%,rgba(124,58,237,.15),transparent 34%),linear-gradient(180deg,#f9fbff,#fff);overflow:hidden}.tools-hero:after{content:"";position:absolute;inset:auto -100px -170px auto;width:360px;height:360px;border:1px solid rgba(72,87,255,.13);border-radius:36%;transform:rotate(26deg);pointer-events:none}.tools-hero-inner{position:relative;z-index:1;max-width:820px;margin:auto;text-align:center}.tools-hero h1{margin:1.15rem 0;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.05;letter-spacing:-.045em;font-weight:850;color:var(--lq-navy)}.tools-hero p{max-width:700px;margin:0 auto;color:var(--lq-muted);font-size:1.07rem;line-height:1.75}.tools-search{display:flex;align-items:center;max-width:650px;margin:1.8rem auto 1.1rem;padding:.45rem .55rem .45rem 1rem;border:1px solid #dbe3f7;border-radius:17px;background:#fff;box-shadow:0 18px 45px rgba(32,55,112,.12);transition:border-color .2s,box-shadow .2s}.tools-search:focus-within{border-color:var(--lq-blue);box-shadow:0 18px 48px rgba(42,77,171,.17),0 0 0 4px rgba(22,119,255,.09)}.tools-search i{color:var(--lq-violet)}.tools-search input{min-width:0;flex:1;padding:.72rem;border:0;outline:0;color:var(--lq-ink);background:transparent;font-size:1rem}.tools-search kbd{border:1px solid var(--lq-line);border-bottom-width:2px;border-radius:7px;background:#f7f8fc;color:#64748b;font:600 .78rem/1 sans-serif;padding:.43rem .55rem}.tools-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 1.4rem;color:#52617d;font-size:.86rem}.tools-summary i{color:#16a36a;margin-right:.3rem}.tools-summary strong{color:var(--lq-navy)}.tools-directory{padding:42px 0 85px}.tool-tabs-wrap{position:sticky;top:73px;z-index:20;padding:.55rem 0;background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}.tool-tabs{display:flex;gap:.55rem;padding:.42rem;border:1px solid var(--lq-line);border-radius:17px;background:#f7f9fd;overflow-x:auto;scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:max-content;padding:.75rem 1rem;border:0;border-radius:12px;background:transparent;color:#596985;font-weight:700;white-space:nowrap;transition:.2s}.tool-tab:hover{color:var(--lq-blue);background:#fff}.tool-tab.is-active{color:#fff;background:var(--lq-gradient);box-shadow:0 8px 22px rgba(82,75,238,.24)}.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.4rem 0 1.25rem}.directory-heading h2{margin:0;color:var(--lq-navy);font-size:clamp(1.65rem,3vw,2.25rem);font-weight:820;letter-spacing:-.025em}.directory-heading>p{margin:0;color:var(--lq-muted);font-size:.9rem}.all-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.directory-card{position:relative;display:flex;align-items:center;gap:1rem;min-height:128px;padding:1.15rem;border:1px solid var(--lq-line);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(61,109,255,.07),transparent 40%),#fff;color:inherit!important;text-decoration:none!important;box-shadow:0 8px 30px rgba(35,51,95,.055);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.directory-card:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--lq-gradient);transform:scaleX(0);transform-origin:left;transition:transform .3s}.directory-card:hover{transform:translateY(-5px);border-color:#cdd9fa;box-shadow:0 18px 44px rgba(35,57,125,.13)}.directory-card:hover:before{transform:scaleX(1)}.directory-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,rgba(22,119,255,.12),rgba(124,58,237,.13));color:var(--lq-violet);font-size:1.2rem}.directory-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.35rem}.directory-copy strong{color:var(--lq-navy);font-size:1rem}.directory-copy small{color:var(--lq-muted);font-size:.82rem;line-height:1.5}.directory-arrow{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;color:#8793aa;background:#f5f7fb;transition:.2s}.directory-card:hover .directory-arrow{color:#fff;background:var(--lq-gradient);transform:translateX(3px)}.directory-card.is-hidden{display:none}.tools-empty{padding:4rem 1rem;text-align:center;border:1px dashed #ced7eb;border-radius:22px;background:#fafbfe}.tools-empty .directory-icon{margin:0 auto 1rem}.tools-empty h2{color:var(--lq-navy);font-size:1.3rem;font-weight:800}.tools-empty p{color:var(--lq-muted)}.tools-help{padding:0 0 85px}@media(max-width:991px){.all-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-tabs-wrap{top:68px}.tool-tab{flex:0 0 auto}.tools-hero{padding-top:55px}}@media(max-width:640px){.tools-hero{padding:45px 0}.tools-hero h1{font-size:2.4rem}.tools-search kbd{display:none}.tools-summary{align-items:flex-start;flex-direction:column;max-width:270px;margin:0 auto}.tools-directory{padding-top:25px}.all-tools-grid{grid-template-columns:1fr}.directory-heading{align-items:flex-start;flex-direction:column}.directory-card{min-height:116px}.tool-tabs-wrap{margin-inline:-12px;padding-inline:12px}.tools-help{padding-bottom:58px}}