:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17231b;--muted:#5c685f;--brand:#1f4d2b;--brand-strong:#15361e;--surface:#fff;--wash:#f3f6f1;--line:#dbe4da}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{background:var(--wash);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-directory{--directory-green:#20a934;--directory-green-dark:#17892a;--directory-ink:#090b09;--directory-muted:#404640;color:var(--directory-ink);background:#fff;min-height:100vh;overflow:hidden}.directory-header{border-bottom:1px solid #e7e9e7;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(28px,4vw,64px);display:flex}.directory-wordmark{color:#000;letter-spacing:-.065em;font-size:clamp(1.5rem,2vw,1.85rem);font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.directory-wordmark span:first-child{color:#31a632}.directory-header-cta{background:var(--directory-green);border:2px solid var(--directory-green);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:0 23px;font-weight:760;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.directory-header-cta:hover,.directory-header-cta:focus-visible{background:var(--directory-green-dark);border-color:var(--directory-green-dark);outline:none;transform:translateY(-2px)}.section-kicker{color:var(--directory-green-dark,var(--brand));letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}.tool-browser{max-width:1440px;margin:0 auto;padding:clamp(46px,5vw,68px) clamp(28px,4vw,58px) 96px}.tool-controls{justify-content:space-between;align-items:center;gap:36px;animation:.52s ease-out both directory-intro;display:flex}.tool-controls>div:first-child{max-width:690px}.tool-intro{color:var(--directory-muted);max-width:520px;margin:10px 0 0;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.48}.tool-search{background:var(--surface);color:var(--muted);border:1px solid #d9dfd9;border-radius:9px;flex:0 430px;align-items:center;gap:10px;min-height:54px;padding:0 14px 0 17px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 30px #14261912}.tool-search:focus-within{border-color:var(--directory-green);transform:translateY(-1px);box-shadow:0 0 0 4px #20a9341f}.tool-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:1rem}.tool-search input::placeholder{color:#849087}.tool-search button{color:var(--directory-green-dark);cursor:pointer;background:#edf2eb;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.category-filter{scrollbar-width:thin;gap:8px;margin:48px 0 0;padding:2px 2px 10px;display:flex;overflow-x:auto}.category-filter button{color:#47544b;cursor:pointer;background:0 0;border:1px solid #cad5c9;border-radius:999px;flex:none;min-height:38px;padding:0 13px;font-size:.84rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.category-filter button span{color:#839086;margin-left:4px;font-size:.72rem}.category-filter button:hover,.category-filter button:focus-visible,.category-filter button.is-active{background:var(--directory-green);border-color:var(--directory-green);color:#fff;outline:none}.category-filter button:hover span,.category-filter button:focus-visible span,.category-filter button.is-active span{color:#cfe0d0}.results-summary{color:#758078;margin:18px 0 0;font-size:.84rem}.tool-sections{border-top:1px solid var(--line);margin-top:30px}.results-summary+.tool-sections{margin-top:18px}.tool-category{grid-template-columns:minmax(230px,.72fr) minmax(0,2fr);gap:52px;padding:48px 0;display:grid}.tool-category+.tool-category{border-top:1px solid var(--line)}.category-heading{align-items:flex-start;gap:15px;display:flex}.category-icon{color:var(--directory-green-dark);background:#edf7ec;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;display:flex}.category-heading h3{letter-spacing:-.025em;margin:1px 0 7px;font-size:1.2rem;line-height:1.2}.category-heading p{color:var(--muted);max-width:260px;margin:0;font-size:.85rem;line-height:1.5}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:59px;padding:10px 12px;font-size:.93rem;font-weight:680;text-decoration:none;transition:background .15s,color .15s,padding .15s;display:flex}.tool-link:nth-child(3n+2),.tool-link:nth-child(3n+3){border-left:1px solid var(--line)}.tool-link svg{color:#93a096;opacity:0;flex:none;transition:opacity .15s,transform .15s;transform:translate(-5px,5px)}.tool-link:hover,.tool-link:focus-visible{color:var(--directory-green-dark);background:#f0f8ef;outline:none;padding-left:17px}.tool-link:hover svg,.tool-link:focus-visible svg{opacity:1;transform:translate(0)}.empty-tools{border-top:1px solid var(--line);color:var(--muted);text-align:center;flex-direction:column;align-items:center;margin-top:34px;padding:84px 20px;display:flex}.empty-tools h3{color:var(--ink);margin:17px 0 6px;font-size:1.4rem}.empty-tools p{margin:0}.empty-tools button{background:var(--directory-green);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:44px;margin-top:22px;padding:0 18px;font-weight:750}.directory-cta{background:#f4f7f3;justify-content:space-between;align-items:center;gap:32px;max-width:1324px;margin:0 auto;padding:clamp(44px,6vw,72px) clamp(28px,5vw,68px);display:flex}.directory-cta .section-kicker{margin-bottom:12px}.directory-cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.25rem,4vw,3.7rem);line-height:1}.directory-cta>a{background:var(--directory-green);border:2px solid var(--directory-green);color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 24px;font-weight:760;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.directory-cta>a:hover,.directory-cta>a:focus-visible{background:var(--directory-green-dark);border-color:var(--directory-green-dark);outline:none;transform:translateY(-2px)}.directory-footer{color:var(--directory-muted);justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:30px clamp(28px,4vw,58px) 34px;font-size:.82rem;display:flex}.directory-footer nav{gap:20px;display:flex}.directory-footer a{text-decoration:none}.directory-footer a:hover,.directory-footer a:focus-visible{color:var(--directory-green-dark);text-underline-offset:3px;outline:none;text-decoration:underline}@keyframes directory-intro{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.tool-browser{padding-left:28px;padding-right:28px}.tool-category{grid-template-columns:210px minmax(0,1fr);gap:32px}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-link:nth-child(3n+2),.tool-link:nth-child(3n+3){border-left:0}.tool-link:nth-child(2n){border-left:1px solid var(--line)}}@media (max-width:700px){.directory-header{height:72px;padding-inline:20px}.directory-header-cta{min-height:44px;padding-inline:17px;font-size:.84rem}.tool-browser{padding:46px 20px 72px}.tool-controls{flex-direction:column;align-items:stretch;gap:24px}.tool-search{flex-basis:auto;width:100%}.category-filter{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.tool-category{padding:38px 0 44px;display:block}.category-heading{margin-bottom:24px}.tool-list{grid-template-columns:1fr}.tool-link,.tool-link:nth-child(2n){border-left:0;min-height:56px;padding-left:4px;padding-right:4px}.tool-link svg{opacity:1;transform:none}.tool-link:hover,.tool-link:focus-visible{padding-left:10px}.directory-cta{flex-direction:column;align-items:flex-start;margin-inline:20px;padding:42px 24px}.directory-cta>a{width:100%}.directory-footer{padding-inline:20px}}@media (max-width:520px){.directory-wordmark{font-size:1.45rem}.directory-footer{text-align:center;flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-link,.tool-link svg,.tool-search,.directory-header-cta,.directory-cta>a{transition:none}.tool-controls{animation:none}}
