/* Scoped styling for the crawlable Auvatrix category directory. */
.ax-directory-page{margin:0;background:#f7f8fc;color:#1c2742;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.ax-directory-page *{box-sizing:border-box}
.ax-directory-page [hidden]{display:none!important}
.ax-directory-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.ax-directory-header{background:#fff;border-bottom:1px solid #e6e9f2}
.ax-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px}
.ax-directory-brand{display:flex;flex-shrink:0;width:210px}
.ax-directory-brand img{width:100%;height:auto;display:block}
.ax-directory-header nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.ax-directory-header nav a{color:#596580;text-decoration:none;font-size:14px;font-weight:550;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.ax-directory-header nav a[aria-current]{color:#5e4cd4}
.ax-directory-header nav .ax-nexa-link{padding:9px 15px;background:#efecff;border:1px solid #e6dffd;border-radius:10px;color:#5947c7}
.ax-directory-page a:hover{color:#5140c1}
.ax-directory-page a:focus-visible,.ax-directory-page input:focus-visible{outline:3px solid #8975ed;outline-offset:4px}
.ax-skip{position:absolute;left:20px;top:-100px;padding:10px 18px;background:#fff;color:#4f3db7;z-index:1000}
.ax-skip:focus{top:10px}
.ax-directory.category-directory{padding:0;font:inherit;color:inherit;max-width:1160px}
.ax-directory h1,.ax-directory h2,.ax-directory h3,.ax-directory p{margin:0}
.ax-directory .ax-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:24px;font-size:12px;color:#7c8499}
.ax-breadcrumb a{color:#656e85;text-decoration:none}
.ax-directory-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;align-items:center;padding:50px 0 52px}
.ax-directory .ax-eyebrow{color:#6352c8;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.6;margin-bottom:14px}
.ax-directory h1{font-size:clamp(34px,4.5vw,56px);line-height:1.14;letter-spacing:-.04em;font-weight:650}
.ax-directory h1 span{display:block;color:#6550d6;margin-top:4px}
.ax-directory .ax-directory-intro{max-width:600px;color:#64718a;font-size:16px;line-height:1.8;margin-top:20px}
.ax-directory-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:12px;color:#748098}
.ax-count-pill{display:inline-flex;padding:7px 12px;background:#e9e5fa;color:#5f4eae;border:1px solid #dfd7f8;border-radius:20px;font-weight:600}
.ax-directory-hero-note{position:relative;background:linear-gradient(145deg,#f0edfc,#eaf5f2);border:1px solid #e1dfef;border-radius:24px;padding:30px}
.ax-note-mark{display:flex;justify-content:center;align-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:#7461ce;margin-bottom:20px;box-shadow:0 5px 20px #7461ce0a}
.ax-note-mark svg,.ax-category-icon svg{width:24px;height:24px}
.ax-directory-hero-note strong{font-size:19px;font-weight:650;letter-spacing:-.02em;display:block}
.ax-directory-hero-note p{font-size:14px;line-height:1.75;color:#67728a;margin-top:10px}
.ax-directory-hero-note a{display:inline-flex;align-items:center;gap:12px;margin-top:20px;font-size:13px;font-weight:600;color:#5544b4;text-decoration:none}
.ax-directory-list{padding-bottom:54px}
.ax-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.ax-list-heading .ax-eyebrow{margin-bottom:7px}
.ax-directory h2{font-size:clamp(24px,3vw,30px);line-height:1.3;font-weight:650;letter-spacing:-.03em}
.ax-directory-search{display:block;min-width:260px;max-width:380px;width:32%;font-size:11px;color:#69748c}
.ax-directory-search span{display:block;margin-bottom:6px}
.ax-directory-search input{width:100%;font:inherit;font-size:14px;color:#26344f;min-height:46px;padding:12px 15px;border:1px solid #dadeea;background:#fff;border-radius:12px;box-shadow:0 3px 10px #293c6604}
.ax-directory-search input::placeholder{color:#8992a5}
.ax-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ax-directory .ax-directory-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin:0;padding:26px;border:1px solid #e3e6ef;border-radius:19px;background:#fff;box-shadow:0 4px 12px #24375a03;transition:border-color .2s,box-shadow .2s,transform .2s}
.ax-directory-card:hover{border-color:#bfb5ee;box-shadow:0 12px 26px #4540770a;transform:translateY(-3px)}
.ax-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:18px}
.ax-category-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;background:#f0edfc;color:#7561cc}
.ax-directory-card:nth-child(3n+2) .ax-category-icon{background:#e8f5f1;color:#298d78}
.ax-directory-card:nth-child(3n) .ax-category-icon{background:#eaf1fb;color:#4676b9}
.ax-tool-count{font-size:11px;color:#8791a5;font-weight:500}
.ax-directory h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;font-weight:650}
.ax-directory-card h3 a{color:#26334f;text-decoration:none}
.ax-directory-card h3 a:hover{color:#5f48c9}
.ax-directory-card p{font-size:14px;line-height:1.8;color:#6a758c;margin-top:12px;margin-bottom:20px;overflow-wrap:anywhere}
.ax-directory-card small{font-size:12px;line-height:1.8;color:#798499;margin-bottom:20px;overflow-wrap:anywhere}
.ax-directory-card .ax-card-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:auto;min-height:44px;font-size:13px;font-weight:600;color:#6752c4;text-decoration:none;width:100%;border-top:1px solid #eef0f6;padding-top:15px}
.ax-tool-card>.ax-category-icon{margin-bottom:18px}
.ax-directory-results,.ax-directory-empty{font-size:14px;color:#6b748c;margin-bottom:16px!important}
.ax-directory-empty{padding:32px;border:1px dashed #d8dbeb;border-radius:16px;text-align:center;background:#fff}
.ax-directory-promo{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;background:#eef0fb;border:1px solid #e1e5f3;border-radius:22px}
.ax-directory-promo p:not(.ax-eyebrow){max-width:670px;color:#6a738b;font-size:14px;line-height:1.8;margin-top:12px}
.ax-directory-promo h2{font-size:25px}
.ax-directory-promo .ax-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 18px;border-radius:11px;background:#6150cf;color:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.ax-directory .ax-directory-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8a92a3;font-size:12px;padding:32px 0;margin:0}
.ax-directory-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.ax-directory-footer a{color:#6f7a90;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
@media(max-width:950px){.ax-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ax-directory-hero{gap:28px}.ax-directory-brand{width:185px}.ax-directory-header nav{gap:16px}.ax-directory-promo{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:650px){.ax-directory-shell{width:calc(100% - 36px)}.ax-header-inner{flex-direction:column;align-items:flex-start;gap:14px;padding-block:18px}.ax-directory-brand{width:190px}.ax-directory-header nav{gap:16px;justify-content:space-between;width:100%}.ax-directory-header nav a{font-size:12px;min-height:40px}.ax-directory-header nav .ax-nexa-link{padding:8px 11px}.ax-directory .ax-breadcrumb{padding-top:20px}.ax-directory-hero{grid-template-columns:1fr;gap:24px;padding:30px 0 38px}.ax-directory h1{font-size:clamp(31px,8.8vw,39px);line-height:1.18}.ax-directory .ax-directory-intro{font-size:15px;line-height:1.8;margin-top:16px}.ax-directory-meta{font-size:11px;gap:10px;margin-top:18px}.ax-directory-hero-note{padding:23px;border-radius:18px}.ax-note-mark{margin-bottom:14px;width:40px;height:40px}.ax-directory-hero-note strong{font-size:18px}.ax-list-heading{display:block;margin-bottom:18px}.ax-directory h2{font-size:24px}.ax-directory-search{width:100%;min-width:0;max-width:none;margin-top:20px}.ax-directory-search input{font-size:16px}.ax-directory-grid{grid-template-columns:minmax(0,1fr);gap:14px}.ax-directory .ax-directory-card{padding:23px;border-radius:17px}.ax-card-top{margin-bottom:14px}.ax-directory h3{font-size:20px}.ax-directory-card p{font-size:14px;margin-top:10px;margin-bottom:16px}.ax-directory-promo{padding:25px;border-radius:18px;gap:20px}.ax-directory-promo .ax-promo-button{width:100%;white-space:normal;text-align:center}.ax-directory .ax-directory-footer{padding-block:24px;gap:4px}.ax-directory-footer nav{gap:18px}.ax-directory-list{padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){.ax-directory .ax-directory-card{transition:none}.ax-directory-card:hover{transform:none}}
