{"id":410,"date":"2026-08-24T08:56:50","date_gmt":"2026-08-24T08:56:50","guid":{"rendered":"https:\/\/x3ai.net\/?page_id=410"},"modified":"2026-08-24T14:25:20","modified_gmt":"2026-08-24T14:25:20","slug":"ai-directory","status":"publish","type":"page","link":"https:\/\/x3ai.net\/de\/ai-directory\/","title":{"rendered":"AI Directory"},"content":{"rendered":"\n<section class=\"wp-block-group alignfull ext-section is-style-ext-preset--group--natural-1--section ext-animate--on has-custom-css has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-c933c6c0 wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section--1\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\">\n<!--\nX3AI AI TOOLS DIRECTORY V2\nWordPress: paste this entire block into ONE Custom HTML block or Elementor HTML widget.\n\nSEO suggestion for the WordPress page:\nTitle: AI Tools Directory | Curated AI Software & Platforms | X3AI\nMeta description: Explore X3AI's curated directory of leading AI tools for business, productivity, research, content creation, development, automation and more.\n-->\n\n<section id=\"x3ai-ai-directory-v2\" aria-labelledby=\"x3ai-directory-title\">\n  <div class=\"x3ai-shell\">\n    <!-- ========================================\n         PAGE INTRODUCTION\n         EDIT HERO COPY HERE\n    ========================================= -->\n    <header class=\"x3ai-hero\">\n      <p class=\"x3ai-eyebrow\">X3AI AI TOOLS DIRECTORY<\/p>\n      <h1 id=\"x3ai-directory-title\">Find the Right AI Tool for the Job<\/h1>\n      <p class=\"x3ai-hero-copy\">Explore a curated selection of leading AI platforms for business, creativity, productivity, research and development \u2014 reviewed and organized by X3AI.<\/p>\n      <p class=\"x3ai-trust-line\" aria-label=\"Directory standards\">\n        <span>Curated for relevance<\/span>\n        <span aria-hidden=\"true\">\u2022<\/span>\n        <span>Official sources<\/span>\n        <span aria-hidden=\"true\">\u2022<\/span>\n        <span>Regularly reviewed<\/span>\n      <\/p>\n    <\/header>\n\n    <section class=\"x3ai-search-panel\" aria-label=\"Search AI tools\">\n      <div class=\"x3ai-search-wrap\">\n        <svg class=\"x3ai-search-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"m21 21-4.35-4.35m2.35-5.15A7.5 7.5 0 1 1 4 11.5a7.5 7.5 0 0 1 15 0Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n        <\/svg>\n        <label class=\"x3ai-sr-only\" for=\"x3ai-tool-search\">Search AI tools<\/label>\n        <input id=\"x3ai-tool-search\" type=\"search\" autocomplete=\"off\" placeholder=\"Search by tool, task or capability...\" \/>\n        <button class=\"x3ai-search-clear\" type=\"button\" aria-label=\"Clear search\" hidden>Clear<\/button>\n      <\/div>\n      <div class=\"x3ai-search-hints\">\n        Try: <button type=\"button\" data-search-term=\"meeting\">meeting<\/button>\n        <button type=\"button\" data-search-term=\"presentation\">presentation<\/button>\n        <button type=\"button\" data-search-term=\"coding\">coding<\/button>\n        <button type=\"button\" data-search-term=\"research\">research<\/button>\n        <button type=\"button\" data-search-term=\"marketing\">marketing<\/button>\n      <\/div>\n    <\/section>\n\n    <nav class=\"x3ai-mobile-categories\" aria-label=\"AI tool categories\">\n      <div id=\"x3ai-mobile-category-chips\" class=\"x3ai-chip-scroll\"><\/div>\n    <\/nav>\n\n    <section id=\"x3ai-featured-section\" class=\"x3ai-featured-section\" aria-labelledby=\"x3ai-featured-title\">\n      <div class=\"x3ai-section-heading\">\n        <div>\n          <p class=\"x3ai-section-kicker\">CURATED SHORTLIST<\/p>\n          <h2 id=\"x3ai-featured-title\">X3AI Picks<\/h2>\n          <p>Strong starting points across different AI use cases.<\/p>\n        <\/div>\n      <\/div>\n      <div id=\"x3ai-featured-grid\" class=\"x3ai-featured-grid\"><\/div>\n    <\/section>\n\n    <section class=\"x3ai-directory-section\" aria-labelledby=\"x3ai-all-tools-title\">\n      <div class=\"x3ai-directory-toolbar\">\n        <div class=\"x3ai-toolbar-title\">\n          <p class=\"x3ai-section-kicker\">EXPLORE THE DIRECTORY<\/p>\n          <h2 id=\"x3ai-all-tools-title\">All AI Tools<\/h2>\n          <p id=\"x3ai-results-count\" class=\"x3ai-results-count\" aria-live=\"polite\"><\/p>\n        <\/div>\n\n        <div class=\"x3ai-controls\" aria-label=\"Directory filters and sorting\">\n          <div class=\"x3ai-control\">\n            <label for=\"x3ai-pricing-filter\">Pricing<\/label>\n            <select id=\"x3ai-pricing-filter\">\n              <option value=\"All\">All pricing<\/option>\n              <option value=\"Free\">Free<\/option>\n              <option value=\"Freemium\">Freemium<\/option>\n              <option value=\"Paid\">Paid<\/option>\n              <option value=\"Enterprise\">Enterprise<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"x3ai-control\">\n            <label for=\"x3ai-usecase-filter\">Use case<\/label>\n            <select id=\"x3ai-usecase-filter\">\n              <option value=\"All\">All use cases<\/option>\n              <option value=\"Business\">Business<\/option>\n              <option value=\"Creative\">Creative<\/option>\n              <option value=\"Research\">Research<\/option>\n              <option value=\"Developer\">Developer<\/option>\n              <option value=\"Marketing\">Marketing<\/option>\n              <option value=\"Productivity\">Productivity<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"x3ai-control\">\n            <label for=\"x3ai-sort\">Sort<\/label>\n            <select id=\"x3ai-sort\">\n              <option value=\"featured\">Featured<\/option>\n              <option value=\"az\">A\u2013Z<\/option>\n              <option value=\"category\">Category<\/option>\n            <\/select>\n          <\/div>\n\n          <button id=\"x3ai-clear-filters\" class=\"x3ai-clear-filters\" type=\"button\" hidden>Clear filters<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"x3ai-directory-layout\">\n        <aside class=\"x3ai-sidebar\" aria-label=\"Browse by category\">\n          <div class=\"x3ai-sidebar-inner\">\n            <p class=\"x3ai-sidebar-label\">Categories<\/p>\n            <div id=\"x3ai-desktop-categories\" class=\"x3ai-category-list\"><\/div>\n          <\/div>\n        <\/aside>\n\n        <div class=\"x3ai-results-area\">\n          <div id=\"x3ai-active-filters\" class=\"x3ai-active-filters\" aria-live=\"polite\"><\/div>\n          <div id=\"x3ai-tools-grid\" class=\"x3ai-tools-grid\"><\/div>\n\n          <div id=\"x3ai-empty-state\" class=\"x3ai-empty-state\" hidden>\n            <div class=\"x3ai-empty-icon\" aria-hidden=\"true\">\u2315<\/div>\n            <h3>No tools found<\/h3>\n            <p>Try another keyword, category or filter.<\/p>\n            <button id=\"x3ai-empty-clear\" type=\"button\">Clear filters<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"x3ai-methodology\" aria-labelledby=\"x3ai-methodology-title\">\n      <div class=\"x3ai-methodology-copy\">\n        <p class=\"x3ai-section-kicker\">EDITORIAL APPROACH<\/p>\n        <h2 id=\"x3ai-methodology-title\">How X3AI Selects Tools<\/h2>\n        <p>X3AI focuses on established and relevant AI platforms with practical applications for individuals, teams and organizations. Tools are selected based on product relevance, active development, usability, market presence and practical business value.<\/p>\n      <\/div>\n      <div class=\"x3ai-review-card\">\n        <span>Last reviewed<\/span>\n        <strong id=\"x3ai-last-reviewed\">August 2026<\/strong>\n      <\/div>\n    <\/section>\n\n    <footer class=\"x3ai-disclosure\">\n      <p>Product names and trademarks belong to their respective owners. Listings are provided for informational purposes and do not constitute an endorsement unless specifically identified as an X3AI recommendation.<\/p>\n    <\/footer>\n  <\/div>\n\n  <style>\n    \/* ========================================\n       X3AI COLOR SYSTEM\n       CHANGE BRAND COLORS HERE\n    ========================================= *\/\n    #x3ai-ai-directory-v2 {\n      --x3ai-primary: #2D5F7B;\n      --x3ai-primary-dark: #234A60;\n      --x3ai-heading: #000000;\n      --x3ai-body: #000000;\n      --x3ai-muted: #000000;\n      --x3ai-border: #E5E7EB;\n      --x3ai-border-strong: #D5DEE4;\n      --x3ai-soft: #F7FAFB;\n      --x3ai-white: #FFFFFF;\n      --x3ai-focus: #0F6CBD;\n      --x3ai-success-soft: #EEF6F3;\n      --x3ai-radius-sm: 8px;\n      --x3ai-radius-md: 12px;\n      --x3ai-radius-lg: 18px;\n      --x3ai-shadow-card: 0 1px 2px rgba(17, 24, 39, 0.04), 0 8px 24px rgba(17, 24, 39, 0.04);\n      --x3ai-shadow-hover: 0 10px 30px rgba(17, 24, 39, 0.08);\n      background: var(--x3ai-white);\n      color: var(--x3ai-body);\n      font-family: inherit;\n      width: 100%;\n      overflow: clip;\n    }\n\n    #x3ai-ai-directory-v2,\n    #x3ai-ai-directory-v2 * {\n      box-sizing: border-box;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-shell {\n      width: min(100%, 1440px);\n      margin: 0 auto;\n      padding: 0 28px 72px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-hero {\n      max-width: 940px;\n      padding: 58px 0 30px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-eyebrow,\n    #x3ai-ai-directory-v2 .x3ai-section-kicker {\n      margin: 0 0 12px;\n      color: var(--x3ai-primary);\n      font-size: 13px;\n      line-height: 1.4;\n      font-weight: 800;\n      letter-spacing: 0.11em;\n      text-transform: uppercase;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-hero h1 {\n      margin: 0;\n      color: var(--x3ai-heading);\n      font-size: clamp(36px, 4.4vw, 56px);\n      line-height: 1.06;\n      letter-spacing: -0.035em;\n      font-weight: 750;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-hero-copy {\n      max-width: 810px;\n      margin: 20px 0 0;\n      color: var(--x3ai-body);\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-trust-line {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      align-items: center;\n      margin: 18px 0 0;\n      color: #8B1E1E;\n      font-size: 14px;\n      line-height: 1.5;\n      font-weight: 700;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-panel {\n      padding: 0 0 28px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-wrap {\n      position: relative;\n      width: 100%;\n      max-width: 940px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-icon {\n      position: absolute;\n      left: 18px;\n      top: 50%;\n      width: 22px;\n      height: 22px;\n      transform: translateY(-50%);\n      color: var(--x3ai-muted);\n      pointer-events: none;\n    }\n\n    #x3ai-ai-directory-v2 #x3ai-tool-search {\n      width: 100%;\n      min-height: 58px;\n      margin: 0;\n      padding: 0 94px 0 52px;\n      border: 1px solid var(--x3ai-border-strong);\n      border-radius: var(--x3ai-radius-md);\n      outline: none;\n      background: var(--x3ai-white);\n      color: var(--x3ai-heading);\n      box-shadow: 0 1px 2px rgba(17, 24, 39, 0.03);\n      font: inherit;\n      font-size: 16px;\n      line-height: 1.4;\n      transition: border-color 160ms ease, box-shadow 160ms ease;\n      -webkit-appearance: none;\n      appearance: none;\n    }\n\n    #x3ai-ai-directory-v2 #x3ai-tool-search::placeholder {\n      color: #333333;\n      opacity: 1;\n    }\n\n    #x3ai-ai-directory-v2 #x3ai-tool-search:focus {\n      border-color: var(--x3ai-primary);\n      box-shadow: 0 0 0 3px rgba(45, 95, 123, 0.13);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-clear {\n      position: absolute;\n      right: 12px;\n      top: 50%;\n      min-width: 64px;\n      min-height: 36px;\n      transform: translateY(-50%);\n      border: 0;\n      border-radius: 7px;\n      background: var(--x3ai-soft);\n      color: var(--x3ai-primary-dark);\n      font: inherit;\n      font-size: 13px;\n      font-weight: 700;\n      cursor: pointer;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-hints {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 7px;\n      max-width: 940px;\n      margin-top: 12px;\n      color: var(--x3ai-muted);\n      font-size: 13px;\n      line-height: 1.4;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-hints button {\n      min-height: 32px;\n      padding: 5px 10px;\n      border: 1px solid var(--x3ai-border);\n      border-radius: 999px;\n      background: var(--x3ai-white);\n      color: var(--x3ai-body);\n      font: inherit;\n      font-size: 13px;\n      cursor: pointer;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-hints button:hover {\n      border-color: var(--x3ai-primary);\n      color: var(--x3ai-primary-dark);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-mobile-categories {\n      display: none;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-section {\n      margin: 8px 0 56px;\n      padding: 30px;\n      border: 1px solid #DDE8ED;\n      border-radius: var(--x3ai-radius-lg);\n      background: linear-gradient(180deg, #F7FAFB 0%, #FFFFFF 100%);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-section-heading {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 22px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-section-heading h2,\n    #x3ai-ai-directory-v2 .x3ai-toolbar-title h2,\n    #x3ai-ai-directory-v2 .x3ai-methodology h2 {\n      margin: 0;\n      color: var(--x3ai-heading);\n      font-size: clamp(28px, 3vw, 34px);\n      line-height: 1.18;\n      letter-spacing: -0.025em;\n      font-weight: 750;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-section-heading > div > p:last-child,\n    #x3ai-ai-directory-v2 .x3ai-toolbar-title > p:last-child {\n      margin: 8px 0 0;\n      color: var(--x3ai-muted);\n      font-size: 15px;\n      line-height: 1.55;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-card,\n    #x3ai-ai-directory-v2 .x3ai-tool-card {\n      display: flex;\n      min-width: 0;\n      flex-direction: column;\n      border: 1px solid var(--x3ai-border);\n      border-radius: var(--x3ai-radius-md);\n      background: var(--x3ai-white);\n      box-shadow: var(--x3ai-shadow-card);\n      transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-card {\n      min-height: 310px;\n      padding: 22px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tool-card {\n      min-height: 350px;\n      padding: 22px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-card:hover,\n    #x3ai-ai-directory-v2 .x3ai-tool-card:hover {\n      transform: translateY(-2px);\n      border-color: #C8D5DC;\n      box-shadow: var(--x3ai-shadow-hover);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-card-top {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 14px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-brand-line {\n      display: flex;\n      min-width: 0;\n      align-items: center;\n      gap: 13px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-logo {\n      position: relative;\n      display: grid;\n      width: 48px;\n      height: 48px;\n      flex: 0 0 48px;\n      place-items: center;\n      overflow: hidden;\n      border: 1px solid var(--x3ai-border);\n      border-radius: 11px;\n      background: var(--x3ai-white);\n      color: var(--x3ai-primary-dark);\n      font-size: 18px;\n      font-weight: 800;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-logo img {\n      width: 30px;\n      height: 30px;\n      margin: 0;\n      padding: 0;\n      object-fit: contain;\n      border: 0;\n      box-shadow: none;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-logo-fallback {\n      display: none;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-logo.is-fallback img {\n      display: none;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-logo.is-fallback .x3ai-logo-fallback {\n      display: inline;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tool-title-wrap {\n      min-width: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tool-title {\n      margin: 0;\n      color: var(--x3ai-heading);\n      font-size: 19px;\n      line-height: 1.25;\n      letter-spacing: -0.012em;\n      font-weight: 750;\n      word-break: break-word;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-company {\n      margin: 4px 0 0;\n      color: var(--x3ai-muted);\n      font-size: 13px;\n      line-height: 1.35;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-pick-badge {\n      flex: 0 0 auto;\n      padding: 6px 9px;\n      border: 1px solid #CFDFE7;\n      border-radius: 999px;\n      background: #F0F6F8;\n      color: var(--x3ai-primary-dark);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 800;\n      white-space: nowrap;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-badge {\n      display: inline-flex;\n      align-self: flex-start;\n      margin-top: 18px;\n      padding: 6px 9px;\n      border-radius: 7px;\n      background: var(--x3ai-soft);\n      color: var(--x3ai-primary-dark);\n      font-size: 13px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-description {\n      margin: 16px 0 0;\n      color: var(--x3ai-body);\n      font-size: 15px;\n      line-height: 1.62;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-best-for {\n      margin: 15px 0 0;\n      color: var(--x3ai-body);\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-best-for strong {\n      color: var(--x3ai-heading);\n      font-weight: 750;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 6px;\n      margin-top: 15px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tag {\n      padding: 5px 8px;\n      border: 1px solid var(--x3ai-border);\n      border-radius: 999px;\n      color: var(--x3ai-muted);\n      background: var(--x3ai-white);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 650;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-card-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      margin-top: auto;\n      padding-top: 20px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-pricing {\n      color: var(--x3ai-muted);\n      font-size: 13px;\n      line-height: 1.3;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-pricing strong {\n      color: var(--x3ai-body);\n      font-weight: 750;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-visit-link {\n      display: inline-flex;\n      min-height: 42px;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      padding: 9px 13px;\n      border: 1px solid var(--x3ai-primary);\n      border-radius: 8px;\n      background: var(--x3ai-primary);\n      color: var(--x3ai-white);\n      text-decoration: none;\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 750;\n      white-space: nowrap;\n      transition: background-color 150ms ease, border-color 150ms ease;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-visit-link:hover {\n      border-color: var(--x3ai-primary-dark);\n      background: var(--x3ai-primary-dark);\n      color: var(--x3ai-white);\n      text-decoration: none;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-visit-link .x3ai-arrow {\n      display: inline-block;\n      transition: transform 150ms ease;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-visit-link:hover .x3ai-arrow {\n      transform: translateX(2px);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-directory-section {\n      margin-top: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-directory-toolbar {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 28px;\n      margin-bottom: 24px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-toolbar-title {\n      min-width: 240px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-results-count {\n      margin: 9px 0 0;\n      color: var(--x3ai-muted);\n      font-size: 14px;\n      line-height: 1.4;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-controls {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-end;\n      justify-content: flex-end;\n      gap: 10px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-control {\n      display: grid;\n      gap: 6px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-control label {\n      color: var(--x3ai-muted);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-control select {\n      min-width: 145px;\n      min-height: 44px;\n      margin: 0;\n      padding: 0 36px 0 12px;\n      border: 1px solid var(--x3ai-border-strong);\n      border-radius: 8px;\n      outline: none;\n      background-color: var(--x3ai-white);\n      color: var(--x3ai-heading);\n      font: inherit;\n      font-size: 14px;\n      line-height: 1.2;\n      cursor: pointer;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-control select:focus,\n    #x3ai-ai-directory-v2 .x3ai-clear-filters:focus,\n    #x3ai-ai-directory-v2 .x3ai-category-button:focus,\n    #x3ai-ai-directory-v2 .x3ai-category-chip:focus,\n    #x3ai-ai-directory-v2 .x3ai-visit-link:focus,\n    #x3ai-ai-directory-v2 .x3ai-search-clear:focus,\n    #x3ai-ai-directory-v2 .x3ai-search-hints button:focus,\n    #x3ai-ai-directory-v2 #x3ai-empty-clear:focus {\n      outline: 3px solid rgba(15, 108, 189, 0.24);\n      outline-offset: 2px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-clear-filters {\n      min-height: 44px;\n      padding: 0 13px;\n      border: 1px solid var(--x3ai-border-strong);\n      border-radius: 8px;\n      background: var(--x3ai-white);\n      color: var(--x3ai-primary-dark);\n      font: inherit;\n      font-size: 14px;\n      font-weight: 750;\n      cursor: pointer;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-clear-filters:hover {\n      border-color: var(--x3ai-primary);\n      background: var(--x3ai-soft);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-directory-layout {\n      display: grid;\n      grid-template-columns: 270px minmax(0, 1fr);\n      gap: 28px;\n      align-items: start;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-sidebar {\n      min-width: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-sidebar-inner {\n      position: sticky;\n      top: 24px;\n      padding: 18px 14px;\n      border: 1px solid var(--x3ai-border);\n      border-radius: var(--x3ai-radius-md);\n      background: var(--x3ai-white);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-sidebar-label {\n      margin: 0 10px 10px;\n      color: var(--x3ai-heading);\n      font-size: 14px;\n      line-height: 1.3;\n      font-weight: 800;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-list {\n      display: grid;\n      gap: 4px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-button {\n      display: flex;\n      width: 100%;\n      min-height: 42px;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      margin: 0;\n      padding: 9px 10px;\n      border: 1px solid transparent;\n      border-radius: 8px;\n      background: transparent;\n      color: var(--x3ai-body);\n      text-align: left;\n      font: inherit;\n      font-size: 15px;\n      line-height: 1.35;\n      font-weight: 600;\n      cursor: pointer;\n      transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-button:hover {\n      background: var(--x3ai-soft);\n      color: var(--x3ai-heading);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-button.is-active {\n      border-color: #D7E4EA;\n      background: #EFF5F7;\n      color: var(--x3ai-primary-dark);\n      font-weight: 750;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-count {\n      display: inline-flex;\n      min-width: 29px;\n      height: 24px;\n      align-items: center;\n      justify-content: center;\n      padding: 0 7px;\n      border-radius: 999px;\n      background: var(--x3ai-soft);\n      color: var(--x3ai-muted);\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-button.is-active .x3ai-category-count {\n      background: var(--x3ai-white);\n      color: var(--x3ai-primary-dark);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-results-area {\n      min-width: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-active-filters {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 7px;\n      min-height: 0;\n      margin-bottom: 12px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-active-pill {\n      display: inline-flex;\n      align-items: center;\n      min-height: 30px;\n      padding: 5px 9px;\n      border-radius: 999px;\n      background: var(--x3ai-soft);\n      color: var(--x3ai-body);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 650;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tools-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-empty-state {\n      max-width: 620px;\n      margin: 40px auto 0;\n      padding: 42px 24px;\n      border: 1px dashed var(--x3ai-border-strong);\n      border-radius: var(--x3ai-radius-md);\n      background: var(--x3ai-soft);\n      text-align: center;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-empty-icon {\n      margin-bottom: 6px;\n      color: var(--x3ai-primary);\n      font-size: 34px;\n      line-height: 1;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-empty-state h3 {\n      margin: 0;\n      color: var(--x3ai-heading);\n      font-size: 22px;\n      line-height: 1.3;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-empty-state p {\n      margin: 8px 0 18px;\n      color: var(--x3ai-muted);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    #x3ai-ai-directory-v2 #x3ai-empty-clear {\n      min-height: 44px;\n      padding: 0 15px;\n      border: 1px solid var(--x3ai-primary);\n      border-radius: 8px;\n      background: var(--x3ai-primary);\n      color: var(--x3ai-white);\n      font: inherit;\n      font-size: 14px;\n      font-weight: 750;\n      cursor: pointer;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-methodology {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: 36px;\n      align-items: center;\n      margin-top: 64px;\n      padding: 34px;\n      border: 1px solid var(--x3ai-border);\n      border-radius: var(--x3ai-radius-lg);\n      background: var(--x3ai-soft);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-methodology-copy {\n      max-width: 860px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-methodology-copy > p:last-child {\n      margin: 14px 0 0;\n      color: var(--x3ai-body);\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-review-card {\n      min-width: 180px;\n      padding: 20px;\n      border: 1px solid var(--x3ai-border);\n      border-radius: var(--x3ai-radius-md);\n      background: var(--x3ai-white);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-review-card span {\n      display: block;\n      color: var(--x3ai-muted);\n      font-size: 12px;\n      line-height: 1.3;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-review-card strong {\n      display: block;\n      margin-top: 7px;\n      color: var(--x3ai-heading);\n      font-size: 16px;\n      line-height: 1.3;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-disclosure {\n      max-width: 980px;\n      margin: 22px 0 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-disclosure p {\n      margin: 0;\n      color: var(--x3ai-muted);\n      font-size: 12.5px;\n      line-height: 1.65;\n    }\n\n    @media (max-width: 1180px) {\n      #x3ai-ai-directory-v2 .x3ai-tools-grid,\n      #x3ai-ai-directory-v2 .x3ai-featured-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-directory-toolbar {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-controls {\n        width: 100%;\n        justify-content: flex-start;\n      }\n    }\n\n    @media (max-width: 900px) {\n      #x3ai-ai-directory-v2 .x3ai-shell {\n        padding-left: 22px;\n        padding-right: 22px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-directory-layout {\n        grid-template-columns: 230px minmax(0, 1fr);\n        gap: 20px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-tools-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 767px) {\n      #x3ai-ai-directory-v2 .x3ai-shell {\n        padding: 0 16px 54px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-hero {\n        padding: 38px 0 24px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-hero h1 {\n        font-size: clamp(32px, 9vw, 36px);\n        line-height: 1.1;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-hero-copy {\n        margin-top: 16px;\n        font-size: 16px;\n        line-height: 1.65;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-trust-line {\n        align-items: flex-start;\n        font-size: 13px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-search-panel {\n        padding-bottom: 16px;\n      }\n\n      #x3ai-ai-directory-v2 #x3ai-tool-search {\n        min-height: 54px;\n        padding-left: 48px;\n        font-size: 16px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-search-hints {\n        display: none;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-mobile-categories {\n        display: block;\n        margin: 0 -16px 28px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-chip-scroll {\n        display: flex;\n        gap: 8px;\n        overflow-x: auto;\n        padding: 2px 16px 10px;\n        scroll-padding: 16px;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-chip-scroll::-webkit-scrollbar {\n        display: none;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-category-chip {\n        display: inline-flex;\n        min-height: 42px;\n        flex: 0 0 auto;\n        align-items: center;\n        gap: 7px;\n        margin: 0;\n        padding: 8px 12px;\n        border: 1px solid var(--x3ai-border-strong);\n        border-radius: 999px;\n        background: var(--x3ai-white);\n        color: var(--x3ai-body);\n        font: inherit;\n        font-size: 14px;\n        line-height: 1.2;\n        font-weight: 650;\n        white-space: nowrap;\n        cursor: pointer;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-category-chip.is-active {\n        border-color: var(--x3ai-primary);\n        background: var(--x3ai-primary);\n        color: var(--x3ai-white);\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-category-chip .x3ai-chip-count {\n        opacity: 0.78;\n        font-size: 12px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-featured-section {\n        margin-bottom: 44px;\n        padding: 22px 16px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-featured-grid,\n      #x3ai-ai-directory-v2 .x3ai-tools-grid {\n        grid-template-columns: 1fr;\n        gap: 14px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-featured-card,\n      #x3ai-ai-directory-v2 .x3ai-tool-card {\n        min-height: 0;\n        padding: 20px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-directory-toolbar {\n        gap: 18px;\n        margin-bottom: 18px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-controls {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 10px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-control {\n        min-width: 0;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-control select {\n        width: 100%;\n        min-width: 0;\n        min-height: 46px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-clear-filters {\n        width: 100%;\n        min-height: 46px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-sidebar {\n        display: none;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-directory-layout {\n        display: block;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-card-footer {\n        align-items: flex-end;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-visit-link {\n        min-height: 44px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-methodology {\n        grid-template-columns: 1fr;\n        gap: 22px;\n        margin-top: 48px;\n        padding: 26px 20px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-review-card {\n        min-width: 0;\n      }\n    }\n\n    @media (max-width: 430px) {\n      #x3ai-ai-directory-v2 .x3ai-controls {\n        grid-template-columns: 1fr;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-card-top {\n        gap: 10px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-pick-badge {\n        font-size: 11px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-card-footer {\n        align-items: stretch;\n        flex-direction: column;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-visit-link {\n        width: 100%;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #x3ai-ai-directory-v2 *,\n      #x3ai-ai-directory-v2 *::before,\n      #x3ai-ai-directory-v2 *::after {\n        scroll-behavior: auto;\n        transition-duration: 0.001ms;\n        animation-duration: 0.001ms;\n        animation-iteration-count: 1;\n      }\n    }\n\n\n    \/* ========================================\n       WORDPRESS LAYOUT FIX \u2014 V2.1\n       Container-adaptive layout.\n       This intentionally replaces the fixed desktop sidebar\n       with a horizontal category navigation so the directory\n       remains balanced inside narrow WordPress content areas.\n    ========================================= *\/\n    #x3ai-ai-directory-v2 {\n      display: block;\n      max-width: none;\n      margin: 0 !important;\n      padding: 0 !important;\n      overflow: visible;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-shell {\n      width: 100%;\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 24px 72px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-hero,\n    #x3ai-ai-directory-v2 .x3ai-search-panel,\n    #x3ai-ai-directory-v2 .x3ai-featured-section,\n    #x3ai-ai-directory-v2 .x3ai-directory-section,\n    #x3ai-ai-directory-v2 .x3ai-methodology,\n    #x3ai-ai-directory-v2 .x3ai-disclosure {\n      width: 100%;\n      min-width: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-hero {\n      max-width: 900px;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-search-wrap,\n    #x3ai-ai-directory-v2 .x3ai-search-hints {\n      width: 100%;\n      max-width: 900px;\n    }\n\n    \/* Category navigation is horizontal at every size. *\/\n    #x3ai-ai-directory-v2 .x3ai-mobile-categories {\n      display: block;\n      width: 100%;\n      margin: 0 0 34px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-chip-scroll {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      width: 100%;\n      overflow: visible;\n      padding: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-chip {\n      display: inline-flex;\n      min-height: 40px;\n      flex: 0 0 auto;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      margin: 0;\n      padding: 8px 13px;\n      border: 1px solid var(--x3ai-border-strong);\n      border-radius: 999px;\n      background: var(--x3ai-white);\n      color: var(--x3ai-body);\n      font: inherit;\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 650;\n      white-space: nowrap;\n      cursor: pointer;\n      transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-chip:hover {\n      border-color: var(--x3ai-primary);\n      color: var(--x3ai-primary-dark);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-chip.is-active {\n      border-color: var(--x3ai-primary);\n      background: var(--x3ai-primary);\n      color: var(--x3ai-white);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-category-chip .x3ai-chip-count {\n      opacity: .78;\n      font-size: 12px;\n    }\n\n    \/* Remove fixed sidebar: it is the main cause of squeezed cards in WP. *\/\n    #x3ai-ai-directory-v2 .x3ai-sidebar {\n      display: none !important;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-directory-layout {\n      display: block;\n      width: 100%;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-results-area {\n      width: 100%;\n      min-width: 0;\n    }\n\n    \/* Cards respond to the actual available container width, not viewport width. *\/\n    #x3ai-ai-directory-v2 .x3ai-featured-grid,\n    #x3ai-ai-directory-v2 .x3ai-tools-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));\n      gap: 20px;\n      width: 100%;\n      align-items: stretch;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-card,\n    #x3ai-ai-directory-v2 .x3ai-tool-card {\n      width: 100%;\n      min-width: 0;\n      height: 100%;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-featured-section {\n      padding: 28px;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-directory-toolbar {\n      display: grid;\n      grid-template-columns: minmax(220px, 1fr) auto;\n      gap: 24px;\n      width: 100%;\n      align-items: end;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-controls {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(145px, 1fr));\n      gap: 10px;\n      width: min(100%, 540px);\n      justify-self: end;\n      align-items: end;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-control,\n    #x3ai-ai-directory-v2 .x3ai-control select {\n      width: 100%;\n      min-width: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-clear-filters {\n      grid-column: 1 \/ -1;\n      justify-self: end;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-card-top,\n    #x3ai-ai-directory-v2 .x3ai-brand-line,\n    #x3ai-ai-directory-v2 .x3ai-card-footer {\n      min-width: 0;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-tool-title-wrap {\n      overflow-wrap: anywhere;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-methodology {\n      grid-template-columns: minmax(0, 1fr) minmax(170px, 220px);\n    }\n\n    \/* Tablet \/ narrow WordPress content area *\/\n    @media (max-width: 980px) {\n      #x3ai-ai-directory-v2 .x3ai-shell {\n        padding-left: 20px;\n        padding-right: 20px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-directory-toolbar {\n        grid-template-columns: 1fr;\n        align-items: start;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-controls {\n        width: 100%;\n        max-width: none;\n        justify-self: stretch;\n      }\n    }\n\n    @media (max-width: 767px) {\n      #x3ai-ai-directory-v2 .x3ai-shell {\n        padding: 0 16px 54px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-mobile-categories {\n        margin: 0 -16px 28px;\n        width: calc(100% + 32px);\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-chip-scroll {\n        flex-wrap: nowrap;\n        gap: 8px;\n        overflow-x: auto;\n        padding: 2px 16px 10px;\n        scroll-padding: 16px;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-chip-scroll::-webkit-scrollbar {\n        display: none;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-featured-section {\n        padding: 22px 16px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-featured-grid,\n      #x3ai-ai-directory-v2 .x3ai-tools-grid {\n        grid-template-columns: 1fr;\n        gap: 14px;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-controls {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-clear-filters {\n        width: 100%;\n        justify-self: stretch;\n      }\n\n      #x3ai-ai-directory-v2 .x3ai-methodology {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 480px) {\n      #x3ai-ai-directory-v2 .x3ai-controls {\n        grid-template-columns: 1fr;\n      }\n    }\n  \n\n    \/* ========================================\n       FINAL TYPOGRAPHY OVERRIDE\n       Alignment rules above remain unchanged.\n       Readable text = solid black; trust line = dark red.\n    ========================================= *\/\n    #x3ai-ai-directory-v2 {\n      color: #000000;\n    }\n\n    #x3ai-ai-directory-v2 h1,\n    #x3ai-ai-directory-v2 h2,\n    #x3ai-ai-directory-v2 h3,\n    #x3ai-ai-directory-v2 p,\n    #x3ai-ai-directory-v2 label,\n    #x3ai-ai-directory-v2 select,\n    #x3ai-ai-directory-v2 input,\n    #x3ai-ai-directory-v2 .x3ai-company,\n    #x3ai-ai-directory-v2 .x3ai-description,\n    #x3ai-ai-directory-v2 .x3ai-best-for,\n    #x3ai-ai-directory-v2 .x3ai-best-for strong,\n    #x3ai-ai-directory-v2 .x3ai-tag,\n    #x3ai-ai-directory-v2 .x3ai-pricing,\n    #x3ai-ai-directory-v2 .x3ai-pricing strong,\n    #x3ai-ai-directory-v2 .x3ai-results-count,\n    #x3ai-ai-directory-v2 .x3ai-category-button,\n    #x3ai-ai-directory-v2 .x3ai-category-count,\n    #x3ai-ai-directory-v2 .x3ai-category-chip:not(.is-active),\n    #x3ai-ai-directory-v2 .x3ai-active-pill,\n    #x3ai-ai-directory-v2 .x3ai-empty-state p,\n    #x3ai-ai-directory-v2 .x3ai-review-card span,\n    #x3ai-ai-directory-v2 .x3ai-review-card strong,\n    #x3ai-ai-directory-v2 .x3ai-disclosure p,\n    #x3ai-ai-directory-v2 .x3ai-search-hints,\n    #x3ai-ai-directory-v2 .x3ai-search-hints button {\n      color: #000000;\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-trust-line,\n    #x3ai-ai-directory-v2 .x3ai-trust-line span {\n      color: #8B1E1E;\n      font-weight: 700;\n    }\n\n    \/* Preserve X3AI brand accents and white button text. *\/\n    #x3ai-ai-directory-v2 .x3ai-eyebrow,\n    #x3ai-ai-directory-v2 .x3ai-section-kicker,\n    #x3ai-ai-directory-v2 .x3ai-category-badge,\n    #x3ai-ai-directory-v2 .x3ai-pick-badge {\n      color: var(--x3ai-primary-dark);\n    }\n\n    #x3ai-ai-directory-v2 .x3ai-visit-link,\n    #x3ai-ai-directory-v2 .x3ai-visit-link:hover,\n    #x3ai-ai-directory-v2 #x3ai-empty-clear,\n    #x3ai-ai-directory-v2 .x3ai-category-chip.is-active {\n      color: #FFFFFF;\n    }\n\n  <\/style>\n\n  <script>\n    (() => {\n      \"use strict\";\n\n      const root = document.getElementById(\"x3ai-ai-directory-v2\");\n      if (!root || root.dataset.x3aiInitialized === \"true\") return;\n      root.dataset.x3aiInitialized = \"true\";\n\n      \/* ========================================\n         CATEGORY NAMES\n         EDIT OR REORDER CATEGORIES HERE\n         Keep each value identical to the category\n         used by tools in the database below.\n      ========================================= *\/\n      const categories = [\n        \"AI Assistants\",\n        \"AI Search & Research\",\n        \"Writing & Content\",\n        \"Image & Design\",\n        \"Video & Avatars\",\n        \"Audio, Voice & Music\",\n        \"Coding & Development\",\n        \"Productivity & Meetings\",\n        \"Automation & AI Agents\",\n        \"Data & Analytics\",\n        \"Presentations\",\n        \"Marketing & Sales\",\n        \"Customer Support\"\n      ];\n\n      \/* ========================================\n         AI TOOL DATABASE\n         ADD OR EDIT TOOLS HERE\n\n         pricing options used by the filter:\n         \"Free\", \"Freemium\", \"Paid\", \"Enterprise\", or \"\"\n\n         useCases options used by the filter:\n         \"Business\", \"Creative\", \"Research\",\n         \"Developer\", \"Marketing\", \"Productivity\"\n\n         logo:\n         - Optional official image URL.\n         - Leave blank to try the official website's\n           \/favicon.ico automatically.\n         - If it fails, a clean letter fallback appears.\n      ========================================= *\/\n      const tools = [\n{\"name\":\"ChatGPT\",\"company\":\"OpenAI\",\"category\":\"AI Assistants\",\"description\":\"General-purpose AI assistant for writing, analysis, research, coding, files, images and multimodal work.\",\"bestFor\":\"Versatile everyday and professional AI assistance\",\"pricing\":\"Freemium\",\"tags\":[\"Multimodal\",\"Reasoning\",\"Research\"],\"useCases\":[\"Business\",\"Research\",\"Developer\",\"Productivity\"],\"keywords\":[\"assistant\",\"chat\",\"writing\",\"analysis\",\"files\",\"coding\",\"research\"],\"website\":\"https:\/\/chatgpt.com\/\",\"featured\":true,\"logo\":\"\"},\n{\"name\":\"Claude\",\"company\":\"Anthropic\",\"category\":\"AI Assistants\",\"description\":\"AI assistant focused on reasoning, writing, coding, document work and complex knowledge tasks.\",\"bestFor\":\"Long-form reasoning, writing and document-heavy work\",\"pricing\":\"Freemium\",\"tags\":[\"Reasoning\",\"Writing\",\"Coding\"],\"useCases\":[\"Business\",\"Research\",\"Developer\",\"Productivity\"],\"keywords\":[\"assistant\",\"documents\",\"analysis\",\"writing\",\"coding\"],\"website\":\"https:\/\/claude.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Gemini\",\"company\":\"Google\",\"category\":\"AI Assistants\",\"description\":\"Google's multimodal AI assistant for research, creation, productivity and connected Google experiences.\",\"bestFor\":\"Users working across Google services and multimodal tasks\",\"pricing\":\"Freemium\",\"tags\":[\"Multimodal\",\"Google\",\"Research\"],\"useCases\":[\"Business\",\"Research\",\"Productivity\",\"Creative\"],\"keywords\":[\"assistant\",\"google\",\"research\",\"images\",\"workspace\"],\"website\":\"https:\/\/gemini.google.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Microsoft Copilot\",\"company\":\"Microsoft\",\"category\":\"AI Assistants\",\"description\":\"AI companion from Microsoft for web answers, content creation, productivity and everyday tasks.\",\"bestFor\":\"General AI assistance in the Microsoft ecosystem\",\"pricing\":\"Freemium\",\"tags\":[\"Microsoft\",\"Web\",\"Productivity\"],\"useCases\":[\"Business\",\"Productivity\",\"Research\"],\"keywords\":[\"assistant\",\"microsoft\",\"web\",\"productivity\"],\"website\":\"https:\/\/copilot.microsoft.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Perplexity\",\"company\":\"Perplexity AI\",\"category\":\"AI Search & Research\",\"description\":\"AI-powered answer engine that searches the web and presents responses with cited sources.\",\"bestFor\":\"Fast web research with source links\",\"pricing\":\"Freemium\",\"tags\":[\"Search\",\"Citations\",\"Research\"],\"useCases\":[\"Research\",\"Business\",\"Productivity\"],\"keywords\":[\"search\",\"web\",\"citations\",\"research\",\"sources\"],\"website\":\"https:\/\/www.perplexity.ai\/\",\"featured\":true,\"logo\":\"\"},\n{\"name\":\"NotebookLM\",\"company\":\"Google\",\"category\":\"AI Search & Research\",\"description\":\"Source-grounded research and note-taking workspace that helps users understand and synthesize uploaded material.\",\"bestFor\":\"Working from your own documents and source collections\",\"pricing\":\"Freemium\",\"tags\":[\"Documents\",\"Research\",\"Sources\"],\"useCases\":[\"Research\",\"Business\",\"Productivity\"],\"keywords\":[\"notebook\",\"documents\",\"sources\",\"study\",\"research\",\"audio overview\"],\"website\":\"https:\/\/notebooklm.google.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Elicit\",\"company\":\"Elicit\",\"category\":\"AI Search & Research\",\"description\":\"Research assistant for finding papers, summarizing evidence and supporting literature-review workflows.\",\"bestFor\":\"Academic and evidence-based literature research\",\"pricing\":\"Freemium\",\"tags\":[\"Papers\",\"Literature\",\"Evidence\"],\"useCases\":[\"Research\"],\"keywords\":[\"academic\",\"papers\",\"literature review\",\"evidence\",\"systematic review\"],\"website\":\"https:\/\/elicit.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Consensus\",\"company\":\"Consensus\",\"category\":\"AI Search & Research\",\"description\":\"AI search platform built around scientific literature, helping users find and synthesize research-backed answers.\",\"bestFor\":\"Evidence-oriented questions and scientific research\",\"pricing\":\"Freemium\",\"tags\":[\"Science\",\"Search\",\"Evidence\"],\"useCases\":[\"Research\"],\"keywords\":[\"science\",\"papers\",\"research\",\"evidence\",\"academic\"],\"website\":\"https:\/\/consensus.app\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Grammarly\",\"company\":\"Grammarly\",\"category\":\"Writing & Content\",\"description\":\"AI writing assistant for grammar, rewriting, tone, clarity and professional communication across apps.\",\"bestFor\":\"Improving everyday business and professional writing\",\"pricing\":\"Freemium\",\"tags\":[\"Writing\",\"Editing\",\"Tone\"],\"useCases\":[\"Business\",\"Productivity\",\"Marketing\"],\"keywords\":[\"grammar\",\"rewrite\",\"email\",\"writing\",\"proofread\",\"tone\"],\"website\":\"https:\/\/www.grammarly.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Jasper\",\"company\":\"Jasper\",\"category\":\"Writing & Content\",\"description\":\"AI marketing platform for creating and scaling on-brand content, campaigns and marketing workflows.\",\"bestFor\":\"Marketing teams producing consistent branded content\",\"pricing\":\"Paid\",\"tags\":[\"Marketing\",\"Brand\",\"Content\"],\"useCases\":[\"Marketing\",\"Business\"],\"keywords\":[\"copywriting\",\"content\",\"brand\",\"campaign\",\"marketing\"],\"website\":\"https:\/\/www.jasper.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Writer\",\"company\":\"Writer\",\"category\":\"Writing & Content\",\"description\":\"Enterprise generative AI platform for governed content, knowledge workflows and business-specific AI applications.\",\"bestFor\":\"Enterprise teams that need controlled, brand-aware AI writing\",\"pricing\":\"Enterprise\",\"tags\":[\"Enterprise\",\"Governance\",\"Content\"],\"useCases\":[\"Business\",\"Marketing\",\"Productivity\"],\"keywords\":[\"enterprise\",\"writing\",\"governance\",\"brand\",\"knowledge\"],\"website\":\"https:\/\/writer.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Copy.ai\",\"company\":\"Copy.ai\",\"category\":\"Writing & Content\",\"description\":\"AI platform for go-to-market content and workflow automation across sales and marketing teams.\",\"bestFor\":\"Sales and marketing content workflows\",\"pricing\":\"Paid\",\"tags\":[\"GTM\",\"Sales\",\"Content\"],\"useCases\":[\"Marketing\",\"Business\"],\"keywords\":[\"copywriting\",\"sales\",\"marketing\",\"gtm\",\"workflow\"],\"website\":\"https:\/\/www.copy.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"DeepL Write\",\"company\":\"DeepL\",\"category\":\"Writing & Content\",\"description\":\"AI writing companion for improving grammar, phrasing, style, tone and clarity in professional text.\",\"bestFor\":\"Polishing multilingual and professional writing\",\"pricing\":\"Freemium\",\"tags\":[\"Editing\",\"Language\",\"Tone\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"rewrite\",\"grammar\",\"language\",\"tone\",\"proofread\"],\"website\":\"https:\/\/www.deepl.com\/write\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Adobe Firefly\",\"company\":\"Adobe\",\"category\":\"Image & Design\",\"description\":\"Adobe's generative AI workspace for creating and editing images, video, audio and design assets.\",\"bestFor\":\"Creative teams already working with Adobe tools\",\"pricing\":\"Freemium\",\"tags\":[\"Image\",\"Design\",\"Adobe\"],\"useCases\":[\"Creative\",\"Marketing\",\"Business\"],\"keywords\":[\"image\",\"design\",\"generative fill\",\"creative\",\"adobe\"],\"website\":\"https:\/\/firefly.adobe.com\/\",\"featured\":true,\"logo\":\"\"},\n{\"name\":\"Midjourney\",\"company\":\"Midjourney\",\"category\":\"Image & Design\",\"description\":\"Generative image and video platform known for high-quality visual ideation and stylized creative output.\",\"bestFor\":\"High-quality concept art and visual exploration\",\"pricing\":\"Paid\",\"tags\":[\"Image\",\"Creative\",\"Concept\"],\"useCases\":[\"Creative\",\"Marketing\"],\"keywords\":[\"image generation\",\"art\",\"concept\",\"visual\",\"design\"],\"website\":\"https:\/\/www.midjourney.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Canva Magic Studio\",\"company\":\"Canva\",\"category\":\"Image & Design\",\"description\":\"AI-powered creation features inside Canva for design, images, presentations, writing and marketing assets.\",\"bestFor\":\"Fast branded design and content production\",\"pricing\":\"Freemium\",\"tags\":[\"Design\",\"Brand\",\"Content\"],\"useCases\":[\"Creative\",\"Marketing\",\"Business\",\"Productivity\"],\"keywords\":[\"design\",\"presentation\",\"social media\",\"image\",\"brand\"],\"website\":\"https:\/\/www.canva.com\/magic-studio\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Leonardo.Ai\",\"company\":\"Leonardo Interactive\",\"category\":\"Image & Design\",\"description\":\"Generative visual platform for image creation, editing, asset generation and creative production workflows.\",\"bestFor\":\"Flexible image generation and creative asset production\",\"pricing\":\"Freemium\",\"tags\":[\"Image\",\"Assets\",\"Creative\"],\"useCases\":[\"Creative\",\"Marketing\"],\"keywords\":[\"image\",\"design\",\"assets\",\"art\",\"creative\"],\"website\":\"https:\/\/leonardo.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Ideogram\",\"company\":\"Ideogram\",\"category\":\"Image & Design\",\"description\":\"AI image generator with strong prompt-based visual creation and typography-oriented image capabilities.\",\"bestFor\":\"Images that combine visual concepts with readable text\",\"pricing\":\"Freemium\",\"tags\":[\"Image\",\"Typography\",\"Creative\"],\"useCases\":[\"Creative\",\"Marketing\"],\"keywords\":[\"image\",\"text in image\",\"typography\",\"design\",\"poster\"],\"website\":\"https:\/\/ideogram.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Runway\",\"company\":\"Runway\",\"category\":\"Video & Avatars\",\"description\":\"AI creative platform for generating, editing and transforming video and visual media.\",\"bestFor\":\"AI video generation and creative post-production\",\"pricing\":\"Freemium\",\"tags\":[\"Video\",\"Generative\",\"Editing\"],\"useCases\":[\"Creative\",\"Marketing\"],\"keywords\":[\"video\",\"film\",\"editing\",\"generation\",\"creative\"],\"website\":\"https:\/\/runwayml.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"HeyGen\",\"company\":\"HeyGen\",\"category\":\"Video & Avatars\",\"description\":\"AI video platform for avatars, voice, translation and business video creation.\",\"bestFor\":\"Presenter-led videos, localization and explainers\",\"pricing\":\"Freemium\",\"tags\":[\"Avatars\",\"Video\",\"Translation\"],\"useCases\":[\"Business\",\"Marketing\",\"Creative\"],\"keywords\":[\"avatar\",\"video\",\"translation\",\"presenter\",\"training\"],\"website\":\"https:\/\/www.heygen.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Synthesia\",\"company\":\"Synthesia\",\"category\":\"Video & Avatars\",\"description\":\"Enterprise-focused AI video platform for creating presenter-led training, enablement and communication videos.\",\"bestFor\":\"Training and corporate video production at scale\",\"pricing\":\"Freemium\",\"tags\":[\"Avatars\",\"Training\",\"Enterprise\"],\"useCases\":[\"Business\",\"Marketing\",\"Productivity\"],\"keywords\":[\"avatar\",\"training\",\"video\",\"corporate\",\"learning\"],\"website\":\"https:\/\/www.synthesia.io\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Pika\",\"company\":\"Pika\",\"category\":\"Video & Avatars\",\"description\":\"Generative video platform for creating and transforming short-form visual content from prompts and media.\",\"bestFor\":\"Rapid creative video experimentation\",\"pricing\":\"Freemium\",\"tags\":[\"Video\",\"Creative\",\"Generation\"],\"useCases\":[\"Creative\",\"Marketing\"],\"keywords\":[\"video\",\"animation\",\"generation\",\"effects\",\"creative\"],\"website\":\"https:\/\/pika.art\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Dream Machine\",\"company\":\"Luma AI\",\"category\":\"Video & Avatars\",\"description\":\"Luma AI's generative media platform for creating video and visual content from prompts and references.\",\"bestFor\":\"Cinematic AI video ideation and generation\",\"pricing\":\"Freemium\",\"tags\":[\"Video\",\"Generative\",\"Visual\"],\"useCases\":[\"Creative\",\"Marketing\"],\"keywords\":[\"video\",\"cinematic\",\"generation\",\"luma\",\"visual\"],\"website\":\"https:\/\/lumalabs.ai\/dream-machine\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"ElevenLabs\",\"company\":\"ElevenLabs\",\"category\":\"Audio, Voice & Music\",\"description\":\"AI audio platform for text-to-speech, speech-to-text, voice design, dubbing, sound effects and music.\",\"bestFor\":\"High-quality synthetic voice and multilingual audio\",\"pricing\":\"Freemium\",\"tags\":[\"Voice\",\"Dubbing\",\"Audio\"],\"useCases\":[\"Creative\",\"Business\",\"Marketing\"],\"keywords\":[\"voice\",\"speech\",\"dubbing\",\"audio\",\"tts\",\"sound\"],\"website\":\"https:\/\/elevenlabs.io\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Descript\",\"company\":\"Descript\",\"category\":\"Audio, Voice & Music\",\"description\":\"AI-assisted audio and video editor with text-based editing, transcription and production tools.\",\"bestFor\":\"Podcast, video and spoken-content editing\",\"pricing\":\"Freemium\",\"tags\":[\"Editing\",\"Podcast\",\"Transcription\"],\"useCases\":[\"Creative\",\"Marketing\",\"Productivity\"],\"keywords\":[\"podcast\",\"transcription\",\"audio\",\"video\",\"editing\"],\"website\":\"https:\/\/www.descript.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Suno\",\"company\":\"Suno\",\"category\":\"Audio, Voice & Music\",\"description\":\"AI music creation platform that generates songs and musical ideas from text prompts and creative direction.\",\"bestFor\":\"Fast AI-assisted music creation and experimentation\",\"pricing\":\"Freemium\",\"tags\":[\"Music\",\"Audio\",\"Creative\"],\"useCases\":[\"Creative\"],\"keywords\":[\"music\",\"song\",\"audio\",\"generation\",\"lyrics\"],\"website\":\"https:\/\/suno.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Adobe Podcast\",\"company\":\"Adobe\",\"category\":\"Audio, Voice & Music\",\"description\":\"Browser-based AI audio tools for speech enhancement, recording and podcast production.\",\"bestFor\":\"Cleaning spoken audio and improving podcast sound\",\"pricing\":\"Freemium\",\"tags\":[\"Speech\",\"Podcast\",\"Enhancement\"],\"useCases\":[\"Creative\",\"Business\",\"Marketing\"],\"keywords\":[\"podcast\",\"speech enhance\",\"audio cleanup\",\"recording\"],\"website\":\"https:\/\/podcast.adobe.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Murf\",\"company\":\"Murf AI\",\"category\":\"Audio, Voice & Music\",\"description\":\"AI voice platform for generating voiceovers and spoken audio for business, learning and creative content.\",\"bestFor\":\"Professional voiceovers for business content\",\"pricing\":\"Freemium\",\"tags\":[\"Voiceover\",\"Speech\",\"Business\"],\"useCases\":[\"Business\",\"Marketing\",\"Creative\"],\"keywords\":[\"voiceover\",\"tts\",\"training\",\"audio\",\"speech\"],\"website\":\"https:\/\/murf.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"GitHub Copilot\",\"company\":\"GitHub\",\"category\":\"Coding & Development\",\"description\":\"AI coding assistant integrated across GitHub and popular development environments for code, chat and agent workflows.\",\"bestFor\":\"Developers working in GitHub-centered software workflows\",\"pricing\":\"Freemium\",\"tags\":[\"Coding\",\"GitHub\",\"Developer\"],\"useCases\":[\"Developer\"],\"keywords\":[\"code\",\"developer\",\"ide\",\"github\",\"agent\",\"autocomplete\"],\"website\":\"https:\/\/github.com\/features\/copilot\",\"featured\":true,\"logo\":\"\"},\n{\"name\":\"Cursor\",\"company\":\"Anysphere\",\"category\":\"Coding & Development\",\"description\":\"AI-first code editor with agentic coding, model access and context-aware development workflows.\",\"bestFor\":\"Developers who want an AI-native coding environment\",\"pricing\":\"Freemium\",\"tags\":[\"IDE\",\"Agents\",\"Coding\"],\"useCases\":[\"Developer\"],\"keywords\":[\"code editor\",\"ide\",\"agent\",\"developer\",\"coding\"],\"website\":\"https:\/\/cursor.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Replit\",\"company\":\"Replit\",\"category\":\"Coding & Development\",\"description\":\"Cloud development platform with AI-assisted app building, coding, deployment and collaborative development.\",\"bestFor\":\"Building and deploying apps quickly in the browser\",\"pricing\":\"Freemium\",\"tags\":[\"Apps\",\"Cloud IDE\",\"Agent\"],\"useCases\":[\"Developer\",\"Business\"],\"keywords\":[\"app builder\",\"code\",\"deployment\",\"browser ide\",\"agent\"],\"website\":\"https:\/\/replit.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Claude Code\",\"company\":\"Anthropic\",\"category\":\"Coding & Development\",\"description\":\"Anthropic's agentic coding tool for working with codebases, terminal workflows and software engineering tasks.\",\"bestFor\":\"Terminal-based coding and repository-scale assistance\",\"pricing\":\"Paid\",\"tags\":[\"Terminal\",\"Agent\",\"Coding\"],\"useCases\":[\"Developer\"],\"keywords\":[\"code\",\"terminal\",\"agent\",\"repository\",\"developer\"],\"website\":\"https:\/\/www.anthropic.com\/claude-code\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Codex\",\"company\":\"OpenAI\",\"category\":\"Coding & Development\",\"description\":\"OpenAI coding agent for software engineering tasks such as writing, reviewing and working across codebases.\",\"bestFor\":\"Delegating software engineering tasks to an AI coding agent\",\"pricing\":\"Paid\",\"tags\":[\"Agent\",\"Coding\",\"OpenAI\"],\"useCases\":[\"Developer\"],\"keywords\":[\"code\",\"agent\",\"software engineering\",\"developer\",\"repository\"],\"website\":\"https:\/\/openai.com\/codex\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Ollama\",\"company\":\"Ollama\",\"category\":\"Coding & Development\",\"description\":\"Local-first platform for running and integrating open models on your own computer, with optional cloud model access.\",\"bestFor\":\"Private local AI development and open-model workflows\",\"pricing\":\"Free\",\"tags\":[\"Local AI\",\"Open Models\",\"Developer\"],\"useCases\":[\"Developer\",\"Research\"],\"keywords\":[\"local ai\",\"open models\",\"offline\",\"api\",\"developer\",\"privacy\"],\"website\":\"https:\/\/ollama.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Notion AI\",\"company\":\"Notion\",\"category\":\"Productivity & Meetings\",\"description\":\"AI capabilities inside Notion for knowledge work, writing, search, meeting notes and workspace assistance.\",\"bestFor\":\"Teams managing knowledge, documents and projects in Notion\",\"pricing\":\"Paid\",\"tags\":[\"Workspace\",\"Knowledge\",\"Docs\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"notes\",\"documents\",\"knowledge base\",\"meeting\",\"workspace\"],\"website\":\"https:\/\/www.notion.com\/product\/ai\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Microsoft 365 Copilot\",\"company\":\"Microsoft\",\"category\":\"Productivity & Meetings\",\"description\":\"Workplace AI integrated with Microsoft 365 apps and organizational data for productivity and collaboration.\",\"bestFor\":\"Organizations standardized on Microsoft 365\",\"pricing\":\"Paid\",\"tags\":[\"Microsoft 365\",\"Enterprise\",\"Work\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"word\",\"excel\",\"powerpoint\",\"outlook\",\"teams\",\"office\"],\"website\":\"https:\/\/www.microsoft.com\/microsoft-365-copilot\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Google Workspace with Gemini\",\"company\":\"Google\",\"category\":\"Productivity & Meetings\",\"description\":\"Gemini AI capabilities integrated into Google Workspace applications for writing, meetings, analysis and collaboration.\",\"bestFor\":\"Teams working in Gmail, Docs, Sheets and Meet\",\"pricing\":\"Paid\",\"tags\":[\"Google Workspace\",\"Meetings\",\"Docs\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"gmail\",\"docs\",\"sheets\",\"meet\",\"workspace\",\"google\"],\"website\":\"https:\/\/workspace.google.com\/solutions\/ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Otter.ai\",\"company\":\"Otter.ai\",\"category\":\"Productivity & Meetings\",\"description\":\"AI meeting assistant for transcription, summaries, notes and searchable conversation records.\",\"bestFor\":\"Capturing and reviewing meetings and interviews\",\"pricing\":\"Freemium\",\"tags\":[\"Meetings\",\"Transcription\",\"Notes\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"meeting\",\"transcription\",\"notes\",\"summary\",\"interview\"],\"website\":\"https:\/\/otter.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Zoom AI Companion\",\"company\":\"Zoom\",\"category\":\"Productivity & Meetings\",\"description\":\"AI assistance within Zoom Workplace for meeting summaries, productivity and collaboration workflows.\",\"bestFor\":\"Teams already using Zoom for meetings and collaboration\",\"pricing\":\"Paid\",\"tags\":[\"Meetings\",\"Zoom\",\"Collaboration\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"meeting\",\"zoom\",\"summary\",\"collaboration\",\"notes\"],\"website\":\"https:\/\/www.zoom.com\/en\/products\/ai-assistant\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Zapier\",\"company\":\"Zapier\",\"category\":\"Automation & AI Agents\",\"description\":\"Automation platform connecting business apps with workflows, AI steps and agent-oriented automation capabilities.\",\"bestFor\":\"No-code automation across a broad app ecosystem\",\"pricing\":\"Freemium\",\"tags\":[\"Automation\",\"No-code\",\"Integrations\"],\"useCases\":[\"Business\",\"Productivity\",\"Marketing\"],\"keywords\":[\"automation\",\"workflow\",\"integration\",\"agent\",\"no code\"],\"website\":\"https:\/\/zapier.com\/\",\"featured\":true,\"logo\":\"\"},\n{\"name\":\"Make\",\"company\":\"Make\",\"category\":\"Automation & AI Agents\",\"description\":\"Visual automation platform for building multi-step workflows and AI-powered process automations across apps.\",\"bestFor\":\"Flexible visual workflow automation\",\"pricing\":\"Freemium\",\"tags\":[\"Automation\",\"Visual\",\"Integrations\"],\"useCases\":[\"Business\",\"Productivity\",\"Marketing\"],\"keywords\":[\"automation\",\"workflow\",\"integration\",\"scenario\",\"ai agent\"],\"website\":\"https:\/\/www.make.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"n8n\",\"company\":\"n8n\",\"category\":\"Automation & AI Agents\",\"description\":\"Workflow automation platform with strong developer control, self-hosting options and AI workflow integrations.\",\"bestFor\":\"Technical teams building customizable AI automations\",\"pricing\":\"Freemium\",\"tags\":[\"Automation\",\"Developer\",\"Self-hosted\"],\"useCases\":[\"Developer\",\"Business\",\"Productivity\"],\"keywords\":[\"automation\",\"workflow\",\"self hosted\",\"agent\",\"integration\"],\"website\":\"https:\/\/n8n.io\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Microsoft Power Automate\",\"company\":\"Microsoft\",\"category\":\"Automation & AI Agents\",\"description\":\"Microsoft's workflow and robotic process automation platform for business processes across cloud and desktop.\",\"bestFor\":\"Enterprise automation in Microsoft environments\",\"pricing\":\"Paid\",\"tags\":[\"RPA\",\"Microsoft\",\"Workflow\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"automation\",\"workflow\",\"rpa\",\"power platform\",\"microsoft\"],\"website\":\"https:\/\/www.microsoft.com\/power-platform\/products\/power-automate\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"UiPath\",\"company\":\"UiPath\",\"category\":\"Automation & AI Agents\",\"description\":\"Enterprise automation platform combining robotic process automation, AI and agentic automation capabilities.\",\"bestFor\":\"Large-scale enterprise process automation\",\"pricing\":\"Enterprise\",\"tags\":[\"RPA\",\"Enterprise\",\"Agents\"],\"useCases\":[\"Business\",\"Developer\",\"Productivity\"],\"keywords\":[\"rpa\",\"automation\",\"agent\",\"enterprise\",\"workflow\"],\"website\":\"https:\/\/www.uipath.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Power BI Copilot\",\"company\":\"Microsoft\",\"category\":\"Data & Analytics\",\"description\":\"AI-assisted analytics capabilities in Microsoft Power BI for exploring, summarizing and working with business data.\",\"bestFor\":\"Business intelligence teams using Microsoft Power BI\",\"pricing\":\"Paid\",\"tags\":[\"BI\",\"Microsoft\",\"Analytics\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"data\",\"analytics\",\"dashboard\",\"power bi\",\"business intelligence\"],\"website\":\"https:\/\/www.microsoft.com\/power-platform\/products\/power-bi\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Dataiku\",\"company\":\"Dataiku\",\"category\":\"Data & Analytics\",\"description\":\"Enterprise platform for analytics, machine learning and governed AI workflows across technical and business teams.\",\"bestFor\":\"Governed enterprise AI and data science workflows\",\"pricing\":\"Enterprise\",\"tags\":[\"Enterprise\",\"Data Science\",\"Governance\"],\"useCases\":[\"Business\",\"Developer\",\"Research\"],\"keywords\":[\"data science\",\"machine learning\",\"analytics\",\"governance\",\"enterprise\"],\"website\":\"https:\/\/www.dataiku.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Julius\",\"company\":\"Julius AI\",\"category\":\"Data & Analytics\",\"description\":\"Conversational AI data analyst for exploring spreadsheets, datasets, charts and analytical questions.\",\"bestFor\":\"Fast analysis of spreadsheets and structured data\",\"pricing\":\"Freemium\",\"tags\":[\"Data\",\"Charts\",\"Analysis\"],\"useCases\":[\"Business\",\"Research\",\"Productivity\"],\"keywords\":[\"spreadsheet\",\"data analysis\",\"charts\",\"csv\",\"statistics\"],\"website\":\"https:\/\/julius.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Hex\",\"company\":\"Hex\",\"category\":\"Data & Analytics\",\"description\":\"Collaborative analytics workspace for SQL, notebooks, data apps and AI-assisted analysis.\",\"bestFor\":\"Data teams collaborating on analysis and internal data products\",\"pricing\":\"Freemium\",\"tags\":[\"SQL\",\"Analytics\",\"Collaboration\"],\"useCases\":[\"Business\",\"Developer\",\"Research\"],\"keywords\":[\"sql\",\"notebook\",\"data app\",\"analytics\",\"data team\"],\"website\":\"https:\/\/hex.tech\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Gamma\",\"company\":\"Gamma\",\"category\":\"Presentations\",\"description\":\"AI-powered workspace for rapidly creating presentations, documents and web-style content from prompts.\",\"bestFor\":\"Fast first drafts of polished presentations and documents\",\"pricing\":\"Freemium\",\"tags\":[\"Slides\",\"Documents\",\"Design\"],\"useCases\":[\"Business\",\"Creative\",\"Marketing\",\"Productivity\"],\"keywords\":[\"presentation\",\"slides\",\"deck\",\"document\",\"pitch\"],\"website\":\"https:\/\/gamma.app\/\",\"featured\":true,\"logo\":\"\"},\n{\"name\":\"Beautiful.ai\",\"company\":\"Beautiful.ai\",\"category\":\"Presentations\",\"description\":\"Presentation software with AI-assisted slide generation and layout automation for business decks.\",\"bestFor\":\"Professional business presentations with consistent layout\",\"pricing\":\"Paid\",\"tags\":[\"Slides\",\"Business\",\"Design\"],\"useCases\":[\"Business\",\"Marketing\",\"Productivity\"],\"keywords\":[\"presentation\",\"slides\",\"deck\",\"business\",\"design\"],\"website\":\"https:\/\/www.beautiful.ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Pitch\",\"company\":\"Pitch\",\"category\":\"Presentations\",\"description\":\"Collaborative presentation platform with AI-assisted deck creation, editing and team workflows.\",\"bestFor\":\"Collaborative sales, startup and business presentations\",\"pricing\":\"Freemium\",\"tags\":[\"Slides\",\"Collaboration\",\"Pitch\"],\"useCases\":[\"Business\",\"Marketing\",\"Productivity\"],\"keywords\":[\"presentation\",\"slides\",\"pitch deck\",\"collaboration\",\"sales\"],\"website\":\"https:\/\/pitch.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"HubSpot Breeze\",\"company\":\"HubSpot\",\"category\":\"Marketing & Sales\",\"description\":\"HubSpot's AI capabilities for customer-platform workflows across marketing, sales and service.\",\"bestFor\":\"Teams already running customer workflows in HubSpot\",\"pricing\":\"Freemium\",\"tags\":[\"CRM\",\"Marketing\",\"Sales\"],\"useCases\":[\"Marketing\",\"Business\",\"Productivity\"],\"keywords\":[\"crm\",\"marketing\",\"sales\",\"content\",\"customer\"],\"website\":\"https:\/\/www.hubspot.com\/products\/artificial-intelligence\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Salesforce Agentforce\",\"company\":\"Salesforce\",\"category\":\"Marketing & Sales\",\"description\":\"Salesforce's agentic AI platform for building and deploying AI agents across customer-facing business workflows.\",\"bestFor\":\"Enterprise CRM and customer-process automation\",\"pricing\":\"Enterprise\",\"tags\":[\"CRM\",\"Agents\",\"Enterprise\"],\"useCases\":[\"Business\",\"Marketing\",\"Productivity\"],\"keywords\":[\"crm\",\"salesforce\",\"agent\",\"sales\",\"marketing\",\"customer\"],\"website\":\"https:\/\/www.salesforce.com\/agentforce\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Clay\",\"company\":\"Clay\",\"category\":\"Marketing & Sales\",\"description\":\"Go-to-market data and workflow platform for enrichment, research, personalization and sales automation.\",\"bestFor\":\"Prospecting, enrichment and personalized outbound workflows\",\"pricing\":\"Freemium\",\"tags\":[\"GTM\",\"Enrichment\",\"Sales\"],\"useCases\":[\"Marketing\",\"Business\"],\"keywords\":[\"sales\",\"prospecting\",\"enrichment\",\"outbound\",\"lead generation\"],\"website\":\"https:\/\/www.clay.com\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Fin\",\"company\":\"Intercom\",\"category\":\"Customer Support\",\"description\":\"Intercom's AI customer service agent for resolving support conversations across helpdesk channels.\",\"bestFor\":\"AI-first customer support within Intercom\",\"pricing\":\"Paid\",\"tags\":[\"Support\",\"Agent\",\"Helpdesk\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"customer support\",\"helpdesk\",\"service\",\"agent\",\"intercom\"],\"website\":\"https:\/\/www.intercom.com\/fin\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Zendesk AI\",\"company\":\"Zendesk\",\"category\":\"Customer Support\",\"description\":\"AI capabilities for customer service teams, including automation, agent assistance and support operations.\",\"bestFor\":\"Established support teams using Zendesk\",\"pricing\":\"Paid\",\"tags\":[\"Support\",\"Automation\",\"Helpdesk\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"customer support\",\"helpdesk\",\"ticket\",\"service\",\"automation\"],\"website\":\"https:\/\/www.zendesk.com\/service\/ai\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Ada\",\"company\":\"Ada\",\"category\":\"Customer Support\",\"description\":\"Enterprise AI customer service platform focused on automated support across digital channels.\",\"bestFor\":\"Large-scale automated customer service\",\"pricing\":\"Enterprise\",\"tags\":[\"Support\",\"Enterprise\",\"Automation\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"customer support\",\"service\",\"automation\",\"agent\",\"enterprise\"],\"website\":\"https:\/\/www.ada.cx\/\",\"featured\":false,\"logo\":\"\"},\n{\"name\":\"Freddy AI\",\"company\":\"Freshworks\",\"category\":\"Customer Support\",\"description\":\"Freshworks AI capabilities for customer service and employee workflows, including assistance and automation.\",\"bestFor\":\"Support teams using Freshworks products\",\"pricing\":\"Paid\",\"tags\":[\"Support\",\"Freshworks\",\"Automation\"],\"useCases\":[\"Business\",\"Productivity\"],\"keywords\":[\"customer support\",\"freshdesk\",\"service\",\"automation\",\"agent\"],\"website\":\"https:\/\/www.freshworks.com\/freddy-ai\/\",\"featured\":false,\"logo\":\"\"}\n      ];\n\n      const state = {\n        search: \"\",\n        category: \"All\",\n        pricing: \"All\",\n        useCase: \"All\",\n        sort: \"featured\"\n      };\n\n      const els = {\n        search: root.querySelector(\"#x3ai-tool-search\"),\n        searchClear: root.querySelector(\".x3ai-search-clear\"),\n        pricing: root.querySelector(\"#x3ai-pricing-filter\"),\n        useCase: root.querySelector(\"#x3ai-usecase-filter\"),\n        sort: root.querySelector(\"#x3ai-sort\"),\n        clearFilters: root.querySelector(\"#x3ai-clear-filters\"),\n        emptyClear: root.querySelector(\"#x3ai-empty-clear\"),\n        desktopCategories: root.querySelector(\"#x3ai-desktop-categories\"),\n        mobileCategories: root.querySelector(\"#x3ai-mobile-category-chips\"),\n        featuredSection: root.querySelector(\"#x3ai-featured-section\"),\n        featuredGrid: root.querySelector(\"#x3ai-featured-grid\"),\n        toolsGrid: root.querySelector(\"#x3ai-tools-grid\"),\n        resultsCount: root.querySelector(\"#x3ai-results-count\"),\n        activeFilters: root.querySelector(\"#x3ai-active-filters\"),\n        emptyState: root.querySelector(\"#x3ai-empty-state\")\n      };\n\n      const normalize = (value) =>\n        String(value ?? \"\")\n          .toLowerCase()\n          .normalize(\"NFD\")\n          .replace(\/[\\u0300-\\u036f]\/g, \"\")\n          .trim();\n\n      const escapeHTML = (value) =>\n        String(value ?? \"\")\n          .replace(\/&\/g, \"&amp;\")\n          .replace(\/<\/g, \"&lt;\")\n          .replace(\/>\/g, \"&gt;\")\n          .replace(\/\"\/g, \"&quot;\")\n          .replace(\/'\/g, \"&#039;\");\n\n      const safeExternalUrl = (value) => {\n        try {\n          const url = new URL(value);\n          if (![\"http:\", \"https:\"].includes(url.protocol)) return \"\";\n          return url.href;\n        } catch {\n          return \"\";\n        }\n      };\n\n      const officialFavicon = (website) => {\n        try {\n          const url = new URL(website);\n          return `${url.origin}\/favicon.ico`;\n        } catch {\n          return \"\";\n        }\n      };\n\n      const getSearchText = (tool) =>\n        normalize([\n          tool.name,\n          tool.company,\n          tool.category,\n          tool.description,\n          tool.bestFor,\n          ...(tool.tags || []),\n          ...(tool.useCases || []),\n          ...(tool.keywords || [])\n        ].join(\" \"));\n\n      const getCategoryCounts = () => {\n        const counts = Object.fromEntries(categories.map((category) => [category, 0]));\n        tools.forEach((tool) => {\n          if (Object.prototype.hasOwnProperty.call(counts, tool.category)) {\n            counts[tool.category] += 1;\n          }\n        });\n        return counts;\n      };\n\n      const isFilterActive = () =>\n        Boolean(\n          state.search ||\n          state.category !== \"All\" ||\n          state.pricing !== \"All\" ||\n          state.useCase !== \"All\"\n        );\n\n      const getFilteredTools = () => {\n        const query = normalize(state.search);\n\n        return tools.filter((tool) => {\n          const matchesSearch = !query || getSearchText(tool).includes(query);\n          const matchesCategory = state.category === \"All\" || tool.category === state.category;\n          const matchesPricing = state.pricing === \"All\" || tool.pricing === state.pricing;\n          const matchesUseCase = state.useCase === \"All\" || (tool.useCases || []).includes(state.useCase);\n\n          return matchesSearch && matchesCategory && matchesPricing && matchesUseCase;\n        });\n      };\n\n      const sortTools = (items) => {\n        const copy = [...items];\n\n        if (state.sort === \"az\") {\n          return copy.sort((a, b) => a.name.localeCompare(b.name));\n        }\n\n        if (state.sort === \"category\") {\n          return copy.sort((a, b) => {\n            const categoryDifference = categories.indexOf(a.category) - categories.indexOf(b.category);\n            return categoryDifference || a.name.localeCompare(b.name);\n          });\n        }\n\n        return copy.sort((a, b) => {\n          if (a.featured !== b.featured) return Number(b.featured) - Number(a.featured);\n          const categoryDifference = categories.indexOf(a.category) - categories.indexOf(b.category);\n          return categoryDifference || a.name.localeCompare(b.name);\n        });\n      };\n\n      const makeLogo = (tool) => {\n        const website = safeExternalUrl(tool.website);\n        const explicitLogo = safeExternalUrl(tool.logo);\n        const logoUrl = explicitLogo || officialFavicon(website);\n        const firstLetter = escapeHTML((tool.name || \"?\").trim().charAt(0).toUpperCase());\n        const alt = `${escapeHTML(tool.name)} logo`;\n\n        if (!logoUrl) {\n          return `<div class=\"x3ai-logo is-fallback\" aria-hidden=\"true\"><span class=\"x3ai-logo-fallback\">${firstLetter}<\/span><\/div>`;\n        }\n\n        return `\n          <div class=\"x3ai-logo\">\n            <img src=\"${escapeHTML(logoUrl)}\" alt=\"${alt}\" loading=\"lazy\" decoding=\"async\"\n                 onerror=\"this.parentElement.classList.add('is-fallback'); this.removeAttribute('src');\" \/>\n            <span class=\"x3ai-logo-fallback\" aria-hidden=\"true\">${firstLetter}<\/span>\n          <\/div>\n        `;\n      };\n\n      const makeCard = (tool, featuredCard = false) => {\n        const website = safeExternalUrl(tool.website);\n        const tags = (tool.tags || []).slice(0, 3);\n        const pricing = tool.pricing\n          ? `<span class=\"x3ai-pricing\">Pricing: <strong>${escapeHTML(tool.pricing)}<\/strong><\/span>`\n          : `<span class=\"x3ai-pricing\">Pricing: <strong>See provider<\/strong><\/span>`;\n\n        return `\n          <article class=\"${featuredCard ? \"x3ai-featured-card\" : \"x3ai-tool-card\"}\">\n            <div class=\"x3ai-card-top\">\n              <div class=\"x3ai-brand-line\">\n                ${makeLogo(tool)}\n                <div class=\"x3ai-tool-title-wrap\">\n                  <h3 class=\"x3ai-tool-title\">${escapeHTML(tool.name)}<\/h3>\n                  <p class=\"x3ai-company\">${escapeHTML(tool.company)}<\/p>\n                <\/div>\n              <\/div>\n              ${tool.featured ? `<span class=\"x3ai-pick-badge\">X3AI Pick<\/span>` : \"\"}\n            <\/div>\n\n            <span class=\"x3ai-category-badge\">${escapeHTML(tool.category)}<\/span>\n            <p class=\"x3ai-description\">${escapeHTML(tool.description)}<\/p>\n            <p class=\"x3ai-best-for\"><strong>Best for:<\/strong> ${escapeHTML(tool.bestFor)}<\/p>\n\n            ${featuredCard ? \"\" : `\n              <div class=\"x3ai-tags\" aria-label=\"Tool tags\">\n                ${tags.map((tag) => `<span class=\"x3ai-tag\">${escapeHTML(tag)}<\/span>`).join(\"\")}\n              <\/div>\n            `}\n\n            <div class=\"x3ai-card-footer\">\n              ${pricing}\n              ${website ? `\n                <a class=\"x3ai-visit-link\"\n                   href=\"${escapeHTML(website)}\"\n                   target=\"_blank\"\n                   rel=\"noopener noreferrer\"\n                   aria-label=\"Visit ${escapeHTML(tool.name)} official website in a new tab\">\n                  Visit Tool <span class=\"x3ai-arrow\" aria-hidden=\"true\">\u2192<\/span>\n                <\/a>\n              ` : \"\"}\n            <\/div>\n          <\/article>\n        `;\n      };\n\n      const renderCategories = () => {\n        const counts = getCategoryCounts();\n        const allItems = [{ name: \"All\", count: tools.length }, ...categories.map((name) => ({ name, count: counts[name] || 0 }))];\n\n        els.desktopCategories.innerHTML = allItems.map(({ name, count }) => {\n          const isActive = state.category === name;\n          const label = name === \"All\" ? \"All tools\" : name;\n          return `\n            <button type=\"button\"\n                    class=\"x3ai-category-button${isActive ? \" is-active\" : \"\"}\"\n                    data-category=\"${escapeHTML(name)}\"\n                    aria-pressed=\"${isActive}\">\n              <span>${escapeHTML(label)}<\/span>\n              <span class=\"x3ai-category-count\">${count}<\/span>\n            <\/button>\n          `;\n        }).join(\"\");\n\n        els.mobileCategories.innerHTML = allItems.map(({ name, count }) => {\n          const isActive = state.category === name;\n          const label = name === \"All\" ? \"All\" : name;\n          return `\n            <button type=\"button\"\n                    class=\"x3ai-category-chip${isActive ? \" is-active\" : \"\"}\"\n                    data-category=\"${escapeHTML(name)}\"\n                    aria-pressed=\"${isActive}\">\n              <span>${escapeHTML(label)}<\/span>\n              <span class=\"x3ai-chip-count\">${count}<\/span>\n            <\/button>\n          `;\n        }).join(\"\");\n      };\n\n      const renderFeatured = () => {\n        const picks = tools.filter((tool) => tool.featured).slice(0, 6);\n        els.featuredGrid.innerHTML = picks.map((tool) => makeCard(tool, true)).join(\"\");\n        els.featuredSection.hidden = isFilterActive();\n      };\n\n      const renderActiveFilters = () => {\n        const pills = [];\n\n        if (state.search) pills.push(`Search: \u201c${state.search}\u201d`);\n        if (state.category !== \"All\") pills.push(state.category);\n        if (state.pricing !== \"All\") pills.push(`Pricing: ${state.pricing}`);\n        if (state.useCase !== \"All\") pills.push(`Use case: ${state.useCase}`);\n\n        els.activeFilters.innerHTML = pills\n          .map((pill) => `<span class=\"x3ai-active-pill\">${escapeHTML(pill)}<\/span>`)\n          .join(\"\");\n      };\n\n      const renderResults = () => {\n        const filtered = sortTools(getFilteredTools());\n        const total = tools.length;\n\n        els.toolsGrid.innerHTML = filtered.map((tool) => makeCard(tool, false)).join(\"\");\n        els.resultsCount.textContent = isFilterActive()\n          ? `${filtered.length} of ${total} tools`\n          : `${total} tools`;\n\n        els.emptyState.hidden = filtered.length !== 0;\n        els.toolsGrid.hidden = filtered.length === 0;\n        els.clearFilters.hidden = !isFilterActive();\n        els.searchClear.hidden = !state.search;\n\n        renderActiveFilters();\n      };\n\n      const syncControls = () => {\n        els.search.value = state.search;\n        els.pricing.value = state.pricing;\n        els.useCase.value = state.useCase;\n        els.sort.value = state.sort;\n      };\n\n      const render = () => {\n        syncControls();\n        renderCategories();\n        renderFeatured();\n        renderResults();\n      };\n\n      const setCategory = (category) => {\n        state.category = category;\n        render();\n\n        const activeChip = els.mobileCategories.querySelector(\".is-active\");\n        if (activeChip && window.innerWidth < 768) {\n          activeChip.scrollIntoView({ behavior: \"smooth\", inline: \"center\", block: \"nearest\" });\n        }\n      };\n\n      const clearAll = () => {\n        state.search = \"\";\n        state.category = \"All\";\n        state.pricing = \"All\";\n        state.useCase = \"All\";\n        state.sort = \"featured\";\n        render();\n        els.search.focus({ preventScroll: true });\n      };\n\n      els.search.addEventListener(\"input\", (event) => {\n        state.search = event.target.value.trimStart();\n        renderFeatured();\n        renderResults();\n      });\n\n      els.search.addEventListener(\"keydown\", (event) => {\n        if (event.key === \"Escape\" && state.search) {\n          state.search = \"\";\n          render();\n        }\n      });\n\n      els.searchClear.addEventListener(\"click\", () => {\n        state.search = \"\";\n        render();\n        els.search.focus();\n      });\n\n      els.pricing.addEventListener(\"change\", (event) => {\n        state.pricing = event.target.value;\n        render();\n      });\n\n      els.useCase.addEventListener(\"change\", (event) => {\n        state.useCase = event.target.value;\n        render();\n      });\n\n      els.sort.addEventListener(\"change\", (event) => {\n        state.sort = event.target.value;\n        renderResults();\n      });\n\n      els.clearFilters.addEventListener(\"click\", clearAll);\n      els.emptyClear.addEventListener(\"click\", clearAll);\n\n      root.addEventListener(\"click\", (event) => {\n        const categoryButton = event.target.closest(\"[data-category]\");\n        if (categoryButton && root.contains(categoryButton)) {\n          setCategory(categoryButton.dataset.category);\n          return;\n        }\n\n        const searchHint = event.target.closest(\"[data-search-term]\");\n        if (searchHint && root.contains(searchHint)) {\n          state.search = searchHint.dataset.searchTerm || \"\";\n          render();\n          els.search.focus();\n        }\n      });\n\n      render();\n    })();\n  <\/script>\n<\/section>\n<\/section>\n\n\n\n<div class=\"wp-block-group alignfull is-style-ext-preset--group--natural-1--section ext-section ext-animate--on has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-91535b9a wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section--2\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:0;padding-bottom:var(--wp--preset--spacing--70);padding-left:0\">\n<div class=\"wp-block-group alignwide is-style-ext-preset--group--natural-1--item-card-1--align-start ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--item-card-1--align-start--3\">\n<div class=\"wp-block-cover alignwide is-style-ext-preset--cover--natural-1--cover-overlay-1 ext-animate--on is-style-ext-preset--cover--natural-1--cover-overlay-1--4\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"810\" class=\"wp-block-cover__image-background wp-image-423\" alt=\"\" src=\"https:\/\/x3ai.net\/wp-content\/uploads\/2026\/08\/ca31a76e03e240c2302a2de3b1ead02c98531ccb.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/x3ai.net\/wp-content\/uploads\/2026\/08\/ca31a76e03e240c2302a2de3b1ead02c98531ccb.jpg 1440w, https:\/\/x3ai.net\/wp-content\/uploads\/2026\/08\/ca31a76e03e240c2302a2de3b1ead02c98531ccb-300x169.jpg 300w, https:\/\/x3ai.net\/wp-content\/uploads\/2026\/08\/ca31a76e03e240c2302a2de3b1ead02c98531ccb-1024x576.jpg 1024w, https:\/\/x3ai.net\/wp-content\/uploads\/2026\/08\/ca31a76e03e240c2302a2de3b1ead02c98531ccb-768x432.jpg 768w, https:\/\/x3ai.net\/wp-content\/uploads\/2026\/08\/ca31a76e03e240c2302a2de3b1ead02c98531ccb-18x10.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\" style=\"background-color:#010101\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-41e2b32c wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group alignwide ext-animate--on has-global-padding is-layout-constrained wp-container-core-group-is-layout-7a4a748f wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading has-text-align-center ext-animate--on has-x-large-font-size\" style=\"margin-bottom:24px\">Master Artificial Intelligence <\/h2>\n\n\n\n<p class=\"has-text-align-center ext-animate--on wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);\">Discover curated third-party AI tools and effective prompt writing techniques. Enhance your daily productivity and explore tailored enterprise solutions with X3AI today.<\/p>\n\n\n\n<div class=\"wp-block-buttons ext-animate--on is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-c0bc9f7e wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-ext-preset--button--natural-1--button-1 ext-animate--on is-style-ext-preset--button--natural-1--button-1--5\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/x3ai.net\/ai-starter-hub\/\">View Directory<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>X3AI AI TOOLS DIRECTORY Find the Right AI Tool for the Job Explore a curated selection of leading AI platforms for business, creativity, productivity, research and development \u2014 reviewed and organized by X3AI. Curated for relevance \u2022 Official sources \u2022 Regularly reviewed Search AI tools Clear Try: meeting presentation coding research marketing CURATED SHORTLIST X3AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":11,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":431,"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/pages\/410\/revisions\/431"}],"wp:attachment":[{"href":"https:\/\/x3ai.net\/de\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}