.directory-viewport.svelte-1ilfdn2{background-color:#07070a;box-sizing:border-box;color:#cbd5e1;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:10rem 1.5rem 5rem;pointer-events:auto;width:100%}.directory-container.svelte-1ilfdn2{display:flex;flex-direction:column;gap:3rem;max-width:1200px;width:100%}.directory-header.svelte-1ilfdn2{margin:0 auto;max-width:800px;text-align:center}.eyebrow.svelte-1ilfdn2{color:#0ff;display:block;font-size:.85rem;font-weight:700;letter-spacing:.15em;margin-bottom:.5rem;text-transform:uppercase}.directory-header.svelte-1ilfdn2 h1:where(.svelte-1ilfdn2){background:linear-gradient(135deg,#0ff,#f8f3ff,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;-webkit-text-fill-color:transparent;letter-spacing:-.01em;line-height:2rem;margin-bottom:1rem;padding:3rem}.directory-header.svelte-1ilfdn2 p:where(.svelte-1ilfdn2){color:#94a3b8;font-size:1.1rem;line-height:1.6}.filter-toolbar.svelte-1ilfdn2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:1rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1rem}.search-input-wrapper.svelte-1ilfdn2{align-items:center;display:flex;flex:1 1 300px;position:relative}.search-svg.svelte-1ilfdn2{color:#64748b;height:18px;left:1rem;pointer-events:none;position:absolute;width:18px}.search-input-wrapper.svelte-1ilfdn2 input:where(.svelte-1ilfdn2){background:#0006;border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;color:#fff;font-size:.95rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .25s,box-shadow .25s;width:100%}.search-input-wrapper.svelte-1ilfdn2 input:where(.svelte-1ilfdn2):focus{border-color:#0ff;box-shadow:0 0 10px #00ffff26}.category-tabs.svelte-1ilfdn2{display:flex;flex-wrap:wrap;gap:.5rem}.tab-btn.svelte-1ilfdn2{background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:.375rem;color:#94a3b8;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .25s ease}.tab-btn.svelte-1ilfdn2:hover{background:#ffffff0f;color:#fff}.tab-btn.active.svelte-1ilfdn2{background:#00ffff0d;border-color:#0ff;color:#0ff}.grid-layout.svelte-1ilfdn2{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.comparison-card.svelte-1ilfdn2{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#10101966;border:1px solid hsla(0,0%,100%,.04);border-radius:1rem;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.comparison-card.svelte-1ilfdn2:hover{border-color:#0ff3;box-shadow:0 10px 30px #00000080,0 0 15px #00ffff0d;transform:translateY(-4px)}.card-inner.svelte-1ilfdn2{display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:space-between;padding:1.5rem}.category-badge.svelte-1ilfdn2{background:#c084fc14;border:1px solid rgba(192,132,252,.15);border-radius:.25rem;color:#c084fc;display:block;font-size:.65rem;font-weight:700;margin-bottom:.75rem;padding:.15rem .5rem;text-transform:uppercase;width:fit-content}.card-top.svelte-1ilfdn2 h2:where(.svelte-1ilfdn2){color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.card-top.svelte-1ilfdn2 p:where(.svelte-1ilfdn2){color:#94a3b8;font-size:.9rem;line-height:1.5}.card-bottom.svelte-1ilfdn2{border-top:1px solid hsla(0,0%,100%,.04);padding-top:1rem}.action-text.svelte-1ilfdn2{align-items:center;color:#0ff;display:flex;font-size:.85rem;font-weight:700;gap:.35rem;transition:gap .25s}.comparison-card.svelte-1ilfdn2:hover .action-text:where(.svelte-1ilfdn2){gap:.6rem}.arrow-svg.svelte-1ilfdn2{height:14px;width:14px}.empty-state.svelte-1ilfdn2{align-items:center;background:#ffffff03;border:1px dashed hsla(0,0%,100%,.08);border-radius:1rem;color:#64748b;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;padding:5rem 2rem;text-align:center}.empty-svg.svelte-1ilfdn2{color:#64748b;height:40px;width:40px}@media(max-width:768px){.directory-viewport.svelte-1ilfdn2{padding:7rem 1rem 3rem}.filter-toolbar.svelte-1ilfdn2{align-items:stretch}.category-tabs.svelte-1ilfdn2{justify-content:center}}