.tool-dir-hero-inner{background-image:radial-gradient(60% 55% at 12% 6%,#6366f157 0%,#0000 62%),radial-gradient(55% 60% at 92% 32%,#22d3ee33 0%,#0000 60%),radial-gradient(70% 60% at 65% 108%,#4f46e538 0%,#0000 65%);max-width:none}.tool-dir-hero-inner:before{content:"";z-index:-1;background-image:linear-gradient(90deg,#94a3b817 1px,#0000 1px),linear-gradient(#94a3b817 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 75% at 50% 35%,#000 25%,#0000 78%);mask-image:radial-gradient(90% 75% at 50% 35%,#000 25%,#0000 78%)}.tool-dir-hero-inner:after{content:"";z-index:-1;opacity:.4;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:absolute;inset:-50%}@media (min-width:641px) and (max-width:900px){.tool-dir-hero-inner{padding:42px 30px 38px}}@media (min-width:901px){.tool-dir-hero-inner{padding:52px 48px 46px}}.tool-dir-filters{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,16px);background:var(--bg-secondary,#f8fafc);flex-direction:column;gap:16px;margin-bottom:20px;padding:18px;display:flex}@media (min-width:768px){.tool-dir-filters{padding:22px 24px}}.tool-dir-count{border-top:1px solid var(--border,#e2e8f0);color:var(--text-muted,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.tool-dir-count strong{color:var(--text-main,#0f172a);font-weight:700}.tool-dir-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.tool-dir-card{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,16px);background:var(--surface,#fff);flex-direction:column;gap:10px;min-width:0;padding:20px;display:flex}.tool-dir-card:hover{border-color:var(--primary,#4f46e5);box-shadow:var(--shadow-md)}.tool-dir-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tool-dir-name{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-main,#0f172a);overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:700;line-height:1.3}.tool-dir-name a{color:inherit;text-decoration:none}.tool-dir-name a:hover{color:var(--primary,#4f46e5)}.tool-dir-name a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.tool-dir-tagline{color:var(--text-muted,#64748b);flex:1;margin:0;font-size:14px;line-height:1.55}.tool-dir-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-dir-foot{border-top:1px solid var(--border,#e2e8f0);color:var(--text-muted,#64748b);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:auto;padding-top:12px;font-size:12.5px;line-height:1.5;display:flex}.tool-dir-foot-item{overflow-wrap:anywhere;min-width:0}.tool-dir-foot-label{letter-spacing:.05em;text-transform:uppercase;margin-right:5px;font-size:11px;font-weight:700}.tool-dir-price{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-main,#0f172a);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font-size:20px;font-weight:600;display:flex}.tool-dir-price-unit{font-family:var(--font-sans,inherit);color:var(--text-muted,#64748b);overflow-wrap:anywhere;font-size:12.5px;font-weight:500;line-height:1.4}.tool-dir-price--quote{font-family:var(--font-sans,inherit);color:var(--text-muted,#64748b);font-size:14px;font-weight:600}.tool-dir-out{min-width:0;max-width:100%;color:var(--primary,#4f46e5);overflow-wrap:anywhere;align-items:baseline;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.tool-dir-out:after{content:"↗";flex:none;font-size:11px;line-height:1}.tool-dir-out:hover{text-decoration:underline}.tool-dir-out:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-out{color:var(--cyan-300)}.tool-dir-access,.tool-dir-exposure{--badge-ink:#475569;--badge-bg:#f1f5f9;--badge-line:#e2e8f0;border:1px solid var(--badge-line);background:var(--badge-bg);max-width:100%;color:var(--badge-ink);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.tool-dir-access:before,.tool-dir-exposure:before{content:"";background:currentColor;flex:none;width:7px;height:7px}.tool-dir-access{border-radius:999px}.tool-dir-access:before{border-radius:2px}.tool-dir-exposure{border-radius:6px}.tool-dir-exposure:before{transform:rotate(45deg)}.tool-dir-access--official-api{--badge-ink:#4338ca;--badge-bg:#4f46e514;--badge-line:#4f46e547}.tool-dir-access--extension{--badge-ink:#6d28d9;--badge-bg:#6d28d914;--badge-line:#6d28d947}.tool-dir-access--cloud-automation{--badge-ink:#b45309;--badge-bg:#b4530914;--badge-line:#b4530947}.tool-dir-access--data-vendor{--badge-ink:#0e7490;--badge-bg:#0e749014;--badge-line:#0e749047}.tool-dir-access--none{--badge-ink:#475569;--badge-bg:#f1f5f9;--badge-line:#e2e8f0}.tool-dir-exposure--low{--badge-ink:#047857;--badge-bg:#04785714;--badge-line:#04785747}.tool-dir-exposure--medium{--badge-ink:#b45309;--badge-bg:#b4530914;--badge-line:#b4530947}.tool-dir-exposure--high{--badge-ink:#b91c1c;--badge-bg:#b91c1c14;--badge-line:#b91c1c47}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) :is(.tool-dir-access,.tool-dir-exposure){--badge-ink:#cbd5e1;--badge-bg:#ffffff0f;--badge-line:#94a3b84d}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-access--official-api{--badge-ink:#a5b4fc;--badge-bg:#818cf824;--badge-line:#818cf85c}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-access--extension{--badge-ink:#c4b5fd;--badge-bg:#c4b5fd24;--badge-line:#c4b5fd57}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-access--cloud-automation{--badge-ink:#fcd34d;--badge-bg:#fcd34d1f;--badge-line:#fcd34d52}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-access--data-vendor{--badge-ink:#67e8f9;--badge-bg:#67e8f91f;--badge-line:#67e8f952}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-access--none{--badge-ink:#cbd5e1;--badge-bg:#ffffff0f;--badge-line:#94a3b84d}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-exposure--low{--badge-ink:#6ee7b7;--badge-bg:#6ee7b71f;--badge-line:#6ee7b752}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-exposure--medium{--badge-ink:#fcd34d;--badge-bg:#fcd34d1f;--badge-line:#fcd34d52}:is(.tool-dir-hero-inner,.price-hero-inner,.tools-hero-inner,.slab,.h-slab) .tool-dir-exposure--high{--badge-ink:#fca5a5;--badge-bg:#fca5a51f;--badge-line:#fca5a552}@media (forced-colors:active){.tool-dir-access,.tool-dir-exposure{color:canvastext;border-color:canvastext}}.tool-dir-cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.tool-dir-cat{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);min-width:0;color:inherit;border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;text-decoration:none;display:flex}.tool-dir-cat:hover{border-color:var(--primary,#4f46e5)}.tool-dir-cat:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tool-dir-cat-name{min-width:0;color:var(--text-main,#0f172a);overflow-wrap:anywhere;font-size:14.5px;font-weight:600;line-height:1.4}.tool-dir-cat-count{font-variant-numeric:tabular-nums;color:var(--text-muted,#64748b);flex:none;font-size:12.5px;font-weight:600}.tool-dir-empty{max-width:var(--measure);border:1px dashed var(--border-strong,#cbd5e1);border-radius:var(--radius,16px);color:var(--text-muted,#64748b);margin:16px 0 0;padding:28px 22px;font-size:15px;line-height:1.6}.tool-dir-empty a{color:var(--primary,#4f46e5)}@media (prefers-reduced-motion:no-preference){.tool-dir-card,.tool-dir-cat{transition:border-color .15s,transform .15s,box-shadow .15s}.tool-dir-card:hover,.tool-dir-cat:hover{transform:translateY(-2px)}}