.sh-ai-directory{padding-block:2rem 4rem}.sh-ai-directory__hero{border:1px solid var(--sh-border,#dbe5ef);background:linear-gradient(135deg, color-mix(in srgb, #0ea5e9 12%, var(--sh-surface,#fff)), var(--sh-surface,#fff) 70%);border-radius:1.5rem;margin:1rem 0 1.5rem;padding:clamp(1.5rem,4vw,3rem)}.sh-ai-directory__eyebrow,.sh-ai-directory__stats,.sh-ai-directory__stats span,.sh-ai-service-card__top,.sh-ai-service-card__open{align-items:center;display:flex}.sh-ai-directory__eyebrow{color:#0284c7;letter-spacing:.09em;gap:.5rem;font-size:.78rem;font-weight:800}.sh-ai-directory__hero h1{letter-spacing:-.045em;margin:.8rem 0 .5rem;font-size:clamp(2rem,5vw,3.25rem)}.sh-ai-directory__hero>p{max-width:46rem;color:var(--sh-text-muted,#526174);font-size:1.05rem}.sh-ai-directory__intro{border:1px solid var(--sh-border,#dbe5ef);background:var(--sh-surface,#fff);border-radius:1rem;margin:0 0 1.5rem;padding:1.25rem 1.4rem}.sh-ai-directory__intro h2{margin:0 0 .55rem;font-size:1.2rem}.sh-ai-directory__intro p{max-width:72rem;color:var(--sh-text-muted,#526174);margin:.45rem 0 0;line-height:1.65}.sh-ai-directory__stats{flex-wrap:wrap;gap:1rem;margin-top:1.25rem}.sh-ai-directory__stats span{color:var(--sh-text-muted,#526174);gap:.4rem;font-size:.9rem}.sh-ai-directory__controls{gap:.9rem;margin-bottom:1rem;display:grid}.sh-ai-directory__search{border:1px solid var(--sh-border,#dbe5ef);background:var(--sh-surface,#fff);max-width:36rem;color:var(--sh-text-muted,#526174);border-radius:.9rem;align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex}.sh-ai-directory__search input{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:0}.sh-ai-directory__filters{flex-wrap:wrap;gap:.5rem;display:flex}.sh-ai-directory__filters button{border:1px solid var(--sh-border,#dbe5ef);background:var(--sh-surface,#fff);color:var(--sh-text,#152238);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem .85rem}.sh-ai-directory__filters button.is-active{color:#075985;background:#e0f2fe;border-color:#0284c7}.sh-ai-directory__result-count{color:var(--sh-text-muted,#526174);margin:0;font-size:.88rem}.sh-ai-directory__grid{content-visibility:auto;contain-intrinsic-size:auto 900px;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1rem;display:grid}.sh-ai-directory__load-more{justify-content:center;margin:1.5rem 0;display:flex}.sh-ai-directory__load-more button{border:1px solid var(--sh-border,#dbe5ef);background:var(--sh-surface,#fff);color:var(--sh-primary,#059669);font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.15rem;font-weight:700}.sh-ai-directory__load-more button:hover{border-color:var(--sh-primary,#059669)}.sh-ai-service-card{border:1px solid var(--sh-border,#dbe5ef);border-top:3px solid var(--service-color,#0ea5e9);background:var(--sh-surface,#fff);min-height:13.5rem;color:inherit;border-radius:1rem;flex-direction:column;padding:1rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 22px #0f172a0d}.sh-ai-service-card:hover,.sh-ai-service-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a1c}.sh-ai-service-card__top{justify-content:space-between;gap:.7rem}.sh-ai-service-card__mark{background:color-mix(in srgb, var(--service-color,#0ea5e9) 13%, white);width:2.7rem;height:2.7rem;color:var(--service-color,#0ea5e9);letter-spacing:-.04em;border-radius:.8rem;place-items:center;font-size:.78rem;font-weight:850;display:grid}.sh-ai-service-card__category{color:var(--sh-text-muted,#526174);text-align:right;font-size:.74rem}.sh-ai-service-card h2{margin:.9rem 0 .35rem;font-size:1.05rem}.sh-ai-service-card>p{color:var(--sh-text-muted,#526174);margin:0 0 1rem;font-size:.88rem;line-height:1.5}.sh-ai-service-card__open{color:#0284c7;gap:.3rem;margin-top:auto;font-size:.84rem;font-weight:750}.sh-ai-directory__notice,.sh-ai-directory__empty{border:1px solid var(--sh-border,#dbe5ef);background:var(--sh-surface,#fff);color:var(--sh-text-muted,#526174);border-radius:.9rem;margin-top:1.5rem;padding:1rem 1.2rem;line-height:1.6}.sh-ai-directory__notice strong{color:var(--sh-text,#152238)}@media (prefers-reduced-motion:reduce){.sh-ai-service-card{transition:none}.sh-ai-service-card:hover,.sh-ai-service-card:focus-visible{transform:none}}
