.directories-page{animation:page-enter var(--motion-slow) var(--ease-out-soft) both;overflow:clip}.directory-breadcrumb{color:var(--muted-foreground);align-items:center;gap:.55rem;padding-top:1.35rem;font-size:.78rem;display:flex}.directory-breadcrumb a:hover,.directory-review-note a:hover,.directory-inline-link:hover{color:var(--accent)}.directory-hero{max-width:850px;padding:5.25rem 0 4.5rem;position:relative}.directory-hero:before{z-index:-1;background:radial-gradient(circle, color-mix(in oklab, var(--accent) 12%, transparent), transparent 68%);content:"";pointer-events:none;border-radius:999px;width:44rem;height:25rem;position:absolute;top:0;left:-16rem}.directory-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:820px;margin-top:.65rem;font-size:clamp(2.15rem,5vw,4.35rem);font-weight:750;line-height:.98}.directory-hero-copy{max-width:670px;color:var(--muted-foreground);margin-top:1.35rem;font-size:clamp(.95rem,2vw,1.08rem);line-height:1.7}.directory-hero-actions,.directory-final-cta>div{flex-wrap:wrap;gap:.65rem;margin-top:1.65rem;display:flex}.directory-hero-actions .btn,.directory-final-cta .btn,.directory-actions .btn{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.directory-hero-actions svg,.directory-final-cta svg,.directory-actions svg{width:1rem;height:1rem}.directory-review-note{color:var(--muted-foreground);align-items:center;gap:.55rem;margin-top:1.35rem;font-size:.78rem;display:flex}.directory-review-note>svg{width:1rem;height:1rem;color:var(--accent)}.directory-review-note a{color:var(--foreground);font-weight:650}.directory-finder{border-top:1px solid var(--border);padding:2.25rem 0 5.5rem;scroll-margin-top:5rem}.directory-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.directory-section-heading h2,.directory-guide h2,.directory-faq h2,.directory-final-cta h2{letter-spacing:-.035em;margin-top:.2rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:720;line-height:1.2}.directory-section-heading>p{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem}.directory-toolbar{grid-template-columns:minmax(0,1fr) 210px;gap:.65rem;margin-top:1.5rem;display:grid}.directory-search,.directory-sort{border:1px solid var(--input);background:var(--card);min-width:0;height:46px;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);border-radius:9px;align-items:center;display:flex;position:relative}.directory-search:focus-within,.directory-sort:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 14%, transparent)}.directory-search>svg{width:1rem;color:var(--muted-foreground);margin-left:.9rem}.directory-search input,.directory-sort select{width:100%;min-width:0;height:100%;color:var(--foreground);background:0 0;border:0;outline:0;font-size:.875rem}.directory-search input{padding:0 .85rem 0 .65rem}.directory-search input::placeholder{color:var(--muted-foreground)}.directory-sort>span{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;padding-left:.8rem;font-size:.72rem;font-weight:650}.directory-sort select{appearance:none;cursor:pointer;padding:0 2rem 0 .55rem}.directory-sort>svg{pointer-events:none;width:.95rem;position:absolute;right:.7rem}.directory-filters{scrollbar-width:none;gap:.4rem;margin-top:.75rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.directory-filters::-webkit-scrollbar{display:none}.directory-filters button{border:1px solid var(--border);background:var(--card);height:34px;color:var(--muted-foreground);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.directory-filters button:hover{border-color:color-mix(in oklab, var(--accent) 35%, var(--border));color:var(--foreground)}.directory-filters button.is-active{border-color:color-mix(in oklab, var(--accent) 35%, var(--border));background:var(--accent-soft);color:var(--accent)}.directory-filters button svg{width:.8rem;height:.8rem}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.directory-card{min-width:0;min-height:365px;transition:border-color var(--motion-normal), box-shadow var(--motion-normal), transform var(--motion-normal) var(--ease-out-soft);flex-direction:column;padding:1.2rem;display:flex}.directory-card:hover{border-color:color-mix(in oklab, var(--accent) 28%, var(--border));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.directory-logo{border:1px solid color-mix(in oklab, var(--directory-accent) 38%, var(--border));background:color-mix(in oklab, var(--directory-accent) 12%, var(--card));width:46px;height:46px;color:var(--directory-accent);letter-spacing:-.03em;border-radius:12px;flex:none;place-items:center;font-size:.83rem;font-weight:800;display:grid}.directory-price{background:var(--subtle);color:var(--muted-foreground);letter-spacing:.02em;border-radius:999px;padding:.18rem .48rem;font-size:.66rem;font-weight:700}.directory-details{border-top:1px solid var(--border);grid-template-columns:1.4fr .8fr 1fr;gap:.75rem;margin-top:1.15rem;padding-top:1rem;display:grid}.directory-details div{min-width:0}.directory-details dt{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.045em;align-items:center;gap:.3rem;font-size:.66rem;font-weight:650;display:flex}.directory-details dt svg{width:.75rem;height:.75rem}.directory-details dd{margin-top:.25rem;font-size:.75rem;font-weight:580;line-height:1.4}.directory-tags{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.directory-tags li{border:1px solid var(--border);color:var(--muted-foreground);border-radius:6px;padding:.22rem .5rem;font-size:.68rem}.directory-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:auto;padding-top:1.1rem;display:grid}.directory-actions .btn{white-space:nowrap;min-width:0;padding:0 .65rem}.directory-actions .btn:only-child{grid-column:1/-1}.directory-skeleton{flex-direction:column;gap:1rem;min-height:300px;padding:1.2rem;display:flex}.directory-skeleton span{background:linear-gradient(90deg, var(--muted) 25%, var(--card) 50%, var(--muted) 75%);background-size:200% 100%;border-radius:6px;height:1rem;animation:1.2s linear infinite directory-shimmer}.directory-skeleton span:first-child{width:45%;height:2.75rem}.directory-skeleton span:nth-child(2){width:92%}.directory-skeleton span:nth-child(3){width:67%}@keyframes directory-shimmer{to{background-position:-200% 0}}.directory-empty{border:1px dashed var(--border);text-align:center;border-radius:12px;align-content:center;place-items:center;min-height:280px;margin-top:1.25rem;padding:2rem;display:grid}.directory-empty>svg{width:1.6rem;color:var(--muted-foreground)}.directory-empty h3{margin-top:.8rem;font-weight:700}.directory-empty p{color:var(--muted-foreground);margin:.25rem 0 1rem;font-size:.85rem}.directory-guide{gap:0;padding-top:1rem;padding-bottom:5.5rem;display:grid}.directory-guide>section{border-top:1px solid var(--border);grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr);gap:2.5rem;padding:2.2rem 0;display:grid}.directory-guide>section>div,.directory-guide>section>p{color:var(--muted-foreground);font-size:.92rem;line-height:1.78}.directory-checklist{gap:.55rem;display:grid}.directory-checklist li{padding-left:1.25rem;position:relative}.directory-checklist li:before{color:var(--accent);content:"✓";font-weight:800;position:absolute;left:0}.directory-inline-link{color:var(--foreground);align-items:center;gap:.35rem;margin-top:1rem;font-weight:650;display:inline-flex}.directory-inline-link svg{width:.9rem;height:.9rem}.directory-faq>div{border-bottom:1px solid var(--border)}.directory-faq details{border-top:1px solid var(--border)}.directory-faq summary{color:var(--foreground);cursor:pointer;padding:1rem 2rem 1rem 0;font-weight:650;list-style:none;position:relative}.directory-faq summary::-webkit-details-marker{display:none}.directory-faq summary:after{content:"+";color:var(--muted-foreground);position:absolute;right:0}.directory-faq details[open] summary:after{content:"−"}.directory-faq details p{padding:0 1.5rem 1rem 0}.directory-final-cta{border:1px solid var(--border);background:linear-gradient(135deg, var(--card), color-mix(in oklab, var(--accent-soft) 55%, var(--card)));border-radius:16px;margin-bottom:1rem;padding:clamp(2rem,6vw,4rem)}.directory-final-cta>p:not(.label-caps){max-width:600px;color:var(--muted-foreground);margin-top:.75rem}@media (width<=760px){.directory-hero{padding:3.5rem 0 3.25rem}.directory-hero h1{font-size:clamp(2.25rem,11vw,3.25rem)}.directory-toolbar{grid-template-columns:1fr}.directory-sort{width:100%}.directory-grid{grid-template-columns:1fr}.directory-guide>section{grid-template-columns:1fr;gap:.8rem}}@media (width<=460px){.directory-hero-actions .btn,.directory-final-cta .btn{width:100%}.directory-section-heading{align-items:start}.directory-details{grid-template-columns:1fr 1fr}.directory-details div:first-child{grid-column:1/-1}.directory-actions{grid-template-columns:1fr}.directory-actions .btn{grid-column:1}.directory-card{min-height:0}}@media (prefers-reduced-motion:reduce){.directories-page,.directory-skeleton span{animation:none}.directory-card:hover{transform:none}}