PageSourceSearch

https://aisuggests.ai/

html aisuggests.ai collected 2026-10-05 14:25:01 UTC 840,967 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="__variable_2471a8 __variable_62df8c"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/636a5ac981f94f8b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9d5a263311222317-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c49dcee81b580683-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=384&amp;q=75 2x" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/11982ff37312a52f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/bd259d0268177eee.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f3b37c6305db8091.js"/>
1<script src="/_next/static/chunks/fd9d1056-925430c5a4767c0e.js" async=""></script>
1<script src="/_next/static/chunks/2117-7cea07460bc0d1f1.js" async=""></script>
1<script src="/_next/static/chunks/main-app-54be0d8ba4202358.js" async=""></script>
1<script src="/_next/static/chunks/2972-0520222033547cf4.js" async=""></script>
1<script src="/_next/static/chunks/5963-c7672c78cb65ebc8.js" async=""></script>
1<script src="/_next/static/chunks/1122-455787499a13daee.js" async=""></script>
1<script src="/_next/static/chunks/2360-fe15628fd1eae122.js" async=""></script>
1<script src="/_next/static/chunks/9030-48093cfbf33e392e.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-503996ae0d65810c.js" async=""></script>
1<script src="/_next/static/chunks/3402-fc1a59e73b1f4419.js" async=""></script>
1<script src="/_next/static/chunks/9041-f4c5b5d86601c33b.js" async=""></script>
1<script src="/_next/static/chunks/1516-dfde66cafd63c84e.js" async=""></script>
1<script src="/_next/static/chunks/app/page-ab9ef09c9fae3db0.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-RBZLSTEGW9" as="script"/><title>Best AI Tools Directory 2026 — Reviewed &amp; Ranked | AI Suggests</title><meta name="description" content="Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly."/><meta name="keywords" content="AI tools Directory,best AI tools 2026,AI tools list,ai tool directory,ai tool list,ai list,ai tool reviews,best ai tools,artificial intelligence tools,ai software directory,free ai tools,AI prompt library,ChatGPT alternatives,AI writing tools,AI coding tools,AI design tools,generative AI tools,search AI tools by task,search AI tools by use case,search AI tools by budget,search AI tools by skill level,find AI tools for my job"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="msvalidate.01" content="E5983079FE6D7415E41C120D4C124EE7"/><meta name="google-site-verification" content="dtRqDc6FtLTo43tiIR56DvMrGn1tw53cmcMMuDs_muk"/><link rel="canonical" href="https://aisuggests.ai"/><meta property="og:title" content="Best AI Tools Directory 2026 — Reviewed &amp; Ranked | AI Suggests"/><meta property="og:description" content="Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly."/><meta property="og:url" content="https://aisuggests.ai"/><meta property="og:site_name" content="AI Suggests"/><meta property="og:image" content="https://aisuggests.ai/logo.png"/><meta property="og:image:width" content="932"/><meta property="og:image:height" content="268"/><meta property="og:image:alt" content="AI Suggests — Best AI Tools Directory 2026"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@aisuggests"/><meta name="twitter:title" content="Best AI Tools Directory 2026 — Reviewed &amp; Ranked | AI Suggests"/><meta name="twitter:description" content="Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly."/><meta name="twitter:image" content="https://aisuggests.ai/logo.png"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" type="image/x-icon"/><link rel="icon" href="/icon-192.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/><meta name="next-size-adjust"/><meta name="google-site-verification" content="dtRqDc6FtLTo43tiIR56DvMrGn1tw53cmcMMuDs_muk"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-NXGMM3LD
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-[#F9F8FF] border-b border-[#E8E4F4]"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between h-16 gap-4"><a class="flex items-center flex-shrink-0 group" href="/"><img alt="AI Suggests" fetchPriority="high" width="139" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2Flogo.png&amp;w=384&amp;q=75"/></a><div class="hidden lg:flex items-center gap-0.5 flex-1 justify-center"><a class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#6366F1] bg-[#EEF2FF]" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-home "><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>Home</a><div class="relative"><button class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass "><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>Decide<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-200 "><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-split-square-vertical "><path d="M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3"></path><path d="M19 16v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3"></path><line x1="4" x2="20" y1="12" y2="12"></line></svg>Features<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-200 "><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 "><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg>Categories<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform duration-200 "><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]" href="/new"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles "><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>New</a><a class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]" href="/trending"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame "><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg>Trending</a><a class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]" href="/prompts"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open "><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>Prompts</a><a class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]" href="/submit"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send ">
1<path d="m22 2-7 20-4-9-9-4Z"></path><path d="M22 2 11 13"></path></svg>Submit</a><a class="flex items-center gap-1.5 text-[13px] font-medium px-3 py-2 rounded-xl transition-all text-[#4B4869] hover:text-[#6366F1] hover:bg-[#F5F3FF]" href="/about"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info "><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg>About</a></div><div class="hidden lg:flex items-center gap-2 flex-shrink-0"><button class="flex items-center gap-2 px-3 py-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] border border-[#E8E4F4] hover:border-[#818CF8] rounded-xl transition-all bg-white hover:bg-[#F5F3FF] shadow-sm" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search "><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><span>Search</span><kbd class="text-[10px] px-1.5 py-0.5 rounded-lg border border-[#E8E4F4] text-[#C5C3E0] font-mono bg-[#F9F8FF]">⌘K</kbd></button><a aria-label="Login" class="flex items-center gap-1.5 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors px-3 py-2 rounded-xl hover:bg-[#F5F3FF] border border-transparent hover:border-[#E8E4F4]" href="/login"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in "><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" x2="3" y1="12" y2="12"></line></svg><span>Login</span></a><a class="flex items-center gap-1.5 text-[13px] font-semibold bg-[#6366F1] hover:bg-[#4F46E5] text-white px-4 py-2 rounded-xl transition-all shadow-md shadow-[#6366F1]/25 whitespace-nowrap" href="/newsletter">Newsletter</a></div><div class="flex lg:hidden items-center gap-2"><button class="p-2 text-[#7C7AAD] hover:text-[#6366F1] hover:bg-[#F5F3FF] rounded-xl transition-all" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search "><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></button><button class="p-2 text-[#7C7AAD] hover:text-[#6366F1] hover:bg-[#F5F3FF] rounded-xl transition-all" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu "><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></nav>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"AI Suggests","alternateName":["AIsuggests.ai","AI Tool Directory","AI Tools List"],"url":"https://aisuggests.ai","description":"The #1 AI tool directory online. Browse curated AI tools with verified reviews across 20 categories including writing, marketing, design, development, healthcare, legal, and finance. The most complete AI tools list updated weekly.","keywords":"ai tool directory, ai tool list, ai list, ai tool reviews, best ai tools, artificial intelligence tools directory","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://aisuggests.ai/search?q={search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","name":"AI Suggests","url":"https://aisuggests.ai"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"AI Suggests","url":"https://aisuggests.ai","logo":"https://aisuggests.ai/logo.png","sameAs":["https://twitter.com/aisuggests"],"description":"AI Suggests is the most comprehensive AI tool directory and AI tools list online, featuring curated AI tools with verified reviews across 20+ categories, updated weekly by a community of 80,000+ professionals.","foundingDate":"2024","areaServed":"Worldwide","contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://aisuggests.ai/contact"},"knowsAbout":["AI Tool Directory","AI Tools List","AI Tool Reviews","Artificial Intelligence","Machine Learning Tools","AI Writing Tools","Marketing Automation","Generative AI","Large Language Models","AI Chatbots","Computer Vision AI"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Complete AI Tools Directory — AI Tools List 2026","description":"Curated AI tools with reviews across 20+ categories — the most complete AI tool directory and AI tools list online.","url":"https://aisuggests.ai","numberOfItems":483,"itemListElement":[{"@type":"ListItem","position":1,"name":"Jasper AI","description":"Enterprise AI writing for marketing teams","url":"https://aisuggests.ai/tool/jasper-ai"},{"@type":"ListItem","position":2,"name":"Copy.ai","description":"90+ AI writing templates for every format","url":"https://aisuggests.ai/tool/copy-ai"},{"@type":"ListItem","position":3,"name":"Writesonic","description":"Blog writer with real-time web browsing","url":"https://aisuggests.ai/tool/writesonic"},{"@type":"ListItem","position":4,"name":"Rytr","description":"Affordable AI writing for freelancers and creators","url":"https://aisuggests.ai/tool/rytr"},{"@type":"ListItem","position":5,"name":"Anyword","description":"Predictive performance copywriting AI","url":"https://aisuggests.ai/tool/anyword"},{"@type":"ListItem","position":6,"name":"Sudowrite","description":"AI writing tool built for novelists","url":"https://aisuggests.ai/tool/sudowrite"},{"@type":"ListItem","position":7,"name":"Wordtune","description":"AI rewriter and sentence rephraser","url":"https://aisuggests.ai/tool/wordtune"},{"@type":"ListItem","position":8,"name":"Grammarly","description":"AI writing assistant for grammar and tone","url":"https://aisuggests.ai/tool/grammarly"},{"@type":"ListItem","position":9,"name":"QuillBot","description":"Paraphrasing and summarization tool","url":"https://aisuggests.ai/tool/quillbot"},{"@type":"ListItem","position":10,"name":"Notion AI","description":"AI built into your workspace","url":"https://aisuggests.ai/tool/notion-ai"},{"@type":"ListItem","position":11,"name":"ChatGPT","description":"The world's most popular AI writing assistant","url":"https://aisuggests.ai/tool/chatgpt"},{"@type":"ListItem","position":12,"name":"Claude by Anthropic","description":"Safe and thoughtful long-form AI writing","url":"https://aisuggests.ai/tool/claude"},{"@type":"ListItem","position":13,"name":"Hypotenuse AI","description":"Bulk AI content generation for e-commerce","url":"https://aisuggests.ai/tool/hypotenuse-ai"},{"@type":"ListItem","position":14,"name":"Ink for All","description":"SEO-focused AI content editor","url":"https://aisuggests.ai/tool/ink-for-all"},{"@type":"ListItem","position":15,"name":"Longshot AI","description":"Fact-checked long-form AI content","url":"https://aisuggests.ai/tool/longshot-ai"},{"@type":"ListItem","position":16,"name":"Scalenut","description":"AI SEO content planner and writer","url":"https://aisuggests.ai/tool/scalenut"},{"@type":"ListItem","position":17,"name":"Simplified","description":"All-in-one AI creator platform","url":"https://aisuggests.ai/tool/simplified"},{"@type":"ListItem","position":18,"name":"AI Writer","description":"Citation-backed article generation","url":"https://aisuggests.ai/tool/ai-writer"},{"@type":"ListItem","position":19,"name":"Paragraph AI","description":"Mobile-first AI writing assistant","url":"https://aisuggests.ai/tool/paragraph-ai"},{"@type":"ListItem","position":20,"name":"Articoolo","description":"Quick article generation tool","url":"https://aisuggests.ai/tool/articoolo"}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Best AI Tools Directory 2026 — Reviewed & Ranked | AI Suggests","description":"Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly.","url":"https://aisuggests.ai/","dateModified":"2026-09-01","inLanguage":"en-US","isPartOf":{"@type":"WebSite","url":"https://aisuggests.ai","name":"AI Suggests"},"publisher":{"@type":"Organization","name":"AI Suggests","url":"https://aisuggests.ai"},"speakable":{"@type":"SpeakableSpecification","cssSelector":["h1",".hero-tagline",".hero-description",".trending-section h2"]}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"AI Suggests","alternateName":["AIsuggests.ai","AI Tool Directory","AI Tools List"],"url":"https://aisuggests.ai","description":"The #1 AI tool directory online. Browse curated AI tools with verified reviews across 20 categories including writing, marketing, design, development, healthcare, legal, and finance. The most complete AI tools list updated weekly.","keywords":"ai tool directory, ai tool list, ai list, ai tool reviews, best ai tools, artificial intelligence tools directory","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://aisuggests.ai/search?q={search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","name":"AI Suggests","url":"https://aisuggests.ai"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"AI Suggests","url":"https://aisuggests.ai","logo":"https://aisuggests.ai/logo.png","sameAs":["https://twitter.com/aisuggests"],"description":"AI Suggests is the most comprehensive AI tool directory and AI tools list online, featuring curated AI tools with verified reviews across 20+ categories, updated weekly by a community of 80,000+ professionals.","foundingDate":"2024","areaServed":"Worldwide","contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://aisuggests.ai/contact"},"knowsAbout":["AI Tool Directory","AI Tools List","AI Tool Reviews","Artificial Intelligence","Machine Learning Tools","AI Writing Tools","Marketing Automation","Generative AI","Large Language Models","AI Chatbots","Computer Vision AI"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is the best AI tool directory in 2026?","acceptedAnswer":{"@type":"Answer","text":"AI Suggests is the most comprehensive AI tool directory in 2026, featuring 300+ curated AI tools across 20+ categories including content writing, marketing automation, design, development, healthcare, legal, finance, and more. Unlike other AI tool directories, every listing is hand-reviewed and updated weekly with accurate pricing, feature lists, and user ratings — with no paid placements."}},{"@type":"Question","name":"Where can I find a complete AI tools list?","acceptedAnswer":{"@type":"Answer","text":"AI Suggests maintains the most complete AI tools list online, with 300+ tools organized across 20 categories. Our AI list covers every major use case — writing, design, coding, marketing, analytics, HR, legal, finance, healthcare, and more. You can browse the full AI tools list by category, filter by pricing (Free, Freemium, Paid, Enterprise), or search by tool name. The list is updated every week."}},{"@type":"Question","name":"Where can I find real, unbiased AI tool reviews?","acceptedA
1nswer":{"@type":"Answer","text":"AI Suggests provides verified AI tool reviews from a community of 80,000+ professionals. Every tool page includes an aggregate rating, review count, pros/cons breakdown, pricing details, and a features list. Our editorial policy is zero paid placements — tools are ranked by merit, user reviews, and community ratings. You can also submit your own review after using a tool."}},{"@type":"Question","name":"What is an \"AI list\" or \"AI tool list\"?","acceptedAnswer":{"@type":"Answer","text":"An AI list or AI tool list is a curated collection of artificial intelligence software and platforms organized by category, use case, or pricing. AI Suggests is one of the largest and most up-to-date AI lists available online, covering 300+ tools across 20 categories. AI lists like ours help professionals quickly compare options, check pricing, and read reviews without having to research each tool individually."}},{"@type":"Question","name":"What is AI Suggests?","acceptedAnswer":{"@type":"Answer","text":"AI Suggests is a comprehensive AI tool directory with 500+ AI tools across 20+ categories including content writing, marketing, design, development, healthcare, legal, finance, and more. We curate, review, and update every listing weekly so professionals can find the right AI tool for any job in seconds."}},{"@type":"Question","name":"What is the best AI tool for content writing in 2026?","acceptedA
1nswer":{"@type":"Answer","text":"The best AI writing tools in 2026 include Jasper AI for enterprise marketing teams, ChatGPT and Claude for general-purpose writing, Grammarly for grammar and tone correction, Writesonic for SEO-optimized blog posts, and Copy.ai for marketing copy and social media content. The right choice depends on your specific use case, team size, and budget."}},{"@type":"Question","name":"Are there free AI tools available?","acceptedAnswer":{"@type":"Answer","text":"Yes, many top AI tools offer free tiers. ChatGPT, Grammarly, QuillBot, Canva AI, and Google Bard are free to use with limitations. Tools like Jasper, Copy.ai, and HubSpot AI offer freemium plans. Our AI tool directory filters by pricing — Free, Freemium, Paid, and Enterprise — so you can find the right fit for your budget."}},{"@type":"Question","name":"How do I choose the right AI tool for my business?","acceptedAnswer":{"@type":"Answer","text":"To choose the right AI tool: (1) Define your use case — content creation, customer support, data analysis, etc. (2) Check pricing against your budget. (3) Look for integrations with your existing software stack. (4) Test free trials before committing. (5) Read user reviews for real-world performance. AI Suggests provides all this information in a single place for every tool in our AI tools list."}},{"@type":"Question","name":"What categories of AI tools does AI Suggests cover?","acceptedA
1nswer":{"@type":"Answer","text":"AI Suggests covers 20+ categories: Content Writing, Marketing & Automation, Lead Generation, Website & Development, Design & Creative, Analytics & SEO, AI Chatbots & Assistants, Email & Outreach, Video & Audio, Research & Knowledge, E-Commerce & Sales, HR & Recruitment, Healthcare & Medical, Legal & Compliance, Finance & Accounting, Productivity & Workflow, Cybersecurity & Privacy, Social Media Management, Data Science & ML, and Education & Learning."}},{"@type":"Question","name":"Can I submit an AI tool to be listed in the directory?","acceptedAnswer":{"@type":"Answer","text":"Yes. You can submit any AI tool for consideration using the Submit a Tool form. Our editorial team reviews all submissions within 7 days. If approved, the tool is listed in the appropriate category with a full description, pricing details, feature list, and ratings — and included in our weekly AI tools list update."}}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Complete AI Tools Directory — AI Tools List 2026","description":"Curated AI tools with reviews across 20+ categories — the most complete AI tool directory and AI tools list online.","url":"https://aisuggests.ai","numberOfItems":483,"itemListElement":[{"@type":"ListItem","position":1,"name":"Jasper AI","description":"Enterprise AI writing for marketing teams","url":"https://aisuggests.ai/tool/jasper-ai"},{"@type":"ListItem","position":2,"name":"Copy.ai","description":"90+ AI writing templates for every format","url":"https://aisuggests.ai/tool/copy-ai"},{"@type":"ListItem","position":3,"name":"Writesonic","description":"Blog writer with real-time web browsing","url":"https://aisuggests.ai/tool/writesonic"},{"@type":"ListItem","position":4,"name":"Rytr","description":"Affordable AI writing for freelancers and creators","url":"https://aisuggests.ai/tool/rytr"},{"@type":"ListItem","position":5,"name":"Anyword","description":"Predictive performance copywriting AI","url":"https://aisuggests.ai/tool/anyword"},{"@type":"ListItem","position":6,"name":"Sudowrite","description":"AI writing tool built for novelists","url":"https://aisuggests.ai/tool/sudowrite"},{"@type":"ListItem","position":7,"name":"Wordtune","description":"AI rewriter and sentence rephraser","url":"https://aisuggests.ai/tool/wordtune"},{"@type":"ListItem","position":8,"name":"Grammarly","description":"AI writing assistant for grammar and tone","url":"https://aisuggests.ai/tool/grammarly"},{"@type":"ListItem","position":9,"name":"QuillBot","description":"Paraphrasing and summarization tool","url":"https://aisuggests.ai/tool/quillbot"},{"@type":"ListItem","position":10,"name":"Notion AI","description":"AI built into your workspace","url":"https://aisuggests.ai/tool/notion-ai"},{"@type":"ListItem","position":11,"name":"ChatGPT","description":"The world's most popular AI writing assistant","url":"https://aisuggests.ai/tool/chatgpt"},{"@type":"ListItem","position":12,"name":"Claude by Anthropic","description":"Safe and thoughtful long-form AI writing","url":"https://aisuggests.ai/tool/claude"},{"@type":"ListItem","position":13,"name":"Hypotenuse AI","description":"Bulk AI content generation for e-commerce","url":"https://aisuggests.ai/tool/hypotenuse-ai"},{"@type":"ListItem","position":14,"name":"Ink for All","description":"SEO-focused AI content editor","url":"https://aisuggests.ai/tool/ink-for-all"},{"@type":"ListItem","position":15,"name":"Longshot AI","description":"Fact-checked long-form AI content","url":"https://aisuggests.ai/tool/longshot-ai"},{"@type":"ListItem","position":16,"name":"Scalenut","description":"AI SEO content planner and writer","url":"https://aisuggests.ai/tool/scalenut"},{"@type":"ListItem","position":17,"name":"Simplified","description":"All-in-one AI creator platform","url":"https://aisuggests.ai/tool/simplified"},{"@type":"ListItem","position":18,"name":"AI Writer","description":"Citation-backed article generation","url":"https://aisuggests.ai/tool/ai-writer"},{"@type":"ListItem","position":19,"name":"Paragraph AI","description":"Mobile-first AI writing assistant","url":"https://aisuggests.ai/tool/paragraph-ai"},{"@type":"ListItem","position":20,"name":"Articoolo","description":"Quick article generation tool","url":"https://aisuggests.ai/tool/articoolo"}]}</script>
1<section class="relative w-full flex flex-col items-center justify-center overflow-hidden pt-24 pb-16"><div class="absolute inset-0 pointer-events-none select-none overflow-hidden"><div class="absolute -top-60 -left-60 w-[800px] h-[800px] rounded-full" style="background:radial-gradient(circle, #EDE9FE 0%, #DBEAFE 45%, transparent 68%);opacity:0.7"></div><div class="absolute -bottom-40 -right-40 w-[700px] h-[700px] rounded-full" style="background:radial-gradient(circle, #FCE7F3 0%, #EDE9FE 50%, transparent 70%);opacity:0.5"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[900px] h-[500px]" style="background:radial-gradient(ellipse, #E0E7FF 0%, transparent 60%);opacity:0.4"></div><div class="absolute inset-0" style="background-image:radial-gradient(circle, #C7D2FE 1px, transparent 1px);background-size:36px 36px;opacity:0.25"></div></div><div class="relative z-10 w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"><div class="inline-flex items-center gap-2 bg-white border border-[#E8E4F4] shadow-sm rounded-full px-4 py-2 text-xs font-medium text-[#6366F1] mb-8"><span class="flex items-center justify-center w-4 h-4 rounded-full bg-[#6366F1]"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-white"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg></span>New tools added weekly — <!-- -->500+<!-- --> AI tools indexed<span class="ml-1 px-2 py-0.5 rounded-full bg-[#EEF2FF] text-[#6366F1] text-[10px] font-bold tracking-wide border border-[#C7D2FE]">FREE</span></div><h1 class="text-5xl sm:text-6xl lg:text-[4.5rem] font-extrabold tracking-tight leading-[1.1] mb-5 text-[#1E1B4B]">Discover the best AI tools<br/><span class="inline-block bg-gradient-to-r from-[#6366F1] via-[#8B5CF6] to-[#A855F7] bg-clip-text text-transparent word-fade-in">for <!-- -->Marketing</span></h1><p class="text-base sm:text-lg text-[#7C7AAD] max-w-2xl mx-auto leading-relaxed mb-9 font-normal">The #1 <strong class="text-[#6366F1] font-semibold">AI tool directory</strong> — browse our complete <strong class="text-[#6366F1] font-semibold">AI tools list</strong>, read real <strong class="text-[#6366F1] font-semibold">AI tool reviews</strong>, and find the right tool in seconds. Trusted by 80,000+ professionals.</p><form class="relative max-w-2xl mx-auto mb-6"><div class="flex items-center gap-3 bg-white border border-[#E8E4F4] rounded-2xl shadow-lg shadow-[#C7D2FE]/20 px-5 py-3.5 transition-all duration-200 focus-within:border-[#818CF8] focus-within:shadow-[#C7D2FE]/30 focus-within:shadow-xl"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search text-[#C5C3E0] shrink-0"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search 500+ AI tools — ChatGPT, Midjourney, Jasper..." class="flex-1 bg-transparent text-sm text-[#1E1B4B] placeholder:text-[#C5C3E0] outline-none min-w-0" data-testid="input-hero-search" value=""/><button type="submit" class="shrink-0 flex items-center gap-1.5 bg-[#6366F1] hover:bg-[#4F46E5] text-white text-sm font-semibold px-5 py-2 rounded-xl transition-colors shadow-sm shadow-[#6366F1]/30" data-testid="button-hero-search">Search <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></form><div class="flex flex-wrap items-center justify-center gap-2 mb-10"><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#
1E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-content-writing" href="/category/content-writing"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-line text-[#6366F1]"><path d="M12 20h9"></path><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"></path></svg>Writing</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-design-creative" href="/category/design-creative"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette text-[#6366F1]"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg>Design</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-ai-chatbots" href="/category/ai-chatbots"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot text-[#6366F1]"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg>Chatbots</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-analytics-seo" href="/category/analytics-seo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bar-chart2 text-[#6366F1]"><line x1="18" x2="18" y1="20" y2="10"></line><line x1="12" x2="12" y1="20" y2="4"></line><line x1="6" x2="6" y1="20" y2="14"></line></svg>Analytics</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-video-audio" href="/category/video-audio"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video text-[#6366F1]"><path d="m22 8-6 4 6 4V8Z"></path><rect width="14" height="12" x="2" y="6" rx="2" ry="2"></rect></svg>Video</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-marketing-automation" href="/category/marketing-automation"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone text-[#6366F1]"><path d="m3 11 18-5v12L3 14v-3z"></path><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"></path></svg>Marketing</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#
1E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-website-development" href="/category/website-development"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code2 text-[#6366F1]"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg>Coding</a><a class="flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] text-xs font-medium hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm" data-testid="link-category-productivity-workflow" href="/category/productivity-workflow"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-[#6366F1]"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg>Productivity</a><a class="flex items-center gap-1 px-3.5 py-1.5 rounded-full text-[#C5C3E0] text-xs font-medium hover:text-[#6366F1] transition-colors" href="/category">All categories <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex flex-col sm:flex-row items-center justify-center gap-6 sm:gap-10"><div class="flex items-center gap-3"><div class="flex -space-x-2.5"><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-white text-[10px] font-bold shadow-sm" style="background:#6366F1">J</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-white text-[10px] font-bold shadow-sm" style="background:#8B5CF6">M</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-white text-[10px] font-bold shadow-sm" style="background:#EC4899">A</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-white text-[10px] font-bold shadow-sm" style="background:#14B8A6">S</div><div class="w-8 h-8 rounded-full border-2 border-white flex items-center justify-center text-white text-[10px] font-bold shadow-sm" style="background:#F59E0B">R</div></div><div class="text-left"><div class="flex items-center gap-0.5 mb-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1] fill-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1] fill-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1] fill-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1] fill-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1] fill-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><p class="text-xs text-[#A5A3C5]">Trusted by <span class="text-[#4B4869] font-semibold">80K+</span> users</p></div></div><div class="hidden sm:block w-px h-10 bg-[#E8E4F4]"></div><div class="flex items-center gap-6"><div class="text-center"><p class="text-xl font-bold text-[#1E1B4B]">500+</p><p class="text-xs text-[#A5A3C5]">AI Tools</p></div><div class="w-px h-8 bg-[#E8E4F4]"></div><div class="text-center"><p class="text-xl font-bold text-[#1E1B4B]">20+</p><p class="text-xs text-[#A5A3C5]">Categories</p></div><div class="w-px h-8 bg-[#E8E4F4]"></div><div class="flex items-center gap-1.5 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-[#6366F1]"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg><div><p class="text-xl font-bold text-[#1E1B4B]">Weekly</p><p class="text-xs text-[#A5A3C5]">Updates</p></div></div></div></div></div><div class="absolute bottom-6 left-0 right-0 flex items-center justify-center pointer-events-none opacity-30"><div class="flex flex-col items-center gap-1.5"><div class="w-px h-6 bg-gradient-to-b from-transparent to-[#818CF8]"></div><div class="w-1.5 h-1.5 rounded-full bg-[#818CF8]"></div></div></div></section><section aria-label="Smart AI tool search" class="w-full bg-gradient-to-b from-[#F5F3FF] to-white border-y border-[#E8E4F4] py-12 sm:py-16"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-8"><div class="inline-flex items-center gap-2 bg-white border border-[#C7D2FE] rounded-full px-4 py-1.5 text-xs font-semibold text-[#6366F1] mb-4 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles "><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>Smart AI Tool Discovery</div><h2 class="text-2xl sm:text-3xl font-extrabold text-[#1E1B4B] mb-2">What do you want to accomplish with AI?</h2><p class="text-sm text-[#7C7AAD] max-w-xl mx-auto">Describe your task in plain language — we&#x27;ll match the best AI tools for it instantly.</p></div><form role="search" aria-label="Smart AI tool search" class="relative max-w-2xl mx-auto mb-5"><div class="relative"><div class="flex items-center gap-2 bg-white border-2 border-[#E8E4F4] rounded-2xl shadow-md shadow-[#C7D2FE]/20 px-4 py-3 transition-all duration-200 focus-within:border-[#6366F1] focus-within:shadow-[#C7D2FE]/30 focus-within:shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-[#6366F1] shrink-0"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg><input type="text" placeholder="e.g. &quot;Create a product video with an AI avatar&quot;" class="flex-1 bg-transparent text-sm text-[#1E1B4B] placeholder:text-[#C5C3E0] outline-none min-w-0" aria-label="Describe your task" aria-autocomplete="list" aria-controls="smart-search-autocomplete" aria-expanded="false" autoComplete="off" value=""/><button type="submit" class="shrink-0 flex items-center gap-1.5 bg-[#6366F1] hover:bg-[#4F46E5] text-white text-sm font-semibold px-4 py-2 rounded-xl transition-colors shadow-sm shadow-[#6366F1]/30 min-w-[44px] min-h-[44px] justify-center" aria-label="Find AI tools"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search sm:hidden"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><span class="hidden sm:inline">Find My AI Tools</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search hidden sm:inline"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></button></div></div></form><div class="flex flex-wrap justify-center gap-2 mb-6"><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#
1E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Write SEO blog articles</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Create product demo videos</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Generate leads automatically</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Design social media graphics</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Build a website without code</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Automate customer support</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Analyze marketing data</button><button class="text-xs px-3.5 py-1.5 rounded-full bg-white border border-[#E8E4F4] text-[#7C7AAD] hover:border-[#818CF8] hover:text-[#6366F1] hover:bg-[#EEF2FF] transition-all shadow-sm font-medium">Schedule social media posts</button></div><div class="mt-10 pt-8 border-t border-[#E8E4F4]"><div class="grid grid-cols-1 sm:grid-cols-3 gap-4"><div class="flex items-start gap-3 bg-white border border-[#E8E4F4] rounded-2xl p-4"><div class="w-8 h-8 rounded-xl bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center text-[#6366F1] font-bold text-sm flex-shrink-0">1</div><div><p class="text-sm font-semibold text-[#1E1B4B] mb-0.5">✍️<!-- --> <!-- -->Describe your task</p><p class="text-xs text-[#7C7AAD] leading-relaxed">Type what you want to accomplish in plain English — no tech jargon needed.</p></div></div><div class="flex items-start gap-3 bg-white border border-[#E8E4F4] rounded-2xl p-4"><div class="w-8 h-8 rounded-xl bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center text-[#6366F1] font-bold text-sm flex-shrink-0">2</div><div><p class="text-sm font-semibold text-[#1E1B4B] mb-0.5">⚡<!-- --> <!-- -->Instant AI matching</p><p class="text-xs text-[#7C7AAD] leading-relaxed">Our engine scores 500+ tools against your task, category, features and budget.</p></div></div><div class="flex items-start gap-3 bg-white border border-[#E8E4F4] rounded-2xl p-4"><div class="w-8 h-8 rounded-xl bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center text-[#6366F1] font-bold text-sm flex-shrink-0">3</div><div><p class="text-sm font-semibold text-[#1E1B4B] mb-0.5">🎯<!-- --> <!-- -->Get ranked results</p><p class="text-xs text-[#7C7AAD] leading-relaxed">See the best-fit tools with plain-language explanations of why each one matches.</p></div></div></div></div><noscript><div class="mt-8 text-sm text-[#7C7AAD]"><p>Search AI tools by task, use case, budget and skill level. Describe what you want to accomplish and instantly find the best-matching AI tools from our directory of 500+ reviewed AI tools.</p></div></noscript><p class="sr-only">Smart AI tool search — describe your task to find the best AI tools by use case, budget, and skill level.</p></div></section><section class="border-b border-[#E8E4F4] bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center gap-4 py-3"><div class="flex items-center gap-2 flex-shrink-0 pr-4 border-r border-[#E8E4F4]"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-[#6366F1]"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg><span class="text-[11px] font-bold text-[#6366F1] uppercase tracking-widest whitespace-nowrap">Trending</span></div><div class="overflow-hidden flex-1"><div class="marquee-track gap-2"><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#
1E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/sora"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#6366F1">1</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Sora (OpenAI)</span><span class="text-xs opacity-60">🎨</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/claude"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#8B5CF6">2</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Claude by Anthropic</span><span class="text-xs opacity-60">✍️</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/cursor"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#EC4899">3</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Cursor</span><span class="text-xs opacity-60">💻</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/lovable"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#14B8A6">4</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Lovable</span><span class="text-xs opacity-60">💻</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/heygen"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#F59E0B">5</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">HeyGen</span><span class="text-xs opacity-60">🎥</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/kling-ai"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#06B6D4">6</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Kling AI</span><span class="text-xs opacity-60">🎨</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/elevenlabs"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#10B981">7</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">ElevenLabs</span><span class="text-xs opacity-60">🎥</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/perplexity-pro"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#F43F5E">8</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Perplexity AI Pro</span><span class="text-xs opacity-60">📚</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#
1E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/sora"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#6366F1">1</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Sora (OpenAI)</span><span class="text-xs opacity-60">🎨</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/claude"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#8B5CF6">2</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Claude by Anthropic</span><span class="text-xs opacity-60">✍️</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/cursor"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#EC4899">3</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Cursor</span><span class="text-xs opacity-60">💻</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/lovable"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#14B8A6">4</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Lovable</span><span class="text-xs opacity-60">💻</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/heygen"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#F59E0B">5</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">HeyGen</span><span class="text-xs opacity-60">🎥</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/kling-ai"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#06B6D4">6</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Kling AI</span><span class="text-xs opacity-60">🎨</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/elevenlabs"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#10B981">7</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">ElevenLabs</span><span class="text-xs opacity-60">🎥</span></a><a class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#F9F8FF] border border-[#E8E4F4] hover:border-[#818CF8] hover:bg-[#EEF2FF] transition-all group mr-2" href="/tool/perplexity-pro"><span class="w-5 h-5 rounded-full flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0" style="background:#F43F5E">8</span><span class="text-xs font-medium text-[#4B4869] group-hover:text-[#6366F1] transition-colors whitespace-nowrap">Perplexity AI Pro</span><span class="text-xs opacity-60">📚</span></a></div></div></div></section><section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 border-b border-[#
1E8E4F4]"><div class="flex items-end justify-between mb-6 gap-4"><div><p class="text-xs font-semibold text-[#6366F1] uppercase tracking-widest mb-1">Decision Platform</p><h2 class="text-xl sm:text-2xl font-semibold text-[#1E1B4B]">Stop researching. Start deciding.</h2><p class="text-sm text-[#7C7AAD] mt-1">Tools to help you choose, compare, and buy AI — not just browse.</p></div><a class="hidden sm:inline-flex items-center gap-1.5 text-[13px] font-semibold text-[#6366F1] bg-[#EEF2FF] border border-[#C7D2FE] px-4 py-2 rounded-xl hover:bg-[#E0E7FF] transition-colors flex-shrink-0" href="/find">Find my perfect tool →</a></div><div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-9 gap-2 lg:gap-1.5"><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#EEF2FF] to-[#F5F3FF] border-[#C7D2FE] hover:shadow-md transition-all group text-center lg:p-3" href="/find"><div class="w-9 h-9 rounded-xl bg-white border border-[#C7D2FE] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass text-[#6366F1]"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">Find My AI Tool</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">Answer 3 questions → top 3 picks</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#F5F3FF] to-[#EDE9FE] border-[#DDD6FE] hover:shadow-md transition-all group text-center lg:p-3" href="/use-cases"><div class="w-9 h-9 rounded-xl bg-white border border-[#DDD6FE] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-[#7C3AED]"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">Use Cases</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">15 step-by-step workflows</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#ECFEFF] to-[#F0F9FF] border-[#A5F3FC] hover:shadow-md transition-all group text-center lg:p-3" href="/alternatives"><div class="w-9 h-9 rounded-xl bg-white border border-[#A5F3FC] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare text-[#0891B2]"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">Alternatives</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">Migration guides &amp; trade-offs</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#ECFDF5] to-[#F0FDF4] border-[#A7F3D0] hover:shadow-md transition-all group text-center lg:p-3" href="/industry"><div class="w-9 h-9 rounded-xl bg-white border border-[#A7F3D0] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 text-[#059669]"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">By Industry</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">10 verticals + compliance</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#FFFBEB] to-[#FEF9C3] border-[#FDE68A] hover:shadow-md transition-all group text-center lg:p-3" href="/stack-builder"><div class="w-9 h-9 rounded-xl bg-white border border-[#FDE68A] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-[#D97706]"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">Stack Builder</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">Design your AI workflow</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#EEF2FF] to-[#F5F3FF] border-[#C7D2FE] hover:shadow-md transition-all group text-center lg:p-3" href="/roi-calculator"><div class="w-9 h-9 rounded-xl bg-white border border-[#C7D2FE] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator text-[#6366F1]"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">ROI Calculator</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">Calculate your savings</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#FEF2F2] to-[#FFF5F5] border-[#FECACA] hover:shadow-md transition-all group text-center lg:p-3" href="/before-you-buy"><div class="w-9 h-9 rounded-xl bg-white border border-[#FECACA] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart text-[#DC2626]"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">Before You Buy</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">12 questions for any vendor</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#FFFBEB] to-[#FEF9C3] border-[#FDE68A] hover:shadow-md transition-all group text-center lg:p-3" href="/failures"><div class="w-9 h-9 rounded-xl bg-white border border-[#FDE68A] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-alert-triangle text-[#D97706]"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">AI Failures</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">Real case studies &amp; lessons</p></div></a><a class="flex flex-col items-center gap-2 p-3 rounded-2xl border bg-gradient-to-b from-[#F5F3FF] to-[#EDE9FE] border-[#DDD6FE] hover:shadow-md transition-all group text-center lg:p-3" href="/reality-report"><div class="w-9 h-9 rounded-xl bg-white border border-[#DDD6FE] flex items-center justify-center group-hover:scale-105 transition-transform shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-radio text-[#7C3AED]"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg></div><div><p class="text-[11px] font-semibold text-[#1E1B4B] leading-snug">Reality Report</p><p class="text-[10px] text-[#A5A3C5] leading-snug hidden sm:block mt-0.5">Weekly signal, zero hype</p></div></a></div></section>
1<section class="border-b border-[#E8E4F4] bg-white/60"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10"><div class="mb-8"><h2 class="text-xl sm:text-2xl font-bold text-[#1E1B4B] mb-3">The Complete AI Tool Directory — <!-- -->500+<!-- --> Reviewed AI Tools</h2><p class="text-sm sm:text-base text-[#7C7AAD] leading-relaxed max-w-3xl">AI Suggests is the most comprehensive <strong class="text-[#4B4869]">AI tool directory</strong> online. Our curated <strong class="text-[#4B4869]">AI tools list</strong> covers every major category so you can compare tools, read <strong class="text-[#4B4869]">AI tool reviews</strong>, check pricing, and find the right tool for your workflow — all in one place. Whether you&#x27;re building an <strong class="text-[#4B4869]">AI list</strong> for your team or researching tools for a specific use case, start here.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><div class="bg-[#F9F8FF] border border-[#E8E4F4] rounded-xl p-4 hover:border-[#C7D2FE] transition-colors"><div class="w-9 h-9 rounded-lg bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open text-[#6366F1]"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></div><h3 class="text-sm font-semibold text-[#1E1B4B] mb-1">Complete AI Tools List</h3><p class="text-xs text-[#7C7AAD] leading-relaxed">500+ AI tools across 20 categories — from writing and design to healthcare and finance. Every tool is hand-reviewed.</p></div><div class="bg-[#F9F8FF] border border-[#E8E4F4] rounded-xl p-4 hover:border-[#C7D2FE] transition-colors"><div class="w-9 h-9 rounded-lg bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><h3 class="text-sm font-semibold text-[#1E1B4B] mb-1">Verified AI Tool Reviews</h3><p class="text-xs text-[#7C7AAD] leading-relaxed">Real ratings and reviews from 80,000+ professionals. No paid placements — every ranking is earned.</p></div><div class="bg-[#F9F8FF] border border-[#E8E4F4] rounded-xl p-4 hover:border-[#C7D2FE] transition-colors"><div class="w-9 h-9 rounded-lg bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw text-[#6366F1]"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div><h3 class="text-sm font-semibold text-[#1E1B4B] mb-1">Always Up to Date</h3><p class="text-xs text-[#7C7AAD] leading-relaxed">Our editorial team updates this AI tool directory every week. New tools added, pricing verified, discontinued tools removed.</p></div><div class="bg-[#F9F8FF] border border-[#E8E4F4] rounded-xl p-4 hover:border-[#C7D2FE] transition-colors"><div class="w-9 h-9 rounded-lg bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-[#6366F1]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="text-sm font-semibold text-[#1E1B4B] mb-1">Trusted AI Directory</h3><p class="text-xs text-[#7C7AAD] leading-relaxed">Cited by ChatGPT, Claude, and Perplexity as a source. Independent, editorially curated, no ads.</p></div></div><div class="mt-6 flex flex-wrap gap-3 text-xs text-[#7C7AAD]"><span>Browse by:</span><a class="text-[#6366F1] hover:underline font-medium" href="/category">All Categories</a><a class="text-[#6366F1] hover:underline font-medium" href="/trending">Trending Tools</a><a class="text-[#6366F1] hover:underline font-medium" href="/new">New AI Tools</a><a class="text-[#6366F1] hover:underline font-medium" href="/category/content-writing">Free AI Tools</a><a class="text-[#6366F1] hover:underline font-medium" href="/submit">Submit a Tool</a></div></div></section><div class="sticky top-16 z-40 border-b border-[#2D2B6B]" style="background:linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);backdrop-filter:blur(14px)"><div class="relative flex items-center"><div class="flex gap-2 overflow-x-auto hide-scrollbar px-4 sm:px-6 lg:px-8 max-w-full w-full py-3"><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">✍️</span><span class="whitespace-nowrap">Content Writing</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">36</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">📣</span><span class="whitespace-nowrap">Marketing &amp; Automation</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">35</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🎯</span><span class="whitespace-nowrap">Lead Generation</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">25</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">💻</span><span class="whitespace-nowrap">Website &amp; Development</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">39</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🎨</span><span class="whitespace-nowrap">Design &amp; Creative</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">32</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">📊</span><span class="whitespace-nowrap">Analytics &amp; SEO</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">24</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🤖</span><span class="whitespace-nowrap">AI Chatbots &amp; Assistants</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">37</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">📧</span><span class="whitespace-nowrap">Email &amp; Outreach</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">14</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🎥</span><span class="whitespace-nowrap">Video &amp; Audio</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">33</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">📚</span><span class="whitespace-nowrap">Research &amp; Knowledge</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">24</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🛍️</span><span class="whitespace-nowrap">E-Commerce &amp; Sales</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">26</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">💼</span><span class="whitespace-nowrap">HR &amp; Recruitment</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">24</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🏥</span><span class="whitespace-nowrap">Healthcare &amp; Medical</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">23</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🏛️</span><span class="whitespace-nowrap">Legal &amp; Compliance</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">17</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">💰</span><span class="whitespace-nowrap">Finance &amp; Accounting</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">21</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">📐</span><span class="whitespace-nowrap">Productivity &amp; Workflow</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">23</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🔐</span><span class="whitespace-nowrap">Cybersecurity &amp; Privacy</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">21</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">📱</span><span class="whitespace-nowrap">Social Media Management</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">26</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🧪</span><span class="whitespace-nowrap">Data Science &amp; ML</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">
122</span></button><button class="flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all hover:scale-105 active:scale-95" style="background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.12)"><span class="text-sm">🎓</span><span class="whitespace-nowrap">Education &amp; Learning</span><span class="text-[10px] font-mono px-1 py-0.5 rounded-full ml-0.5" style="background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)">26</span></button></div><button class="absolute right-0 z-10 flex items-center justify-center w-8 h-full" style="background:linear-gradient(to left, #312E81 60%, transparent)" aria-label="Scroll right"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-white/70"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><main id="tools" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 divide-y divide-[#E8E4F4]"><section id="content-writing" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-line text-[#6366F1]"><path d="M12 20h9"></path><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Content Writing</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#7C3AED15;color:#7C3AED">36<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools that write blogs, ad copy, scripts, product descriptions, novels, social posts, and everything in between.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/content-writing">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-jasper-ai" href="/tool/jasper-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">JA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Jasper AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise AI writing for marketing teams</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-jasper-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-jasper-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Jasper is the leading AI content platform for marketing teams, generating SEO-optimized blogs, ad copy, and social content. It features Brand Voice to match company tone, Campaigns for end-to-end content planning, and integrations with Surfer SEO and HubSpot. Supports 30+ languages with team collaboration built in.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.4<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-jasper-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-copy-ai" href="/tool/copy-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Copy.ai</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">90+ AI writing templates for every format</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-copy-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-copy-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Copy.ai offers 90+ templates for social captions, email subject lines, product descriptions, and sales copy. Its GTM AI Workflows automate multi-step content pipelines from research to publishing. Trusted by over 10 million users worldwide with a generous free tier.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->6.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-copy-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-writesonic" href="/tool/writesonic"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">W</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Writesonic</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Blog writer with real-time web browsing</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-writesonic"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-writesonic"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Writesonic creates long-form blog posts, landing pages, and ads using the latest AI models. Its Chatsonic feature browses the web in real-time for current information. The Article Writer 6.0 can publish directly to WordPress and generates factual, SEO-optimized content.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.1<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-writesonic">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-rytr" href="/tool/rytr"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">R</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Rytr</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Affordable AI writing for freelancers and creators</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-rytr"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-rytr"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Rytr supports 40+ use cases, 20+ tones, and 30+ languages for instant content generation. It includes a built-in plagiarism checker and SERP analysis tool. The most budget-friendly option for solo creators and small teams.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-rytr">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-anyword" href="/tool/anyword"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">A</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Anyword</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Predictive performance copywriting AI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-anyword"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-anyword"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Anyword scores every piece of copy with a Predictive Performance Score before you publish it. It learns from your historical campaign data to continuously improve output quality. Supports A/B testing, brand voice customization, and integrations with major ad platforms.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.1<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-anyword">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-sudowrite" href="/tool/sudowrite"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Sudowrite</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI writing tool built for novelists</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-sudowrite"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-sudowrite"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Sudowrite is designed exclusively for fiction writers with features like Wormhole (story ideas), Describe (sensory rewrites), and Story Engine (full novel generation). It helps overcome writer&#x27;s block by expanding scenes, rewriting dialogue, and generating plot twists. Loved by bestselling authors and NaNoWriMo participants.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-sudowrite">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-wordtune" href="/tool/wordtune"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">W</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Wordtune</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI rewriter and sentence rephraser</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-wordtune"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-wordtune"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Wordtune rewrites sentences to be clearer, more engaging, or more formal — in a single click. It offers rewrite suggestions, length control (shorten/expand), and tone adjustment. The Chrome extension works across Gmail, Google Docs, and any web page.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->5.6<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-wordtune">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-grammarly" href="/tool/grammarly"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">G</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Grammarly</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI writing assistant for grammar and tone</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-grammarly"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-grammarly"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Grammarly checks grammar, spelling, style, and tone across all your writing in real-time. GrammarlyGO generates full drafts, rewrites paragraphs, and replies to emails. Works across 500,000+ apps and websites via browser extension.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">✍️<!-- --> <!-- -->Content Writing</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->52.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-grammarly">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->25<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="marketing-automation" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone text-[#6366F1]"><path d="m3 11 18-5v12L3 14v-3z"></path><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Marketing &amp; Automation</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#06B6D415;color:#06B6D4">35<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">End-to-end AI marketing platforms that automate campaigns, personalize outreach, optimize ad spend, and scale growth engines.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/marketing-automation">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-hubspot-ai" href="/tool/hubspot-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">HA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">HubSpot AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">CRM + AI marketing suite for all sizes</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-hubspot-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-hubspot-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">HubSpot integrates AI across CRM, email, social scheduling, and ads with predictive lead scoring, AI email optimization, and content recommendations. The free CRM includes robust automation, making it the most accessible full-suite marketing platform. Over 194,000 customers in 120+ countries.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-hubspot-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-marketo" href="/tool/marketo-engage"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">ME</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Marketo Engage</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise account-based marketing automation</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-marketo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-marketo"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Adobe Marketo Engage delivers AI-powered ABM, lead nurturing, and multi-touch attribution at enterprise scale. Features behavioral tracking, dynamic content personalization, and advanced segmentation. Integrates natively with Salesforce and Microsoft Dynamics CRM.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-marketo">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-activecampaign" href="/tool/activecampaign"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">A</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ActiveCampaign</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Email + CRM + sales automation platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-activecampaign"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-activecampaign"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ActiveCampaign combines email marketing, CRM, and sales automation with AI-driven predictive sending, win probability scoring, and churn prediction. Over 900 integrations make it the central hub for modern marketing stacks. Particularly strong for e-commerce and SaaS companies.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->38.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-activecampaign">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-mailchimp" href="/tool/mailchimp-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">MA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Mailchimp AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Smart email marketing with AI optimization</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-mailchimp"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-mailchimp"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Mailchimp uses AI to optimize send times, suggest subject lines, predict customer behavior, and auto-segment audiences. The Content Optimizer benchmarks emails against industry performance data. With 13M+ active users, it&#x27;s the most widely used email marketing platform.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->68.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-mailchimp">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-persado" href="/tool/persado"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">P</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Persado</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Emotion-driven AI marketing language</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-persado"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-persado"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Persado uses machine learning to generate marketing language that triggers specific emotional responses, measurably increasing engagement. Fortune 500 brands report up to 68% higher email CTR. It continuously learns from campaign performance to improve with every send.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-persado">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-albert-ai" href="/tool/albert-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">AA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Albert AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Fully autonomous AI digital advertising</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-albert-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-albert-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Albert.ai autonomously manages paid campaigns across Google, Facebook, Instagram, and YouTube — self-optimizing in real-time 24/7 without human intervention. It tests thousands of audience and creative combinations simultaneously, continuously reallocating budget to what works best.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.4<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-albert-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-klaviyo" href="/tool/klaviyo"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">K</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Klaviyo</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered email and SMS for e-commerce</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-klaviyo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-klaviyo"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Klaviyo is the leading e-commerce email and SMS marketing platform with AI-driven segmentation, predictive analytics, and personalized flows. It integrates deeply with Shopify, WooCommerce, and BigCommerce. AI features predict customer lifetime value, churn risk, and optimal send times.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->52.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-klaviyo">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-brevo" href="/tool/brevo"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Brevo (Sendinblue)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">All-in-one digital marketing platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-brevo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-brevo"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Brevo offers email, SMS, WhatsApp, chat, CRM, and marketing automation in one platform. AI features include send-time optimization, subject line suggestions, and automated segmentation. The free plan includes 300 emails/day — one of the most generous in the market.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📣<!-- --> <!-- -->Marketing &amp; Automation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->14.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-brevo">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->25<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="lead-generation" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target text-[#6366F1]"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Lead Generation</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#10B98115;color:#10B981">25<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools that find, verify, enrich, and convert your ideal customers — from prospecting to signed contracts.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/lead-generation">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-apollo-io" href="/tool/apollo-io"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">A</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Apollo.io</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">275M+ contact B2B intelligence platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-apollo-io"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-apollo-io"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Apollo.io provides access to 275M+ verified B2B contacts with AI-powered search filters, email sequencing, a built-in dialer, and LinkedIn prospecting. AI features include conversation intelligence, email personalization at scale, and deal intelligence. The most complete sales intelligence platform at its price point.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-apollo-io">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-clay" href="/tool/clay"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Clay</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI data enrichment and hyper-personalized outreach</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-clay"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-clay"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Clay combines 75+ data enrichment sources with AI research agents to build hyper-personalized outreach at scale. It can pull LinkedIn data, company news, job postings, tech stack info, and recent funding rounds — then feed them into a custom AI prompt that writes a personalized email for each prospect automatically.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-clay">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-zoominfo" href="/tool/zoominfo"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">Z</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ZoomInfo</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise-grade B2B data and intelligence</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-zoominfo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-zoominfo"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ZoomInfo is the gold standard for B2B data with 100M+ business profiles, intent data, technographic data, and org charts. AI features include buying signal alerts, automated list building, and conversation intelligence from SalesOS. Preferred by enterprise sales and marketing teams.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->14.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-zoominfo">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-seamless-ai" href="/tool/seamless-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Seamless.AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Real-time verified B2B contact finder</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-seamless-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-seamless-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Seamless.AI uses machine learning to find verified cell phones, emails, and direct dials in real-time from LinkedIn profiles. Integrates with Salesforce, HubSpot, and Outreach. The Chrome extension makes it seamless to prospect directly on LinkedIn and company websites.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->5.6<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-seamless-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-lusha" href="/tool/lusha"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Lusha</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Intent-based B2B contact data and enrichment</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-lusha"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-lusha"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Lusha offers accurate B2B contact data enriched with buying intent signals from across the web. Its API enables real-time CRM enrichment so your records are always up to date. Particularly strong for SDR teams in tech and SaaS who need verified mobile numbers.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-lusha">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-hunter-io" href="/tool/hunter-io"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">H</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Hunter.io</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Email finder and verification tool</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-hunter-io"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-hunter-io"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Hunter.io finds and verifies professional email addresses from any domain in seconds. The Domain Search reveals all emails associated with a company, while Email Finder locates specific contacts. Used by 4M+ professionals for outreach and lead generation.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-hunter-io">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-snov-io" href="/tool/snov-io"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Snov.io</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">All-in-one sales automation and prospecting</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-snov-io"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-snov-io"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Snov.io combines email finding, email verification, drip campaigns, and CRM in one platform. AI features include email warm-up, AI email writing, and prospect list building from LinkedIn. The Email Verifier checks deliverability in real-time to protect sender reputation.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-snov-io">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-leadfeeder" href="/tool/leadfeeder"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Leadfeeder (Dealfront)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Identify anonymous website visitors</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-leadfeeder"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-leadfeeder"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Leadfeeder by Dealfront identifies which companies are visiting your website even when they don&#x27;t fill out a form. AI scores visitors by purchase intent and automatically pushes hot leads to your CRM. Integrates with HubSpot, Salesforce, Pipedrive, and Slack.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎯<!-- --> <!-- -->Lead Generation</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-leadfeeder">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->16<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="website-development" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code2 text-[#6366F1]"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Website &amp; Development</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#F59E0B15;color:#F59E0B">39<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI-powered platforms that design, build, deploy, and maintain websites and web applications — from no-code builders to autonomous coding agents.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/website-development">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-framer-ai" href="/tool/framer-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">FA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Framer AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Design-to-publish website builder with AI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-framer-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-framer-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Framer AI generates a complete website from a text prompt in under a minute. Designers can customize every element with pixel-perfect control while developers add custom React components. Features built-in CMS, SEO, animations, localization, and one-click Vercel publishing.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-framer-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-webflow" href="/tool/webflow"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">W</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Webflow</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Visual web development without code limits</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-webflow"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-webflow"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Webflow enables designers to build production-ready websites visually while generating clean, semantic HTML/CSS/JS. Includes an integrated CMS, e-commerce, Memberships, Logic workflows, and AI tools for copy generation and layout assistance. Used by 3.5M+ designers and agencies worldwide.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-webflow">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-cursor" href="/tool/cursor"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Cursor</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-first code editor for serious developers</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-cursor"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-cursor"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Cursor is a VS Code fork supercharged with AI that understands your entire codebase through Codebase Indexing. Tab completion anticipates your next edit, while Composer generates multi-file changes from a single natural language instruction. Supports Claude, GPT-4, and custom model endpoints.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-cursor">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-github-copilot" href="/tool/github-copilot"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">GC</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">GitHub Copilot</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI pair programmer from GitHub and OpenAI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-github-copilot"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-github-copilot"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">GitHub Copilot generates code completions, entire functions, unit tests, and documentation comments as you type. Copilot Chat lets you ask questions about your code, explain errors, and request refactors in natural language. Available in VS Code, JetBrains, Neovim, and the GitHub.com interface.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->89.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-github-copilot">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-bolt-new" href="/tool/bolt-new"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Bolt.new</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Full-stack app builder running in the browser</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-bolt-new"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-bolt-new"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Bolt.new builds and deploys full-stack web applications from a text prompt directly in the browser using StackBlitz WebContainers — no local setup required. Supports React, Next.js, Vue, Svelte, Node.js, and databases. Connects to GitHub and deploys to Netlify or Vercel in one click.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-bolt-new">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-v0-vercel" href="/tool/v0-vercel"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">VB</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">v0 by Vercel</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Generate React UI components from text</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-v0-vercel"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-v0-vercel"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">v0 generates production-ready React + Tailwind CSS components from natural language descriptions. Outputs use shadcn/ui primitives and are fully copyable into any Next.js project. Ideal for rapidly prototyping interfaces, landing pages, and complex UI components.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->22.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-v0-vercel">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-lovable" href="/tool/lovable"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Lovable</span><span class="badge-new text-[10px] px-1.5 py-0.5 rounded-full border font-semibold tracking-wide">NEW</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Ship full-stack apps with AI in minutes</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-lovable"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-lovable"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Lovable (formerly GPT Engineer) builds complete full-stack web applications from a description — including frontend, backend, database schema, and auth. Connects to Supabase, GitHub, and deploys to production. Now one of the fastest-growing AI development platforms globally.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->14.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-lovable">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-tabnine" href="/tool/tabnine"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">T</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Tabnine</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Private AI code completion for teams</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-tabnine"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-tabnine"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Tabnine provides AI code completions trained on your team&#x27;s codebase for maximum relevance and security. Unlike cloud-based tools, it offers a self-hosted option that keeps proprietary code on-premises. Supports 80+ programming languages across all major IDEs.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💻<!-- --> <!-- -->Website &amp; Development</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-red-600 bg-red-50 border-red-200">❌ Dev Required</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-tabnine">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->29<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="design-creative" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette text-[#6366F1]"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Design &amp; Creative</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#EC489915;color:#EC4899">32<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI that generates images, designs logos, edits photos, creates videos, builds presentations, and empowers creatives at every level.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/design-creative">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-midjourney" href="/tool/midjourney"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">M</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Midjourney</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">World-leading AI image generation</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-midjourney"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-midjourney"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Midjourney generates stunning, photorealistic and artistic images from text prompts via its web interface and Discord bot. Version 6 produces cinematic, highly detailed visuals with exceptional prompt adherence. The go-to tool for concept artists, brand designers, and marketing teams needing custom imagery.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->89.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-midjourney">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-dalle3" href="/tool/dalle-3"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">D3</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">DALL·E 3 (ChatGPT)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">OpenAI&#x27;s most capable image generator</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-dalle3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-dalle3"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">DALL·E 3 generates highly accurate images from natural language descriptions with excellent text rendering and prompt understanding. Natively integrated into ChatGPT for conversational image refinement. Also accessible via OpenAI API for developers building image generation into products.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-dalle3">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-adobe-firefly" href="/tool/adobe-firefly"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">AF</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Adobe Firefly</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Commercially safe enterprise generative AI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-adobe-firefly"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-adobe-firefly"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Adobe Firefly generates commercially safe images, vectors, text effects, and video clips trained exclusively on licensed and public domain content. Integrates natively into Photoshop, Illustrator, Premiere Pro, and Express. Enterprise-grade IP indemnification makes it safe for brand work.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-adobe-firefly">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-stable-diffusion" href="/tool/stable-diffusion"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SD</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Stable Diffusion</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Open-source AI image generation</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-stable-diffusion"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-stable-diffusion"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Stable Diffusion is the most widely used open-source image generation model, runnable locally or via API. DreamStudio provides a hosted interface with fine-grained prompt control, negative prompts, and style presets. Thousands of fine-tuned models available on Hugging Face and CivitAI.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-free">Free</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->62.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-stable-diffusion">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-canva-ai" href="/tool/canva-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">CA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Canva AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The world&#x27;s design platform with AI superpowers</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-canva-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-canva-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Canva integrates AI across its design platform with Magic Design (instant template generation), Magic Write (AI copy), Magic Eraser (background removal), and Dream Lab (image generation). Supports 1M+ templates for social media, presentations, documents, and print. 170M+ users globally.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->168.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-canva-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-runway-ml" href="/tool/runway-ml"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">RM</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Runway ML</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Professional AI video generation and editing</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-runway-ml"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-runway-ml"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Runway offers Gen-3 Alpha for text-to-video and image-to-video generation with cinematic quality. Additional tools include AI motion brush, background removal, video inpainting, and frame interpolation. Trusted by Hollywood studios, ad agencies, and independent filmmakers.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->32.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-runway-ml">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-pika-labs" href="/tool/pika-labs"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">PL</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Pika Labs</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Text and image to video AI generator</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-pika-labs"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-pika-labs"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Pika generates high-quality short video clips from text prompts or still images with natural motion and cinematic effects. Features include camera motion control, lip sync, and style transfer. One of the fastest-growing AI video tools with a thriving Discord community.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-pika-labs">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-sora" href="/tool/sora"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Sora (OpenAI)</span><span class="badge-new text-[10px] px-1.5 py-0.5 rounded-full border font-semibold tracking-wide">NEW</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">OpenAI&#x27;s groundbreaking video generation model</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-sora"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-sora"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Sora generates minute-long cinematic video clips from text prompts with unprecedented quality and physical consistency. Available to ChatGPT Plus and Pro subscribers for storyboarding, content creation, and visual ideation. Represents a major leap in AI video quality and temporal coherence.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎨<!-- --> <!-- -->Design &amp; Creative</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-sora">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->22<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="analytics-seo" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bar-chart2 text-[#6366F1]"><line x1="18" x2="18" y1="20" y2="10"></line><line x1="12" x2="12" y1="20" y2="4"></line><line x1="6" x2="6" y1="20" y2="14"></line></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Analytics &amp; SEO</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#06B6D415;color:#06B6D4">24<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI-powered platforms for keyword research, content optimization, rank tracking, backlink analysis, and turning traffic data into growth.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/analytics-seo">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-surfer-seo" href="/tool/surfer-seo"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SS</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Surfer SEO</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI content optimization for search rankings</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-surfer-seo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-surfer-seo"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Surfer SEO analyzes top-ranking pages and provides a real-time Content Score as you write, telling you exactly which terms to include and at what frequency. The Topical Map feature plans an entire content strategy across hundreds of semantically related articles. Integrates directly with Jasper, Google Docs, and WordPress.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-surfer-seo">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-semrush" href="/tool/semrush"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Semrush</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">All-in-one SEO and competitive intelligence platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-semrush"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-semrush"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Semrush is the most comprehensive SEO platform covering keyword research, site audits, backlink analysis, PPC research, and social media tracking. AI features include ContentShake for AI-written articles, Copilot for personalized SEO recommendations, and AI writing in the content marketing toolkit.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->32.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-semrush">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-ahrefs" href="/tool/ahrefs"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">A</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Ahrefs</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Backlink analysis and keyword research powerhouse</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-ahrefs"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-ahrefs"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Ahrefs has the largest backlink index in the SEO industry and provides the most accurate keyword difficulty scores and traffic estimates. Features include Site Explorer, Keywords Explorer, Site Audit, Rank Tracker, and Content Explorer. The go-to platform for serious SEO professionals.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-ahrefs">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-clearscope" href="/tool/clearscope"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Clearscope</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI content grading for keyword relevance</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-clearscope"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-clearscope"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Clearscope grades your content against the top-ranking pages for any keyword and suggests NLP-driven terms to include for maximum relevance. Integrates with WordPress, Google Docs, and major CMS platforms. Widely used by enterprise content teams at companies like Adobe and Condé Nast.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-clearscope">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-moz-pro" href="/tool/moz-pro"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">MP</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Moz Pro</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Trusted SEO software for professionals</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-moz-pro"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-moz-pro"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Moz Pro offers keyword research, rank tracking, site audits, and backlink analysis powered by its proprietary Domain Authority metric — the industry-standard measure of website authority. Moz Local helps multi-location businesses manage citations and local SEO at scale.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-moz-pro">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-brand24" href="/tool/brand24"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Brand24</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI social listening and brand monitoring</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-brand24"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-brand24"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Brand24 monitors mentions of your brand, competitors, and keywords across social media, news, blogs, forums, and podcasts in real-time. Its AI Sentiment Analysis and Presence Score automatically track brand reputation trends. Ideal for PR teams, agencies, and brands managing online reputation.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-brand24">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-google-analytics" href="/tool/google-analytics-4"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">GA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Google Analytics 4 + Gemini</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered web analytics by Google</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-google-analytics"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-google-analytics"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Google Analytics 4 uses machine learning to surface insights, predict conversions, detect anomalies, and create smart audiences automatically. Gemini integration lets you ask questions about your data in natural language without needing SQL knowledge. The universal standard for website and app analytics.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-free">Free</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->98.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-google-analytics">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-hotjar" href="/tool/hotjar-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">HA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Hotjar AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI heatmaps and user behavior insights</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-hotjar"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-hotjar"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Hotjar visualizes user behavior through AI-analyzed heatmaps, session recordings, and conversion funnels. The AI Surveys feature automatically generates relevant survey questions and summarizes responses. Used by 1M+ websites to understand why visitors aren&#x27;t converting.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📊<!-- --> <!-- -->Analytics &amp; SEO</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->22.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-hotjar">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->14<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="ai-chatbots" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot text-[#6366F1]"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">AI Chatbots &amp; Assistants</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#7C3AED15;color:#7C3AED">37<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">The leading AI assistants and chatbots — from general-purpose models like ChatGPT and Claude to enterprise AI platforms and specialized character AI apps.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/ai-chatbots">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-intercom-fin" href="/tool/intercom-fin"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">IF</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Intercom Fin</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI customer support agent that resolves 50%+ queries</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-intercom-fin"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-intercom-fin"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Intercom Fin is an AI support agent that resolves over 50% of customer queries instantly using your help center content. Handles complex multi-turn conversations, escalates to human agents seamlessly, and provides detailed resolution analytics. Used by companies like Anthropic, Notion, and Amplitude.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-intercom-fin">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-tidio" href="/tool/tidio"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">T</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Tidio</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI chatbot for e-commerce and SMBs</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-tidio"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-tidio"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Tidio combines live chat with Lyro, an AI chatbot powered by Claude that answers customer questions using your support content. E-commerce integrations with Shopify and WooCommerce enable c
1art recovery, order tracking, and product recommendations via chat.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-tidio">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-botpress" href="/tool/botpress"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Botpress</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Open-source enterprise AI agent builder</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-botpress"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-botpress"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Botpress enables developers to build sophisticated AI agents with visual workflow editors, GPT-native nodes, and custom integrations. Supports multi-turn conversations, persistent memory, API calls, and knowledge bases. Deployable on WhatsApp, Telegram, Slack, Microsoft Teams, and websites.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->9.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-botpress">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-voiceflow" href="/tool/voiceflow"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">V</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Voiceflow</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Design and deploy AI agents visually</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-voiceflow"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-voiceflow"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Voiceflow is the leading platform for designing, prototyping, and deploying AI agents and chatbots. Teams collaborate on conversation design in a visual canvas, then publish to any channel via API. Supports GPT-4, Claude, and custom LLMs with built-in knowledge base management.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->6.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-voiceflow">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-zendesk-ai" href="/tool/zendesk-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">ZA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Zendesk AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered customer service platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-zendesk-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-zendesk-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Zendesk AI automatically categorizes, routes, and resolves support tickets using natural language understanding. AI Agents handle entire customer conversations end-to-e
1nd. The Intelligent Triage feature suggests macros, assigns sentiment scores, and summarizes tickets for human agents.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-zendesk-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-freshdesk" href="/tool/freshdesk-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">FA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Freshdesk AI (Freddy)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI customer support for growing businesses</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-freshdesk"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-freshdesk"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Freshdesk&#x27;s Freddy AI automatically categorizes tickets, suggests responses, detects customer intent, and provides an AI chatbot for self-service. Freddy Copilot assists agents in real-time with suggested replies and summarization. Particularly strong for mid-market companies.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-freshdesk">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-landbot" href="/tool/landbot"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Landbot</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">No-code AI chatbot builder for lead gen</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-landbot"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-landbot"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Landbot builds conversational forms, lead qualification bots, and customer support chatbots using a visual drag-and-drop builder — no coding required. AI-powered features include natural language responses and intent detection. Integrates with HubSpot, Salesforce, and Zapier.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->5.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-landbot">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-manychat" href="/tool/manychat"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">M</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ManyChat</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI chatbot for Instagram, Facebook, and WhatsApp</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-manychat"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-manychat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ManyChat automates conversations on Instagram DMs, Facebook Messenger, and WhatsApp to capture leads, answer FAQs, and drive sales. AI features include natural language understanding and automatic response generation. Trusted by 1M+ businesses for social commerce and customer engagement.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🤖<!-- --> <!-- -->AI Chatbots &amp; Assistants</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-manychat">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->24<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="email-outreach" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-[#6366F1]"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Email &amp; Outreach</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#10B98115;color:#10B981">14<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools for writing cold emails, warming inboxes, personalizing outreach at scale, and maximizing email deliverability.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/email-outreach">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-lavender" href="/tool/lavender"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Lavender</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Real-time AI email coaching for sales reps</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-lavender"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-lavender"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Lavender scores every cold email in real-time and provides specific coaching suggestions that have been proven to increase reply rates. It shows prospect data, LinkedIn insights, and company news alongside your email draft. Works inside Gmail, Outlook, Outreach, Salesloft, and Hubspot.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->5.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-lavender">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-lemlist" href="/tool/lemlist"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Lemlist</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-personalized multichannel cold outreach</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-lemlist"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-lemlist"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Lemlist personalizes cold emails at scale with dynamic images, custom landing pages, and AI-written icebreakers based on LinkedIn and company data. Multichannel sequences combine email, LinkedIn steps, and cold calls in automated workflows. Built-in email warming improves deliverability from day one.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-lemlist">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-smartlead" href="/tool/smartlead"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Smartlead</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Unlimited cold email at enterprise scale</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-smartlead"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-smartlead"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Smartlead offers unlimited mailboxes, AI-powered email warm-up, and a master inbox for managing all replies in one place. Its AI email writer creates personalized first lines for each prospect automatically. The agency dashboard supports white-label client management.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->7.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-smartlead">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-mailreach" href="/tool/mailreach"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">M</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Mailreach</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Email warm-up and deliverability optimization</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-mailreach"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-mailreach"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Mailreach automatically warms up email accounts by simulating natural human email activity across a network of real inboxes. The Spam Checker tests your emails across major clients and provides a deliverability score. Essential for anyone running cold outreach campaigns.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-mailreach">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-woodpecker" href="/tool/woodpecker"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">W</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Woodpecker</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Cold email automation for B2B teams</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-woodpecker"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-woodpecker"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Woodpecker automates cold email sequences with human-like sending patterns that avoid spam filters. AI Deliverability Monitor alerts you when sender reputation drops. Split testing capabilities optimize subject lines and email copy for maximum reply rates.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->5.6<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-woodpecker">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-klenty" href="/tool/klenty"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">K</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Klenty</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Sales engagement and outreach automation</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-klenty"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-klenty"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Klenty automates personalized email, call, LinkedIn, and SMS outreach sequences for B2B sales teams. AI writes personalized email openings using prospect data and automates cadences across all channels. Integrates natively with Pipedrive, Salesforce, HubSpot, and Zoho CRM.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-klenty">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-saleshandy" href="/tool/saleshandy"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Saleshandy</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Cold email automation with advanced analytics</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-saleshandy"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-saleshandy"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Saleshandy enables unlimited sending accounts, email warm-up, and AI-powered personalization for cold email campaigns. Sequence score feature predicts campaign performance before sending. Sender rotation across multiple accounts maximizes deliverability and scale.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-saleshandy">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-superhuman" href="/tool/superhuman"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Superhuman</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The fastest email experience ever made</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-superhuman"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-superhuman"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Superhuman is an AI-powered email client that makes processing your inbox 2x faster through keyboard shortcuts, AI-written replies, and instant triage. Split Inbox uses AI to separate important emails from newsletters and notifications. Available for Gmail and Outlook.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📧<!-- --> <!-- -->Email &amp; Outreach</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->9.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-superhuman">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->5<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="video-audio" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video text-[#6366F1]"><path d="m22 8-6 4 6 4V8Z"></path><rect width="14" height="12" x="2" y="6" rx="2" ry="2"></rect></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Video &amp; Audio</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#F59E0B15;color:#F59E0B">33<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools for generating, editing, dubbing, transcribing, and repurposing video and audio content at scale.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/video-audio">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-heygen" href="/tool/heygen"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">H</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">HeyGen</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI avatar videos in 40+ languages</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-heygen"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-heygen"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">HeyGen creates professional talking-head videos with lifelike AI avatars from a text script — no camera, crew, or studio needed. Instant video translation clones your voice and lip-syncs to 40+ languages in minutes. Used by teams at Amazon, Coca-Cola, and Canva for training, marketing, and product demos.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-heygen">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-descript" href="/tool/descript"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">D</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Descript</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Edit video by editing text</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-descript"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-descript"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Descript transcribes your video or audio automatically and lets you edit it like a Word document — delete words to cut footage, highlight to create clips. Features include Overdub voice cloning, AI filler word removal, automatic show notes, and screen recording with studio-quality audio enhancement.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-descript">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-elevenlabs" href="/tool/elevenlabs"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">E</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ElevenLabs</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The world&#x27;s most realistic AI voice platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-elevenlabs"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-elevenlabs"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ElevenLabs generates hyper-realistic AI voices from text in 30+ languages with emotion control, pacing adjustments, and voice cloning from as little as 1 minute of audio. Used by publishers, game studios, audiobook creators, and podcasters globally. The Dubbing Studio translates and lip-syncs entire videos.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-elevenlabs">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-synthesia" href="/tool/synthesia"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Synthesia</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Professional AI video without a camera</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-synthesia"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-synthesia"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Synthesia creates professional videos with 230+ AI avatars in 140+ languages from a text script — no filming required. Enterprise features include custom avatar creation, brand templates, and an AI script assistant. Used by 50,000+ companies including Zoom, McDonald&#x27;s, and Heineken.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-synthesia">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-opus-clip" href="/tool/opus-clip"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">OC</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Opus Clip</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Repurpose long videos into viral short clips</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-opus-clip"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-opus-clip"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Opus Clip uses AI to identify the most engaging moments in long-form videos and automatically creates short clips optimized for TikTok, YouTube Shorts, and Instagram Reels. The AI adds captions, emojis, and B-roll highlights, reducing 1 hour of editing to under 1 minute.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->22.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-opus-clip">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-murf-ai" href="/tool/murf-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">MA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Murf AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Professional AI voice-over studio</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-murf-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-murf-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Murf AI provides 200+ professional AI voices across 20+ languages for voice-overs, narrations, e-learning content, and product demos. The Studio editor allows pitch, speed, and pause adjustment for fine-grained voice control. Voice changer and voice cloning features available on higher plans.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-murf-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-otter-ai" href="/tool/otter-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">O</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Otter.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI meeting transcription and notes</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-otter-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-otter-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Otter.ai transcribes meetings in real-time across Zoom, Google Meet, and Microsoft Teams, then generates AI summaries and action items automatically. OtterPilot joins meetings on your behalf to take notes. Integrates with Salesforce and HubSpot for automatic CRM activity logging.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->38.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-otter-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-fireflies" href="/tool/fireflies-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">F</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Fireflies.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI meeting recorder, transcriber, and analyst</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-fireflies"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-fireflies"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Fireflies.ai records, transcribes, and analyzes every meeting with AI-generated summaries, topic tracking, sentiment analysis, and action item extraction. The Conversation Intelligence feature tracks competitor mentions, talk-to-listen ratios, and objection handling across your entire sales team.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎥<!-- --> <!-- -->Video &amp; Audio</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->22.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-fireflies">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->20<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="research-knowledge" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open text-[#6366F1]"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Research &amp; Knowledge</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#06B6D415;color:#06B6D4">24<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools for academic research, competitive intelligence, knowledge management, summarization, and fact-finding.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/research-knowledge">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-perplexity-pro" href="/tool/perplexity-pro"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">PA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Perplexity AI Pro</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The AI-powered answer engine with citations</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-perplexity-pro"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-perplexity-pro"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Perplexity AI answers complex research questions with cited, real-time web sources and supports multi-step research flows. Pro mode unlocks GPT-4o, Claude, and Grok models, plus image uploads, PDF analysis, and unlimited file attachments. The best research tool for knowledge workers who need current, sourced answers.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->48.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-perplexity-pro">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-elicit" href="/tool/elicit"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">E</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Elicit</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI research assistant for academic literature</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-elicit"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-elicit"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">
1Elicit searches academic literature and extracts key findings, methods, sample sizes, and limitations from papers automatically. It finds papers beyond keyword search using semantic understanding, then synthesizes findings across multiple studies. Essential for researchers, grad students, and evidence-based content creators.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-elicit">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-consensus" href="/tool/consensus"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Consensus</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI search engine for scientific research</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-consensus"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-consensus"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Consensus searches 200M+ scientific papers and provides AI-synthesized answers with claims supported by specific studies. The Consensus Meter shows how much scientific evidence supports or contradicts a claim. Ideal for evidence-based medicine, policy research, and fact-checking.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-consensus">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-chatpdf" href="/tool/chatpdf"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ChatPDF</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Chat with any PDF document</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-chatpdf"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-chatpdf"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ChatPDF lets you upload any PDF and ask questions about its contents in natural language. Ideal for analyzing research papers, legal contracts, financial reports, and textbooks without reading every page. Generates summaries, answers specific questions, and extracts ke
1y data points instantly.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->32.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-chatpdf">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-mem-ai" href="/tool/mem-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">M</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Mem.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered personal knowledge management</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-mem-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-mem-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Mem.ai is an AI note-taking and knowledge management tool that automatically surfaces relevant notes when you need them. The AI Assistant searches across your entire knowledge base and writes new content based on what you&#x27;ve captured. Integrates with Gmail, Slack, Twitter, and email.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->6.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-mem-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-humata" href="/tool/humata"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">H</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Humata</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI document analysis for enterprises</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-humata"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-humata"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Humata enables teams to upload large document libraries and ask questions across all documents simultaneously. Generates summaries, compares documents, answers legal and compliance questions, and extracts data from contracts and reports. Strong security with SOC 2 compliance.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->6.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-humata">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-scholarcy" href="/tool/scholarcy"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Scholarcy</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI research summarization and flashcards</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-scholarcy"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-scholarcy"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Scholarcy summarizes academic papers into interactive flashcards, extracting key findings, methods, limitations, and references. Researchers use it to triage literature quickly and build annotated bibliographies. Integrates with Notion, Roam, and Zotero for seamless research workflows.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.2</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-scholarcy">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-connected-papers" href="/tool/connected-papers"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">CP</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Connected Papers</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Visual academic paper exploration tool</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-connected-papers"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-connected-papers"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Connected Papers creates visual graphs of academic papers, showing how research relates and connects across fields. Researchers use it to find the most relevant prior work, discover derivative papers, and understand the evolution of ideas in any field. Built by AI researchers at Semantics Scholar and Hebrew University.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📚<!-- --> <!-- -->Research &amp; Knowledge</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-connected-papers">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->14<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="ecommerce-sales" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart text-[#6366F1]"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">E-Commerce &amp; Sales</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#EC489915;color:#EC4899">26<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools that optimize product listings, personalize shopping experiences, forecast demand, and automate the entire e-commerce stack.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/ecommerce-sales">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-shopify-magic" href="/tool/shopify-magic"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SM</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Shopify Magic</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI built into the world&#x27;s leading e-commerce platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-shopify-magic"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-shopify-magic"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Shopify Magic generates product descriptions, email campaigns, FAQ answers, and blog posts directly within the Shopify admin. Sidekick is Shopify&#x27;s AI assistant that helps store owners make decisions, analyze performance, and execute tasks through natural language chat.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-shopify-magic">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-nosto" href="/tool/nosto"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">N</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Nosto</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI personalization for e-commerce</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-nosto"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-nosto"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Nosto personalizes product recommendations, search results, and email content in real-time based on each shopper&#x27;s behavior, preferences, and context. Its AI tests thousands of experience variations simultaneously and automatically promotes top performers. Used by Kylie Cosmetics, UNIQLO, and Gymshark.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-nosto">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-gorgias" href="/tool/gorgias"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">G</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Gorgias</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI customer support for e-commerce brands</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-gorgias"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-gorgias"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Gorgias is the leading helpdesk for e-commerce brands, integrating with Shopify and WooCommerce to pull order data into every support conversation. AI Automate resolves repetitive questions about orders, returns, and tracking automatically. Centralized inbox covers email, chat, social, and SMS.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-gorgias">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-octane-ai" href="/tool/octane-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">OA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Octane AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI quiz and zero-party data platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-octane-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-octane-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Octane AI builds AI-powered product recommendation quizzes that collect zero-party data and match shoppers to the right products. Popups, opt-ins, and Facebook Messenger flows grow email and SMS lists simultaneously. Used by beauty and health brands to increase average order value.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-octane-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-zia-zoho" href="/tool/zia-zoho"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">ZB</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Zia by Zoho CRM</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI sales assistant for Zoho CRM users</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-zia-zoho"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-zia-zoho"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Zia is Zoho CRM&#x27;s built-in AI assistant that predicts deal closure probability, suggests the best time to contact prospects, detects anomalies in sales data, and automates data entry via voice commands. It also generates email content and analyzes customer sentiment from communications.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-zia-zoho">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-recart" href="/tool/recart"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">R</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Recart</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI SMS marketing for Shopify stores</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-recart"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-recart"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Recart builds AI-managed SMS marketing campaigns for Shopify stores, including cart abandonment recovery, welcome flows, and promotional broadcasts. Managed SMS model means their AI agents run the campaigns on your behalf with a performance-based pricing model.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-recart">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-cradle" href="/tool/cradle"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Cradle</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI for B2B sales pipeline management</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-cradle"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-cradle"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Cradle uses AI to analyze your CRM data and surface the most actionable insights for each deal — identifying risks, recommending next actions, and forecasting accurately. It integrates with Salesforce and HubSpot to add an AI intelligence layer on top of your existing data.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-cradle">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-dynamic-yield" href="/tool/dynamic-yield"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">DY</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Dynamic Yield (Mastercard)</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI personalization for retail and e-commerce</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-dynamic-yield"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-dynamic-yield"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Dynamic Yield by Mastercard is an AI personalization platform that adapts website experiences, product recommendations, emails, and push notifications to each individual in real-time. Used by McDonald&#x27;s, IKEA, and Sephora to drive significant lift in conversion rates and average order value.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🛍️<!-- --> <!-- -->E-Commerce &amp; Sales</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-dynamic-yield">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->16<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="hr-recruitment" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase text-[#6366F1]"><rect width="20" height="14" x="2" y="7" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">HR &amp; Recruitment</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#F59E0B15;color:#F59E0B">24<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools that source candidates, screen resumes, streamline interviews, automate onboarding, and improve employee experience.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/hr-recruitment">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-workday-ai" href="/tool/workday-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">WA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Workday AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise HR management with AI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-workday-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-workday-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Workday embeds AI across HCM, payroll, finance, and planning with capabilities like skills matching, attrition prediction, pay equity analysis, and generative AI for HR workflows. Workday AI is used by 60% of the Fortune 500 for core HR operations and strategic workforce planning.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-workday-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-hirevue" href="/tool/hirevue"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">H</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">HireVue</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered video interviewing and assessment</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-hirevue"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-hirevue"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">HireVue uses AI to analyze video interviews and assess candidates on job-relevant competencies through structured behavioral science. Game-based assessments evaluate cognitive and emotional traits. Used by Unilever, Goldman Sachs, and Delta to screen thousands of candidates efficiently.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.2</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-hirevue">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-paradox" href="/tool/paradox"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">P(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Paradox (Olivia)</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI recruiting assistant automating 1M+ interviews monthly for top employers</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-paradox"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-paradox"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Paradox&#x27;s AI recruiting assistant Olivia handles the entire candidate experience conversationally — engaging applicants via SMS or web chat, screening them against job requirements, scheduling interviews directly on hiring managers&#x27; calendars, sending reminders, and answering FAQs through onboarding. Unlike traditional ATS platforms, Olivia provides sub-minute response times 24/7, dramatically improving candidate completion rates. Trusted by McDonald&#x27;s, Unilever, FedEx, and CVS Health for high-volume hourly and corporate hiring — processing over 1 million candidate interviews monthly. Paradox&#x27;s conversational approach reduces time-to-hire by up to 80% for enterprise clients.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-paradox">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-textio" href="/tool/textio"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">T</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Textio</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI writing tool for inclusive job descriptions</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-textio"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-textio"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Textio analyzes job descriptions and performance feedback for biased language that deters underrepresented candidates. Its augmented writing platform provides real-time suggestions to improve inclusivity and predict the quality and diversity of the candidate pool before posting.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-textio">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-eightfold" href="/tool/eightfold-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">EA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Eightfold AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Deep learning talent intelligence platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-eightfold"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-eightfold"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Eightfold.ai&#x27;s Talent Intelligence Platform matches candidates to roles based on skills, potential, and career trajectory rather than keywords alone. Supports internal mobility, DEI-focused sourcing, and upskilling recommendations. Used by Vodafone, Chevron, and LG Electronics.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-eightfold">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-beamery" href="/tool/beamery"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Beamery</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI talent lifecycle management platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-beamery"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-beamery"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Beamery uses AI to match candidates to roles, predict flight risk, identify internal mobility opportunities, and build talent pipelines proactively. Its TalentGPT is one of the first generative AI models purpose-built for HR and talent management workflows.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-beamery">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-greenhouse-ai" href="/tool/greenhouse-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">GA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Greenhouse AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Structured hiring platform with AI features</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-greenhouse-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-greenhouse-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Greenhouse is a leading applicant tracking system (ATS) with AI-powered features for structured hiring, candidate scoring, and DEI analytics. Its AI de-biases job descriptions, suggests interview questions, and provides data-driven candidate comparisons. Used by 7,500+ companies including HubSpot and Pinterest.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-greenhouse-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-seekout" href="/tool/seekout"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">S</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">SeekOut</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI talent sourcing with diversity intelligence</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-seekout"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-seekout"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">SeekOut is an AI-powered talent sourcing platform that aggregates public profiles, GitHub repositories, patents, and scientific publications to build comprehensive candidate profiles. Its diversity intelligence filters help teams meet DEI goals by surfacing underrepresented talent at the top of the funnel.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💼<!-- --> <!-- -->HR &amp; Recruitment</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-seekout">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->13<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="healthcare-medical" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-[#6366F1]"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Healthcare &amp; Medical</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#10B98115;color:#10B981">23<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI platforms assisting with clinical documentation, medical imaging analysis, patient engagement, drug discovery, and healthcare operations.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/healthcare-medical">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-nuance-dax" href="/tool/nuance-dax"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">ND</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Nuance DAX (Microsoft)</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Ambient clinical intelligence for physicians</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-nuance-dax"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-nuance-dax"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Nuance DAX automatically creates clinical documentation by listening to physician-patient conversations, reducing documentation time by 50%. It integrates with Epic, Cerner, and other major EHR systems. Now part of Microsoft&#x27;s healthcare AI portfolio with Azure Health Data Services.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-nuance-dax">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-abridge" href="/tool/abridge"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">A</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Abridge</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI medical conversation summaries for clinicians</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-abridge"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-abridge"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Abridge transforms clinical conversations into structured summaries using AI trained specifically on medical language. Clinicians review and approve AI-generated notes in seconds rather than spending 2+ hours on documentation after appointments. Integrated with Epic and used at UPMC and Kaiser Permanente.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-abridge">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-tempus" href="/tool/tempus"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">T</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Tempus</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-driven precision medicine platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-tempus"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-tempus"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Tempus applies AI to genomic sequencing, clinical data, and imaging to help oncologists make more informed treatment decisions. Its Library of de-identified clinical and molecular data powers AI models that predict drug responses and identify clinical trial candidates.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-tempus">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-pathai" href="/tool/pathai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">P</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">PathAI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered pathology diagnosis</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-pathai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-pathai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">PathAI develops AI models for pathology image analysis that help pathologists diagnose diseases more accurately and efficiently. Its models assist with cancer diagnosis, biomarker analysis, and drug development research. Partners include Bristol Myers Squibb and Lilly.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.7<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-pathai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-babylon-health" href="/tool/babylon-health"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">BH</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Babylon Health</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI symptom checker and virtual healthcare</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-babylon-health"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-babylon-health"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Babylon Health delivers AI-powered symptom checking, triage, and virtual consultations via app. Its clinical AI, trained on millions of medical conditions, provides triage recommendations that have been clinically validated against GP assessments. Operating across the US, UK, and Rwanda serving millions of patients.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.2</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-babylon-health">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-suki-ai" href="/tool/suki-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Suki AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Voice AI assistant for clinical documentation</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-suki-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-suki-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Suki is an AI-powered voice assistant designed specifically for physicians that captures and structures clinical notes in real-time. It integrates with major EHRs like Epic, Cerner, and athenahealth to auto-populate structured data. Physicians report saving 72 minutes per day on documentation.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-suki-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-notable-ai" href="/tool/notable-health"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">NH</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Notable Health</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI platform for clinical workflow automation</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-notable-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-notable-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Notable Health automates clinical administrative tasks using AI — pre-visit intake, gap-in-care outreach, chronic disease management, and prior authorization. Its platform integrates with your EHR to identify and close care gaps automatically, allowing clinical staff to focus on patient interaction.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-notable-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-infermedica" href="/tool/infermedica"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">I</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Infermedica</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI medical guidance for digital health</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-infermedica"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-infermedica"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Infermedica&#x27;s AI platform powers symptom assessment, triage, and clinical decision support for healthcare providers and insurers. Its API is used in 30+ countries and 29 languages, and has conducted over 50 million medical interviews. Powers the symptom checker for major insurance companies and hospital systems.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏥<!-- --> <!-- -->Healthcare &amp; Medical</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-infermedica">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->13<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="legal-compliance" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scale text-[#6366F1]"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path><path d="M7 21h10"></path><path d="M12 3v18"></path><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Legal &amp; Compliance</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#7C3AED15;color:#7C3AED">17<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools for contract analysis, legal research, compliance monitoring, document drafting, and due diligence.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/legal-compliance">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-harvey-ai" href="/tool/harvey-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">HA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Harvey AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Generative AI platform for law firms</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-harvey-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-harvey-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Harvey is a generative AI platform purpose-built for law firms, enabling attorneys to research case law, draft contracts, analyze documents, and manage due diligence at unprecedented speed. Partners include PwC, A&amp;O Shearman, and Macfarlanes. Trained on legal data with confidentiality guarantees.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-harvey-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-casetext" href="/tool/casetext"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Casetext (Thomson Reuters)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI legal research and drafting assistant</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-casetext"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-casetext"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Casetext&#x27;s CoCounsel is a GPT-4-powered legal assistant that conducts legal research, reviews contracts, drafts documents, and prepares deposition questions in minutes. Now part of Thomson Reuters, it integrates with Westlaw for unparalleled legal research depth.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-casetext">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-luminance" href="/tool/luminance"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">L</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Luminance</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI for legal document review and due diligence</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-luminance"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-luminance"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Luminance uses proprietary legal AI to read and understand legal documents at speed, identifying anomalous clauses, deviations from market standard, and potential risk areas during M&amp;A due diligence and contract negotiations. Used in 70+ countries by top-tier law firms and in-house legal teams.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-luminance">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-donotpay" href="/tool/donotpay"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">D</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">DoNotPay</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The world&#x27;s first robot lawyer for consumers</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-donotpay"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-donotpay"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">DoNotPay is an AI consumer rights platform that helps individuals fight corporations, bureaucracies, and scams. It automates tasks like contesting parking tickets, disputing credit card charges, canceling subscriptions, appealing bank fees, and filing small claims court documents — all through a simple chat interface.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.2</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-donotpay">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-kira-systems" href="/tool/kira-systems"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">KS</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Kira Systems (Litera)</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI contract analysis for law firms</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-kira-systems"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-kira-systems"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Kira Systems by Litera uses machine learning to rapidly identify and extract information from contracts and documents. Its Quick Study feature allows users to train custom extraction models without ML expertise. Used by 50+ Am Law 100 firms for due diligence, lease abstraction, and contract review.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-kira-systems">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-contractpodai" href="/tool/contractpodai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">C</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ContractPodAi</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-native legal contract platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-contractpodai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-contractpodai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ContractPodAi is an AI-native contract lifecycle management platform that combines a legal repository, contract drafting, negotiation tracking, and obligation management. Its Leah AI assistant answers questions about your contract portfolio and surfaces high-risk clauses across thousands of agreements.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-contractpodai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-diligen" href="/tool/diligen"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">D</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Diligen</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Machine learning contract review for M&amp;A</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-diligen"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-diligen"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Diligen is a machine learning contract review platform designed for M&amp;A due diligence and commercial contract review. It identifies and extracts ke
1y provisions from thousands of contracts simultaneously — reducing review time from weeks to hours. Trusted by BigLaw firms and Fortune 500 legal teams.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-diligen">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-juro-ai" href="/tool/juro"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">J</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Juro</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">All-in-one contract management platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-juro-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-juro-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Juro is a contract collaboration platform with built-in AI for drafting, reviewing, and tracking contracts. Its AI can summarize contracts, identify unusual clauses, generate first drafts from templates, and provide analytics across your entire contract portfolio. Used by Monday.com, Deliveroo, and Loom.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🏛️<!-- --> <!-- -->Legal &amp; Compliance</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.4<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-juro-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->6<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="finance-accounting" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign text-[#6366F1]"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Finance &amp; Accounting</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#F59E0B15;color:#F59E0B">21<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI platforms for financial modeling, automated bookkeeping, fraud detection, forecasting, tax preparation, and investment research.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/finance-accounting">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-intuit-assist" href="/tool/intuit-assist"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">IA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Intuit Assist (QuickBooks AI)</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI financial assistant for small businesses</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-intuit-assist"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-intuit-assist"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Intuit Assist is a generative AI financial assistant embedded in QuickBooks that auto-categorizes transactions, generates financial reports, sends invoice reminders, and answers business financial questions in plain language. It proactively surfaces cash flow insights and tax-saving opportunities.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->38.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-intuit-assist">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-kensho" href="/tool/kensho"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">K(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Kensho (S&amp;P Global)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI analytics for financial markets</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-kensho"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-kensho"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Kensho&#x27;s AI platform processes financial documents, earnings calls, economic data, and market events to surface insights for institutional investors. Its Scribe tool transcribes financial audio and documents with exceptional accuracy for capital markets workflows.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->0.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-kensho">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-planful" href="/tool/planful"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">P</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Planful</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered financial planning and analysis</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-planful"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-planful"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Planful uses AI to automate financial consolidation, reporting, and forecasting for enterprise finance teams. Predict, its ML-powered feature, detects anomalies in financial data, suggests adjustments to forecasts, and surfaces strategic risks before they become problems.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.4<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-planful">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-brex-ai" href="/tool/brex-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">BA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Brex AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI corporate finance management</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-brex-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-brex-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Brex uses AI to automate expense reporting, auto-code receipts to the correct GL accounts, detect fraudulent transactions, and provide real-time spending insights. Its AI assistant answers questions about company spend and policy in natural language within the platform.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-brex-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-vic-ai" href="/tool/vic-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">V</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Vic.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Autonomous AI accounting for AP teams</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-vic-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-vic-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Vic.ai uses deep learning to fully automate accounts payable — reading invoices, matching them to POs, coding them to correct GL accounts, and routing for approval. It achieves 80%+ touchless invoice processing and integrates with SAP, Oracle, and Microsoft Dynamics.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-vic-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-bloomberg-gpt" href="/tool/bloomberg-gpt"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">BloombergGPT</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Large language model built for financial data</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-bloomberg-gpt"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-bloomberg-gpt"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">BloombergGPT is a large language model trained on Bloomberg&#x27;s vast financial data corpus — earnings transcripts, regulatory filings, market news, and financial documents. It outperforms general-purpose LLMs on financial NLP tasks like sentiment analysis, named entity recognition, and question answering on financial text.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-bloomberg-gpt">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-alphasense" href="/tool/alphasense"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">A</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">AlphaSense</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI market intelligence for investment research</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-alphasense"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-alphasense"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">AlphaSense is an AI-powered market intelligence platform that searches across earnings calls, research reports, regulatory filings, broker reports, and news in seconds. Its Smart Synonyms AI understands financial context so searches for &#x27;revenue&#x27; also find &#x27;top line&#x27;, &#x27;sales&#x27;, and &#x27;turnover&#x27; automatically. Used by 80% of the S&amp;P 500.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-alphasense">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-ramp-ai" href="/tool/ramp-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">RA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Ramp AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered corporate finance platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-ramp-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-ramp-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Ramp is a corporate card and finance platform that uses AI to automatically categorize expenses, enforce spending policies, identify duplicate subscriptions, and surface vendor negotiation opportunities. Its Ramp Intelligence provides AI-driven insights that help finance teams reduce spend by an average of 3.3%.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">💰<!-- --> <!-- -->Finance &amp; Accounting</span><span class="text-[10px] px-2 py-0.5 font-medium badge-free">Free</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-ramp-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->12<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="productivity-workflow" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-[#6366F1]"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Productivity &amp; Workflow</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#06B6D415;color:#06B6D4">23<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools that automate repetitive tasks, manage projects, transcribe meetings, organize information, and reclaim hours from your workday.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/productivity-workflow">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-zapier-ai" href="/tool/zapier-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">ZA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Zapier AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered automation across 6,000+ apps</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-zapier-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-zapier-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Zapier connects 6,000+ apps with no-code automated workflows called Zaps. AI features include natural language Zap creation, AI-powered chatbots, and automated document drafting. The most widely used automation platform globally, processing billions of tasks monthly.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->48.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-zapier-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-make" href="/tool/make"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">M(</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Make (formerly Integromat)</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Visual automation for complex workflows</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-make"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-make"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Make provides a visual drag-and-drop interface for building complex multi-step automations with conditional logic, data transformation, and error handling. AI Automation Builder creates workflows from natural language descriptions. More powerful and affordable than Zapier for technical users.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->22.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-make">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-reclaim-ai" href="/tool/reclaim-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">R</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Reclaim.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI calendar management for busy professionals</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-reclaim-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-reclaim-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Reclaim.ai automatically schedules habits, focus time, breaks, and flexible meetings around your existing commitments. AI optimizes your calendar in real-time as priorities shift. Team features include smart 1:1 scheduling and meeting cost analysis to reduce unnecessary meetings.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-reclaim-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-motion" href="/tool/motion"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">M</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Motion</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI project and task management with auto-scheduling</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-motion"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-motion"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Motion uses AI to automatically schedule your tasks, meetings, and projects into your calendar based on priorities and deadlines. When a meeting runs over or a task takes longer, it intelligently reschedules everything else. Combines a task manager, project manager, and calendar in one.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-motion">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-bardeen" href="/tool/bardeen"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">B</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Bardeen</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI automation agent for knowledge workers</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-bardeen"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-bardeen"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Bardeen is a no-code browser automation tool that automates repetitive web tasks using AI agents. Scrape websites, enrich CRM data, send outreach, and connect apps — all triggered from a natural language command. Particularly popular with sales, recruiting, and research teams.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->9.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-bardeen">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-linear-ai" href="/tool/linear-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">LA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Linear AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The fastest issue tracker for high-performance software teams</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-linear-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-linear-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Linear is the issue tracking and project management tool of choice for elite software teams — built for speed, designed by engineers who hated Jira. Its AI capabilities auto-triage incoming issues, suggest priority labels, generate sub-tasks from high-level descriptions, and summarize long discussion threads into action items. The Linear Method prioritizes focus and momentum over process overhead, letting engineers spend their time building instead of managing tickets. Linear&#x27;s AI also writes GitHub PR summaries and links commits to issues automatically. Used by 25,000+ companies including Vercel, Loom, Ramp, Retool, and Notion — and considered the gold standard for technical project management in 2025.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-linear-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-clickup-ai" href="/tool/clickup-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">CA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ClickUp AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">All-in-one project management with AI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-clickup-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-clickup-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ClickUp is a comprehensive project management platform that added AI across tasks, docs, and whiteboards. ClickUp Brain generates task descriptions, summarizes project updates, writes meeting notes, and answers questions about your work using your workspace data. Replaces multiple tools with one AI-powered platform.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->32.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-clickup-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-granola-ai" href="/tool/granola-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">GA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Granola AI</span><span class="badge-new text-[10px] px-1.5 py-0.5 rounded-full border font-semibold tracking-wide">NEW</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI notepad that enhances your meeting notes</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-granola-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-granola-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Granola captures audio from any meeting on your Mac and uses AI to enhance your rough notes into polished, structured summaries — without a bot joining the call. Unlike traditional transcription tools, you still take your own notes; Granola augments them with context it heard in the meeting. Integrates with Notion, Linear, and HubSpot.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📐<!-- --> <!-- -->Productivity &amp; Workflow</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-granola-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->13<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="cybersecurity-privacy" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-[#6366F1]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Cybersecurity &amp; Privacy</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#10B98115;color:#10B981">21<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI-powered platforms for threat detection, vulnerability management, SOC automation, phishing prevention, and data privacy compliance.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/cybersecurity-privacy">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-darktrace" href="/tool/darktrace"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">D</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Darktrace</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered enterprise cyber defense</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-darktrace"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-darktrace"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Darktrace uses unsupervised machine learning to detect anomalous behavior across the enterprise network — identifying novel threats that rule-based systems miss. Its Autonomous Response capability automatically neutralizes threats in real-time without blocking legitimate activity.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-darktrace">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-crowdstrike" href="/tool/crowdstrike-falcon"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">CF</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">CrowdStrike Falcon AI</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-native endpoint security platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-crowdstrike"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-crowdstrike"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">CrowdStrike Falcon uses AI and machine learning to detect and prevent cyberattacks across endpoints, cloud workloads, and identities in real-time. Charlotte AI, its generative AI assistant, answers security questions, summarizes threat intelligence, and guides analyst investigations through natural language.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-crowdstrike">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-sentinelone" href="/tool/sentinelone-purple"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SP</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">SentinelOne Purple AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered SOC analyst and threat hunter</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-sentinelone"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-sentinelone"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">SentinelOne&#x27;s Purple AI is a generative AI threat hunting and investigation assistant that lets security analysts ask natural language questions about threats across their entire environment. It summarizes incidents, translates queries into hunting language, and automates routine SOC tasks.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-sentinelone">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-microsoft-sentinel" href="/tool/microsoft-sentinel"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">MS</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Microsoft Sentinel AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Cloud-native SIEM with AI threat intelligence</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-microsoft-sentinel"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-microsoft-sentinel"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Microsoft Sentinel is a cloud-native SIEM and SOAR solution with AI-powered threat detection, investigation, and response. Security Copilot integration enables analysts to ask natural language questions about threats, generate incident summaries, and run remediation playbooks using conversational AI. Scales across Microsoft&#x27;s global threat intelligence.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-microsoft-sentinel">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-vectra-ai" href="/tool/vectra-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">VA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Vectra AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI network detection and response</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-vectra-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-vectra-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Vectra AI uses patented AI to detect attacker behaviors that evade traditional perimeter defenses — 
1covering cloud, SaaS, identity, and network environments. Its Attack Signal Intelligence prioritizes the threats that matter most, reducing SOC alert noise by 85% and cutting mean-time-to-detect from weeks to minutes.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-vectra-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-abnormal-security" href="/tool/abnormal-security"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">AS</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Abnormal Security</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI email security for Microsoft 365 and Google</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-abnormal-security"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-abnormal-security"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Abnormal Security uses behavioral AI to detect email attacks that bypass secure email gateways — including BEC, phishing, supply chain attacks, and account takeovers. Its behavioral baselines model what normal communication looks like for every employee and flag anomalous emails that humans would miss.<
1/p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-abnormal-security">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-deep-instinct" href="/tool/deep-instinct"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">DI</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Deep Instinct</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Deep learning cybersecurity platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-deep-instinct"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-deep-instinct"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Deep Instinct uses purpose-built deep learning to prevent ransomware, malware, and zero-day attacks before execution — achieving &lt;0.1% false positive rate and sub-20ms prediction time. Unlike signature-based tools, its neural network detects threats from behavioral patterns, stopping attacks that have never been seen before.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#
1E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->1.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-deep-instinct">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-recorded-future" href="/tool/recorded-future"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">RF</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Recorded Future AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered threat intelligence at scale</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-recorded-future"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-recorded-future"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Recorded Future is the world&#x27;s largest commercial threat intelligence platform, using AI to analyze 10M+ sources in 7 languages to provide real-time threat intelligence. Its Collective Insights feature correlates threat data across thousands of customers to surface relevant intelligence faster than any human team.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🔐<!-- --> <!-- -->Cybersecurity &amp; Privacy</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-recorded-future">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->12<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="social-media" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 text-[#6366F1]"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Social Media Management</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#EC489915;color:#EC4899">26<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools for scheduling posts, generating content, analyzing performance, monitoring mentions, and growing social media presence.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/social-media">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-buffer-ai" href="/tool/buffer-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #EC4899, #DB2777)">BA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Buffer AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI social media scheduling and content assistant</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-buffer-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-buffer-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Buffer&#x27;s AI Assistant generates post ideas, repurposes content across platforms, and rewrites captions for different tones and audiences. The scheduling engine optimizes posting times based on historical engagement data. Covers Instagram, Twitter, LinkedIn, Facebook, Pinterest, and TikTok.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-buffer-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-hootsuite" href="/tool/hootsuite-owly"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">HO</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Hootsuite Owly AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise social media management with AI</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-hootsuite"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-hootsuite"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Hootsuite&#x27;s OwlyWriter AI generates captions, recommends hashtags, repurposes top-performing content, and suggests optimal post times across all major social platforms. The analytics suite provides AI-powered competitive benchmarking and content performance insights.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-hootsuite">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-sprout-social" href="/tool/sprout-social"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SS</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Sprout Social AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered social media intelligence platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-sprout-social"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-sprout-social"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Sprout Social uses AI to surface high-priority messages, suggest customer service responses, analyze listening data for trend detection, and generate performance reports automatically. Particularly strong for enterprise social media teams managing multiple brands and complex approval workflows.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-sprout-social">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-lately-ai" href="/tool/lately-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">LA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Lately AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI that repurposes long content into social posts</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-lately-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-lately-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Lately AI analyzes your brand&#x27;s best-performing social content, learns what resonates with your audience, and automatically chops long-form content — blog posts, podcasts, videos — into dozens of social posts optimized to your unique style and audience preferences.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-lately-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-predis-ai" href="/tool/predis-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">P</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Predis.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI social media post generator with visuals</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-predis-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-predis-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Predis.ai generates complete social media posts including captions, hashtags, and custom graphics from a single text input or URL. Competitor analysis feature monitors what content performs well for your competitors and suggests similar ideas for your brand.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.3</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-predis-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-feedhive" href="/tool/feedhive"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #10B981, #059669)">F</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">FeedHive</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI content recycling and social scheduling</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-feedhive"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-feedhive"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">FeedHive uses AI to write, schedule, and recycle your best-performing content across platforms. The AI Writing Assistant generates variations of posts, and the Conditional Posting feature auto-boosts posts that exceed performance thresholds. Performance prediction scores content before it goes live.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.2<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-feedhive">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-contentstudio" href="/tool/contentstudio"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">CA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">ContentStudio AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI content planner and social media manager</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-contentstudio"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-contentstudio"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ContentStudio is an all-in-one content marketing platform that discovers trending content, plans AI-generated posts, and schedules across all major social platforms. Its content discovery engine finds viral posts in your niche, while AI writer generates platform-specific captions from URLs or topics.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.4<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-contentstudio">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-socialbee" href="/tool/socialbee"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">SocialBee AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI social media manager with content categories</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-socialbee"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-socialbee"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">SocialBee organizes social media content into categories that automatically rotate through a posting schedule — ensuring consistent variety without manual planning. Its AI Copilot generates post variations, rewrites content for different platforms, and creates entire social media strategies from a URL or keyword.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">📱<!-- --> <!-- -->Social Media Management</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->4.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-socialbee">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->14<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="data-science-ml" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical text-[#6366F1]"><path d="M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"></path><path d="M8.5 2h7"></path><path d="M7 16h10"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Data Science &amp; ML</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#7C3AED15;color:#7C3AED">22<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">Platforms for building, training, deploying, and monitoring machine learning models — from no-code AutoML to enterprise MLOps and vector databases.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/data-science-ml">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-datarobot" href="/tool/datarobot"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">D</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">DataRobot</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise AutoML and AI lifecycle management</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-datarobot"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-datarobot"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">DataRobot automates the end-to-end machine learning lifecycle from data prep to model deployment to monitoring. Its AI Cloud platform supports all major ML frameworks and includes LLM ops for deploying and managing generative AI applications. Used by 40% of the Fortune 50.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-enterprise">Enterprise</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->3.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-datarobot">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-h2o-ai" href="/tool/h2o-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">H</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">H2O.ai</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Open-source AI and AutoML platform</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-h2o-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-h2o-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">H2O.ai provides open-source AutoML (H2O Driverless AI), LLM fine-tuning (H2O LLM Studio), and enterprise ML platforms. Driverless AI automatically engineers features, selects algorithms, and tunes hyperparameters to build models 40x faster than manual approaches.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-h2o-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-weights-biases" href="/tool/weights-biases"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">W&amp;</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Weights &amp; Biases</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">MLOps platform for ML experiment tracking</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-weights-biases"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-weights-biases"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Weights &amp; Biases tracks ML experiments, visualizes training metrics, manages datasets, and profiles model performance in real-time. Teams at OpenAI, NVIDIA, and Toyota use it to collaborate on ML projects. Weave adds LLM evaluation, tracing, and monitoring to the platform.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-weights-biases">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-huggingface" href="/tool/hugging-face"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">HF</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Hugging Face</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">The GitHub of machine learning models</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-huggingface"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-huggingface"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Hugging Face hosts 500,000+ pretrained AI models, 150,000+ datasets, and 300,000+ demo apps — the central hub for the ML community. Inference Endpoints and AutoTrain enable anyone to fine-tune and deploy models without ML expertise. The most important infrastructure in open-source AI.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.8</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->82.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-huggingface">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-scale-ai" href="/tool/scale-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Scale AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Data annotation and AI training infrastructure</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-scale-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-scale-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Scale AI provides high-quality training data annotation, RLHF feedback, and AI evaluation services for foundation model development. Used by OpenAI, Microsoft, Toyota, and the US Department of Defense. Scale&#x27;s data infrastructure powers many of the most capable AI models in existence.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->2.8<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-scale-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-google-vertex" href="/tool/google-vertex-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F43F5E, #E11D48)">GV</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Google Vertex AI</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Enterprise MLOps and AI platform by Google Cloud</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-google-vertex"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-google-vertex"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Google Vertex AI is a unified AI platform that enables data scientists and ML engineers to build, deploy, and scale ML models and AI applications. It includes AutoML for no-code model training, Gemini API access, Vector Search for RAG applications, and Model Garden with 150+ pre-trained models.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->18.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-amber-600 bg-amber-50 border-amber-200">⚠️ Semi-Technical</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-google-vertex">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-aws-sagemaker" href="/tool/aws-sagemaker"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">AS</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">AWS SageMaker</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Fully managed ML platform by Amazon Web Services</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-aws-sagemaker"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-aws-sagemaker"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Amazon SageMaker is a fully managed platform for building, training, and deploying ML models at scale. SageMaker Canvas provides no-code ML for business analysts, JumpStart offers 300+ pretrained models, and SageMaker Studio provides an IDE for every step of the ML workflow.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->22.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-aws-sagemaker">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-azure-ml" href="/tool/azure-ml"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">AM</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Azure Machine Learning</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">Microsoft cloud platform for enterprise ML</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-azure-ml"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-azure-ml"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Azure Machine Learning is Microsoft&#x27;s enterprise ML platform covering AutoML, experiment tracking, model registry, and deployment at scale. Azure AI Studio integrates generative AI capabilities with enterprise security, enabling teams to build, evaluate, and deploy AI applications with proper governance and compliance controls.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🧪<!-- --> <!-- -->Data Science &amp; ML</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->16.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-azure-ml">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->14<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="education-learning" class="py-10 scroll-mt-32"><div class="flex items-center justify-between gap-4 mb-5"><div class="flex items-center gap-3 min-w-0"><div class="w-10 h-10 rounded-2xl flex items-center justify-center flex-shrink-0 bg-[#EEF2FF] border border-[#C7D2FE]"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap text-[#6366F1]"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="min-w-0"><div class="flex items-center gap-2.5 flex-wrap"><h2 class="text-base font-bold text-[#1E1B4B]">Education &amp; Learning</h2><span class="text-[10px] font-bold px-2 py-0.5 rounded-full" style="background:#F59E0B15;color:#F59E0B">26<!-- --> tools</span></div><p class="text-xs text-[#A5A3C5] truncate max-w-sm hidden sm:block mt-0.5">AI tools for personalized tutoring, course creation, student assessment, language learning, and educational content generation.</p></div></div><a class="hidden sm:flex items-center gap-1.5 text-xs font-semibold text-[#6366F1] hover:text-[#4F46E5] transition-colors flex-shrink-0 bg-[#EEF2FF] hover:bg-[#E8E4FF] px-3 py-1.5 rounded-full border border-[#C7D2FE] hover:border-[#818CF8]" href="/category/education-learning">View all <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:0ms" data-testid="card-tool-khanmigo" href="/tool/khanmigo"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">KA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Khan Academy Khanmigo</span><span class="badge-pick text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">PICK</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI tutor for students, teacher aide for educators</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-khanmigo"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-khanmigo"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Khanmigo is Khan Academy&#x27;s AI tutor powered by GPT-4 that guides students through problems with Socratic questioning rather than giving direct answers. For teachers, it drafts lesson plans, creates rubrics, and generates discussion prompts. Covers K-12 math, science, humanities, and SAT prep.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-khanmigo">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:40ms" data-testid="card-tool-duolingo-max" href="/tool/duolingo-max"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">DM</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Duolingo Max</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered language learning with GPT-4</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-duolingo-max"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-duolingo-max"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Duolingo Max introduces Explain My Answer (GPT-4 explanations for every exercise) and Roleplay (AI conversation practice in real-world scenarios). Used by 700M+ language learners globally. AI personalizes lesson difficulty, pacing, and content selection based on individual performance data.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.7</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->182.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-duolingo-max">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:80ms" data-testid="card-tool-synthesis-tutor" href="/tool/synthesis-tutor"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">ST</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Synthesis Tutor</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI math tutor for kids aged 5-12</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-synthesis-tutor"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-synthesis-tutor"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Synthesis provides AI-powered math tutoring for children that adapts in real-time to each student&#x27;s level and learning pace. Originally developed for SpaceX employees&#x27; children, it uses game-based problem-solving that builds deep mathematical intuition rather than rote memorization.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->8.9<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-synthesis-tutor">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:120ms" data-testid="card-tool-quizlet-ai" href="/tool/quizlet-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #8B5CF6, #7C3AED)">QA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Quizlet AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI-powered study tools and flashcards</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-quizlet-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-quizlet-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Quizlet uses AI to generate flashcard sets from notes, PDFs, or photos, and adapts study sessions based on what each student struggles with. Q-Chat, its AI tutor, engages students in Socratic dialogue to reinforce understanding. Used by 60M+ students and teachers worldwide.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->88.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-quizlet-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:160ms" data-testid="card-tool-elsa-speak" href="/tool/elsa-speak"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #06B6D4, #0891B2)">ES</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Elsa Speak</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI English pronunciation coach</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-elsa-speak"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-elsa-speak"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">ELSA (English Language Speech Assistant) uses AI speech recognition to analyze pronunciation in real-time and provide phoneme-level feedback on accent, fluency, rhythm, and clarity. Used by 28M+ learners in 101 countries to improve spoken English for professional and academic settings.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.5</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->42.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-elsa-speak">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:200ms" data-testid="card-tool-socratic" href="/tool/socratic-google"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #14B8A6, #0D9488)">SB</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Socratic by Google</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI homework helper for students</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-socratic"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-socratic"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Socratic uses Google AI to analyze homework questions — whether typed, photographed, or spoken — and provides step-by-step explanations with visual aids. Covers math, science, history, literature, and more for middle and high school students. Available on iOS and Android.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-free">Free</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->28.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-socratic">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:240ms" data-testid="card-tool-turnitin-ai" href="/tool/turnitin-ai"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #F59E0B, #D97706)">TA</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Turnitin AI</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI writing detection for academic integrity</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-turnitin-ai"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-turnitin-ai"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Turnitin&#x27;s AI detection tool identifies AI-generated content in student submissions alongside its industry-standard plagiarism detection. Used by 16,000+ institutions globally, it analyzes writing patterns to detect ChatGPT, Claude, and other LLM-generated text with high accuracy while minimizing false positives.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-paid">Paid</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.4</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->12.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-turnitin-ai">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a><a class="tool-card p-4 flex flex-col gap-3 group" style="animation-delay:280ms" data-testid="card-tool-photomath" href="/tool/photomath"><div class="flex items-start justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-11 h-11 rounded-xl flex items-center justify-center text-white text-xs font-bold flex-shrink-0 shadow-sm" style="background:linear-gradient(135deg, #6366F1, #4F46E5)">P</div><div class="min-w-0"><div class="flex items-center gap-1.5 flex-wrap mb-0.5"><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors truncate leading-tight">Photomath</span><span class="badge-hot text-[10px] px-1.5 py-0.5 rounded-full border font-semibold">HOT</span></div><p class="text-[11px] text-[#A5A3C5] truncate leading-tight">AI math solver with step-by-step explanations</p></div></div><div class="flex items-center gap-0.5 flex-shrink-0"><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Compare" title="Compare tool" data-testid="button-compare-photomath"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare "><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg></button><button class="w-7 h-7 flex items-center justify-center rounded-lg transition-colors text-[#C5C3E0] hover:text-[#6366F1] hover:bg-[#F0EEFF]" aria-label="Bookmark" data-testid="button-bookmark-photomath"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark "><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg></button></div></div><p class="text-xs text-[#7C7AAD] leading-relaxed line-clamp-2 flex-1">Photomath uses AI to solve math problems photographed from textbooks or written on paper, providing step-by-step explanations for every solution. It covers arithmetic through calculus, trigonometry, and statistics. With 300M+ downloads, it&#x27;s the world&#x27;s most downloaded educational math app.</p><div class="flex items-center gap-1.5 flex-wrap"><span class="text-[10px] px-2 py-0.5 rounded-full bg-[#F5F3FF] border border-[#E8E4F4] text-[#7C7AAD] font-medium whitespace-nowrap">🎓<!-- --> <!-- -->Education &amp; Learning</span><span class="text-[10px] px-2 py-0.5 font-medium badge-freemium">Freemium</span><div class="flex items-center gap-1 ml-auto"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="#6366F1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-[#6366F1]"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-xs font-semibold text-[#1E1B4B]">4.6</span><span class="text-[11px] text-[#C5C3E0]">(<!-- -->188.0<!-- -->k)</span></div></div><span class="text-[10px] px-2 py-0.5 rounded-full border font-medium w-fit text-emerald-700 bg-emerald-50 border-emerald-200">✅ No-Code Friendly</span><div class="pt-2 border-t border-[#F0EEFF]"><div class="w-full flex items-center justify-center gap-1.5 py-2 text-xs font-semibold rounded-xl bg-[#F0EEFF] text-[#6366F1] group-hover:bg-[#E8E4FF] border border-[#DDD6FE] transition-all" data-testid="button-know-more-photomath">Know More<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="mt-5 flex items-center justify-center"><button class="inline-flex items-center gap-1.5 text-sm text-[#7C7AAD] hover:text-[#6366F1] font-medium px-5 py-2 rounded-full border border-[#E8E4F4] hover:border-[#818CF8] bg-white transition-all hover:bg-[#F5F3FF]">Show <!-- -->16<!-- --> more tools <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down "><path d="m6 9 6 6 6-6"></path></svg></button></div></section></main><section class="py-20 border-t border-[#E8E4F4]"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="rounded-3xl p-8 sm:p-12 relative overflow-hidden" style="background:linear-gradient(135deg, #1E1B4B 0%, #312E81 50%, #4C1D95 100%)"><div class="absolute top-0 right-0 w-80 h-80 rounded-full opacity-10" style="background:radial-gradient(circle, #818CF8, transparent)"></div><div class="absolute bottom-0 left-0 w-60 h-60 rounded-full opacity-10" style="background:radial-gradient(circle, #A855F7, transparent)"></div><div class="relative z-10 flex flex-col lg:flex-row items-start lg:items-center gap-10"><div class="flex-1"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/10 border border-white/20 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-[#818CF8]"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="text-[11px] font-semibold text-white/70 uppercase tracking-widest">Weekly Digest</span></div><h2 class="text-3xl sm:text-4xl font-extrabold text-white mb-3 leading-tight tracking-tight">5 New AI Tools,<br/><span class="text-[#A5B4FC]">Every Friday</span></h2><p class="text-white/60 text-sm leading-relaxed max-w-sm mb-8">Join 80,000+ professionals. One email per week — the best new AI tools, no fluff, no spam.</p><div class="flex items-center gap-6 flex-wrap"><div class="flex items-center gap-2"><div class="text-[#A5B4FC]"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users "><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div><div class="text-base font-bold text-white leading-none">80K+</div><div class="text-[10px] text-white/50 mt-0.5">Subscribers</div></div></div><div class="flex items-center gap-2"><div class="text-[#A5B4FC]"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bar-chart3 "><path d="M3 3v18h18"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div><div class="text-base font-bold text-white leading-none">62%</div><div class="text-[10px] text-white/50 mt-0.5">Open Rate</div></div></div><div class="flex items-center gap-2"><div class="text-[#A5B4FC]"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star "><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><div><div class="text-base font-bold text-white leading-none">4.9</div><div class="text-[10px] text-white/50 mt-0.5">Rating</div></div></div></div></div><div class="w-full lg:w-[380px] flex-shrink-0"><div class="bg-white/10 backdrop-blur-sm border border-white/20 rounded-2xl p-6"><form class="space-y-3"><div><label class="block text-xs font-medium text-white/60 mb-2">Your email address</label><input type="email" placeholder="[email protected]" class="w-full px-4 py-3 rounded-xl bg-white/10 border border-white/20 text-white placeholder:text-white/30 text-sm outline-none focus:border-[#818CF8] focus:bg-white/15 transition-all" required="" autoComplete="email" data-testid="input-newsletter-email" value=""/></div><button type="submit" class="w-full flex items-center justify-center gap-2 py-3 px-6 bg-[#6366F1] hover:bg-[#4F46E5] text-white text-sm font-bold rounded-xl transition-all shadow-lg shadow-[#6366F1]/30 hover:shadow-[#6366F1]/50" data-testid="button-newsletter-subscribe">Subscribe Free <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><p class="text-[11px] text-white/40 text-center">No spam. Unsubscribe anytime.</p></form></div></div></div></div></div></section><section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 border-b border-[#
1E8E4F4]"><div class="text-center mb-8"><p class="text-xs font-semibold text-[#6366F1] uppercase tracking-widest mb-1">How It Works</p><h2 class="text-2xl sm:text-3xl font-bold text-[#1E1B4B]">Not a directory. A decision platform.</h2><p class="text-sm text-[#7C7AAD] mt-2 max-w-xl mx-auto">Three tools to go from &quot;what AI tool should I use?&quot; to &quot;here&#x27;s our ROI&quot; — in under 10 minutes.</p></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 relative"><div class="hidden sm:block absolute top-[52px] left-[calc(33%+12px)] right-[calc(33%+12px)] h-px border-t-2 border-dashed border-[#C7D2FE] z-0"></div><a class="relative z-10 flex flex-col items-center text-center p-6 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/find"><div class="w-12 h-12 rounded-2xl bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3 group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass text-[#6366F1]"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg></div><div class="w-6 h-6 rounded-full bg-[#6366F1] text-white text-xs font-bold flex items-center justify-center mb-3">1</div><h3 class="text-sm font-bold text-[#1E1B4B] mb-1.5">Tell us your goal</h3><p class="text-xs text-[#7C7AAD] leading-relaxed mb-3">Answer 3 quick questions about your role, use case, and budget.</p><span class="text-xs font-semibold text-[#6366F1] group-hover:underline">Find my tool →</span></a><a class="relative z-10 flex flex-col items-center text-center p-6 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/stack-builder"><div class="w-12 h-12 rounded-2xl bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3 group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-[#7C3AED]"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></div><div class="w-6 h-6 rounded-full bg-[#6366F1] text-white text-xs font-bold flex items-center justify-center mb-3">2</div><h3 class="text-sm font-bold text-[#1E1B4B] mb-1.5">Build your stack</h3><p class="text-xs text-[#7C7AAD] leading-relaxed mb-3">Assemble a complete AI workflow layer by layer with cost estimates.</p><span class="text-xs font-semibold text-[#6366F1] group-hover:underline">Build my stack →</span></a><a class="relative z-10 flex flex-col items-center text-center p-6 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/roi-calculator"><div class="w-12 h-12 rounded-2xl bg-[#EEF2FF] border border-[#C7D2FE] flex items-center justify-center mb-3 group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator text-[#059669]"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div><div class="w-6 h-6 rounded-full bg-[#6366F1] text-white text-xs font-bold flex items-center justify-center mb-3">3</div><h3 class="text-sm font-bold text-[#1E1B4B] mb-1.5">Calculate your ROI</h3><p class="text-xs text-[#7C7AAD] leading-relaxed mb-3">Enter team size and time spent — get payback period and annual savings.</p><span class="text-xs font-semibold text-[#6366F1] group-hover:underline">Calculate ROI →</span></a></div></section><section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 border-b border-[#
1E8E4F4]"><div class="flex items-end justify-between mb-6 gap-4"><div><p class="text-xs font-semibold text-[#6366F1] uppercase tracking-widest mb-1">Use Cases</p><h2 class="text-xl sm:text-2xl font-bold text-[#1E1B4B]">Explore by Outcome</h2><p class="text-sm text-[#7C7AAD] mt-1">Step-by-step AI workflows built by practitioners, verified with real teams.</p></div><a class="hidden sm:inline-flex items-center gap-1.5 text-[13px] font-semibold text-[#6366F1] bg-[#EEF2FF] border border-[#C7D2FE] px-4 py-2 rounded-xl hover:bg-[#E0E7FF] transition-colors flex-shrink-0" href="/use-cases">View all 15 use cases <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"><a class="flex items-start gap-3 p-4 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/use-cases/generate-linkedin-posts-that-convert"><div class="w-10 h-10 rounded-xl bg-[#F5F3FF] border border-[#E8E4F4] flex items-center justify-center text-lg flex-shrink-0">✍️</div><div class="min-w-0"><p class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors leading-snug mb-1">Generate LinkedIn Posts That Convert</p><p class="text-[11px] text-[#A5A3C5]">Marketers &amp; Founders</p><p class="text-[11px] font-semibold text-[#6366F1] mt-1.5 group-hover:underline">See workflow →</p></div></a><a class="flex items-start gap-3 p-4 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/use-cases/automate-customer-support-tickets"><div class="w-10 h-10 rounded-xl bg-[#F5F3FF] border border-[#E8E4F4] flex items-center justify-center text-lg flex-shrink-0">🎧</div><div class="min-w-0"><p class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors leading-snug mb-1">Automate Customer Support Tickets</p><p class="text-[11px] text-[#A5A3C5]">Support Teams</p><p class="text-[11px] font-semibold text-[#6366F1] mt-1.5 group-hover:underline">See workflow →</p></div></a><a class="flex items-start gap-3 p-4 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/use-cases/build-lead-generation-pipeline-without-code"><div class="w-10 h-10 rounded-xl bg-[#F5F3FF] border border-[#E8E4F4] flex items-center justify-center text-lg flex-shrink-0">🚀</div><div class="min-w-0"><p class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors leading-snug mb-1">Build a Lead Gen Pipeline Without Code</p><p class="text-[11px] text-[#A5A3C5]">Sales &amp; Growth</p><p class="text-[11px] font-semibold text-[#6366F1] mt-1.5 group-hover:underline">See workflow →</p></div></a><a class="flex items-start gap-3 p-4 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/use-cases/write-seo-content-at-scale"><div class="w-10 h-10 rounded-xl bg-[#F5F3FF] border border-[#E8E4F4] flex items-center justify-center text-lg flex-shrink-0">📈</div><div class="min-w-0"><p class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors leading-snug mb-1">Write SEO Content at Scale</p><p class="text-[11px] text-[#A5A3C5]">Content Teams</p><p class="text-[11px] font-semibold text-[#6366F1] mt-1.5 group-hover:underline">See workflow →</p></div></a><a class="flex items-start gap-3 p-4 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/use-cases/screen-and-shortlist-job-applicants"><div class="w-10 h-10 rounded-xl bg-[#F5F3FF] border border-[#E8E4F4] flex items-center justify-center text-lg flex-shrink-0">👥</div><div class="min-w-0"><p class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors leading-snug mb-1">Screen and Shortlist Job Applicants</p><p class="text-[11px] text-[#A5A3C5]">HR &amp; Recruiters</p><p class="text-[11px] font-semibold text-[#6366F1] mt-1.5 group-hover:underline">See workflow →</p></div></a>
1<a class="flex items-start gap-3 p-4 bg-white border border-[#E8E4F4] rounded-2xl hover:border-[#C7D2FE] hover:shadow-md transition-all group" href="/use-cases/analyze-customer-feedback-automatically"><div class="w-10 h-10 rounded-xl bg-[#F5F3FF] border border-[#E8E4F4] flex items-center justify-center text-lg flex-shrink-0">📊</div><div class="min-w-0"><p class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors leading-snug mb-1">Analyze Customer Feedback Automatically</p><p class="text-[11px] text-[#A5A3C5]">Product Teams</p><p class="text-[11px] font-semibold text-[#6366F1] mt-1.5 group-hover:underline">See workflow →</p></div></a></div><div class="mt-4 text-center sm:hidden"><a class="inline-flex items-center gap-1.5 text-[13px] font-semibold text-[#6366F1]" href="/use-cases">View all 15 use cases <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section><section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 border-b border-[#E8E4F4]"><div class="bg-gradient-to-r from-[#1E1B4B] to-[#312E81] rounded-2xl p-6 sm:p-8 flex flex-col sm:flex-row items-start sm:items-center gap-6"><div class="w-12 h-12 rounded-2xl bg-white/10 border border-white/20 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-radio text-white"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg></div><div class="flex-1 min-w-0"><div class="flex items-center gap-2 mb-1.5"><span class="text-[10px] font-bold text-[#818CF8] uppercase tracking-widest">Latest Issue — May 2026</span><span class="text-[10px] bg-[#6366F1] text-white px-2 py-0.5 rounded-full font-semibold">NEW</span></div><h2 class="text-lg sm:text-xl font-bold text-white mb-2">AI Reality Report — Weekly Signal, Zero Hype</h2><p class="text-sm text-[#A5B4FC] leading-relaxed">What actually worked in AI this week. What failed. What tools are gaining real traction — and which ones to avoid right now. No vendor spin.</p></div><div class="flex flex-col gap-2 flex-shrink-0 w-full sm:w-auto"><a class="inline-flex items-center justify-center gap-1.5 text-[13px] font-semibold text-[#1E1B4B] bg-white px-5 py-2.5 rounded-xl hover:bg-[#F5F3FF] transition-colors whitespace-nowrap" href="/reality-report/issue-3">Read this week&#x27;s report <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center justify-center gap-1.5 text-[12px] font-medium text-[#A5B4FC] hover:text-white transition-colors" href="/reality-report">Browse all issues →</a></div></div></section><section class="py-16 border-t border-[#E8E4F4]" aria-labelledby="faq-heading"><div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10"><div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#EEF2FF] border border-[#C7D2FE] mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-help-circle text-[#6366F1]"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg><span class="text-[11px] font-bold text-[#6366F1] uppercase tracking-widest">FAQ</span></div><h2 id="faq-heading" class="text-2xl sm:text-3xl font-extrabold text-[#1E1B4B] tracking-tight">Frequently Asked Questions About AI Tools</h2><p class="text-sm text-[#7C7AAD] mt-2">Everything you need to know about AI tools and our directory.</p></div><div class="space-y-2">
1<div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-0"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">1</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">What is the best AI tool directory in 2026?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-0" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">AI Suggests is the most comprehensive AI tool directory in 2026, featuring 300+ curated AI tools across 20+ categories including content writing, marketing automation, design, development, healthcare, legal, finance, and more. Unlike other AI tool directories, every listing is hand-reviewed and updated weekly with accurate pricing, feature lists, and user ratings — with no paid placements.</p></div></div><div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-1"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">2</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">Where can I find a complete AI tools list?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-1" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">AI Suggests maintains the most complete AI tools list online, with 300+ tools organized across 20 categories. Our AI list covers every major use case — writing, design, coding, marketing, analytics, HR, legal, finance, healthcare, and more. You can browse the full AI tools list by category, filter by pricing (Free, Freemium, Paid, Enterprise), or search by tool name. The list is updated every week.</p></div></div><div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-2"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">3</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">Where can I find real, unbiased AI tool reviews?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-2" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">AI Suggests provides verified AI tool reviews from a community of 80,000+ professionals. Every tool page includes an aggregate rating, review count, pros/cons breakdown, pricing details, and a features list. Our editorial policy is zero paid placements — tools are ranked by merit, user reviews, and community ratings. You can also submit your own review after using a tool.</p></div></div>
1<div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-3"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">4</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">What is an &quot;AI list&quot; or &quot;AI tool list&quot;?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-3" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">An AI list or AI tool list is a curated collection of artificial intelligence software and platforms organized by category, use case, or pricing. AI Suggests is one of the largest and most up-to-date AI lists available online, covering 300+ tools across 20 categories. AI lists like ours help professionals quickly compare options, check pricing, and read reviews without having to research each tool individually.</p></div></div><div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-4"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">5</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">What is AI Suggests?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-4" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">AI Suggests is a comprehensive AI tool directory with 500+ AI tools across 20+ categories including content writing, marketing, design, development, healthcare, legal, finance, and more. We curate, review, and update every listing weekly so professionals can find the right AI tool for any job in seconds.</p></div></div><div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-5"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">6</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">What is the best AI tool for content writing in 2026?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-5" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">The best AI writing tools in 2026 include Jasper AI for enterprise marketing teams, ChatGPT and Claude for general-purpose writing, Grammarly for grammar and tone correction, Writesonic for SEO-optimized blog posts, and Copy.ai for marketing copy and social media content. The right choice depends on your specific use case, team size, and budget.</p></div></div>
1<div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-6"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">7</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">Are there free AI tools available?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-6" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">Yes, many top AI tools offer free tiers. ChatGPT, Grammarly, QuillBot, Canva AI, and Google Bard are free to use with limitations. Tools like Jasper, Copy.ai, and HubSpot AI offer freemium plans. Our AI tool directory filters by pricing — Free, Freemium, Paid, and Enterprise — so you can find the right fit for your budget.</p></div></div><div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-7"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">8</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">How do I choose the right AI tool for my business?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-7" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">To choose the right AI tool: (1) Define your use case — content creation, customer support, data analysis, etc. (2) Check pricing against your budget. (3) Look for integrations with your existing software stack. (4) Test free trials before committing. (5) Read user reviews for real-world performance. AI Suggests provides all this information in a single place for every tool in our AI tools list.</p></div></div><div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-8"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">9</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">What categories of AI tools does AI Suggests cover?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-8" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">AI Suggests covers 20+ categories: Content Writing, Marketing &amp; Automation, Lead Generation, Website &amp; Development, Design &amp; Creative, Analytics &amp; SEO, AI Chatbots &amp; Assistants, Email &amp; Outreach, Video &amp; Audio, Research &amp; Knowledge, E-Commerce &amp; Sales, HR &amp; Recruitment, Healthcare &amp; Medical, Legal &amp; Compliance, Finance &amp; Accounting, Productivity &amp; Workflow, Cybersecurity &amp; Privacy, Social Media Management, Data Science &amp; ML, and Education &amp; Learning.</p></div></div>
1<div class="bg-white border border-[#E8E4F4] rounded-2xl overflow-hidden transition-all hover:border-[#C7D2FE] hover:shadow-sm"><button class="w-full flex items-center justify-between gap-4 p-5 text-left group" aria-expanded="false" aria-controls="faq-answer-9"><div class="flex items-start gap-3 min-w-0"><span class="flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-[11px] font-bold mt-0.5" style="background:#F9F8FF;color:#A5A3C5">10</span><span class="text-sm font-semibold text-[#1E1B4B] group-hover:text-[#6366F1] transition-colors">Can I submit an AI tool to be listed in the directory?</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down flex-shrink-0 transition-transform duration-200 text-[#C5C3E0]"><path d="m6 9 6 6 6-6"></path></svg></button><div id="faq-answer-9" class="px-5 pb-5 pl-14" style="display:none"><p class="text-sm text-[#7C7AAD] leading-relaxed">Yes. You can submit any AI tool for consideration using the Submit a Tool form. Our editorial team reviews all submissions within 7 days. If approved, the tool is listed in the appropriate category with a full description, pricing details, feature list, and ratings — and included in our weekly AI tools list update.</p></div></div></div></div></section><footer class="border-t border-[#E8E4F4] mt-20 bg-[#F3F0FF]"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-14"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-12"><div><a class="inline-flex items-center mb-4" href="/"><img alt="AI Suggests" loading="lazy" width="125" height="36" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Flogo.png&amp;w=256&amp;q=75"/></a><p class="text-[13px] text-[#7C7AAD] leading-relaxed mb-5 max-w-xs">The most trusted AI tools directory — <!-- -->500+<!-- --> tools across 20+ categories, curated weekly by experts.</p><div class="flex items-center gap-2 mb-5"><a href="#" aria-label="Twitter" class="w-8 h-8 rounded-xl border border-[#E8E4F4] bg-white flex items-center justify-center text-[#7C7AAD] hover:text-[#6366F1] hover:border-[#C7D2FE] hover:bg-[#EEF2FF] transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter "><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="#" aria-label="LinkedIn" class="w-8 h-8 rounded-xl border border-[#E8E4F4] bg-white flex items-center justify-center text-[#7C7AAD] hover:text-[#6366F1] hover:border-[#C7D2FE] hover:bg-[#EEF2FF] transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin "><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="#" aria-label="GitHub" class="w-8 h-8 rounded-xl border border-[#E8E4F4] bg-white flex items-center justify-center text-[#7C7AAD] hover:text-[#6366F1] hover:border-[#C7D2FE] hover:bg-[#EEF2FF] transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github "><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div><a class="inline-flex items-center gap-1.5 text-[12px] font-semibold text-[#6366F1] bg-[#EEF2FF] border border-[#C7D2FE] px-3 py-1.5 rounded-full hover:bg-[#
1E0E7FF] transition-colors" href="/newsletter">✉️ Weekly digest →</a></div><div><p class="text-[11px] font-display font-bold text-[#A5A3C5] uppercase tracking-widest mb-4">Pages</p><div class="space-y-2.5"><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/about">About</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/newsletter">Newsletter</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/submit">Submit a Tool</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/contact">Contact</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/search">Search Tools</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/vendor">Vendor Hub</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/company/login">Company Login</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/privacy">Privacy Policy</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/terms">Terms of Use</a></div></div><div><p class="text-[11px] font-display font-bold text-[#A5A3C5] uppercase tracking-widest mb-4">Categories</p><div class="space-y-2.5"><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/content-writing"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-line text-[#6366F1]"><path d="M12 20h9"></path><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"></path></svg></span><span>Content Writing</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/marketing-automation"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone text-[#6366F1]"><path d="m3 11 18-5v12L3 14v-3z"></path><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"></path></svg></span><span>Marketing &amp; Automation</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/lead-generation"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target text-[#6366F1]"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></span><span>Lead Generation</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/website-development"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code2 text-[#6366F1]"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></span><span>Website &amp; Development</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/design-creative"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette text-[#6366F1]"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></span><span>Design &amp; Creative</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/analytics-seo"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bar-chart2 text-[#6366F1]"><line x1="18" x2="18" y1="20" y2="10"></line><line x1="12" x2="12" y1="20" y2="4"></line><line x1="6" x2="6" y1="20" y2="14"></line></svg></span><span>Analytics &amp; SEO</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/ai-chatbots"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot text-[#6366F1]"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><span>AI Chatbots &amp; Assistants</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/email-outreach"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-[#6366F1]"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></span><span>Email &amp; Outreach</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/video-audio"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video text-[#6366F1]"><path d="m22 8-6 4 6 4V8Z"></path><rect width="14" height="12" x="2" y="6" rx="2" ry="2"></rect></svg></span><span>Video &amp; Audio</span></a><a class="flex items-center gap-2 text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium group" href="/category/research-knowledge"><span class="text-[#6366F1] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open text-[#6366F1]"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg></span><span>Research &amp; Knowledge</span></a><a class="flex items-center gap-2 text-[13px] text-[#6366F1] hover:text-[#4F46E5] transition-colors font-semibold" href="/category"><span>→ All Categories</span></a></div></div><div><p class="text-[11px] font-display font-bold text-[#A5A3C5] uppercase tracking-widest mb-4">Decide</p><div class="space-y-2.5"><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/find">🔍 Find My AI Tool</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/use-cases">⚡ Use Cases</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/alternatives">🔄 Alternatives</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/industry">🏢 By Industry</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/stack-builder">
1🧱 Stack Builder</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/roi-calculator">💰 ROI Calculator</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/before-you-buy">🛒 Before You Buy</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/failures">⚠️ AI Failures</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/reality-report">📡 Reality Report</a><a class="block text-[13px] text-[#7C7AAD] hover:text-[#6366F1] transition-colors font-medium" href="/prompts">💬 Prompt Library</a></div></div></div><div class="pt-6 border-t border-[#E8E4F4] flex flex-col sm:flex-row items-center justify-between gap-3"><div class="flex items-center gap-4 flex-wrap justify-center sm:justify-start"><p class="text-[12px] text-[#A5A3C5] font-medium">© <!-- -->2026<!-- --> AISuggests · aisuggests.ai</p><div class="flex items-center gap-3"><a class="text-[12px] text-[#A5A3C5] hover:text-[#6366F1] transition-colors font-medium" href="/privacy">Privacy Policy</a><span class="text-[#E8E4F4]">·</span><a class="text-[12px] text-[#A5A3C5] hover:text-[#6366F1] transition-colors font-medium" href="/terms">Terms of Use</a></div></div><div class="flex items-center gap-2"><span class="text-[11px] font-medium px-2.5 py-1 rounded-full border border-[#E8E4F4] bg-white text-[#A5A3C5]">✅ Updated Weekly</span><span class="text-[11px] font-medium px-2.5 py-1 rounded-full border border-[#E8E4F4] bg-white text-[#A5A3C5]">🚫 No Paid Rankings</span><span class="text-[11px] font-medium px-2.5 py-1 rounded-full border border-[#E8E4F4] bg-white text-[#A5A3C5]">🤖 500+ Tools</span></div></div></div></footer>
1<script src="/_next/static/chunks/webpack-f3b37c6305db8091.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
1<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/636a5ac981f94f8b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/9d5a263311222317-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/c49dcee81b580683-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/css/11982ff37312a52f.css\",\"style\"]\n5:HL[\"/_next/static/css/bd259d0268177eee.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"6:I[12846,[],\"\"]\n9:I[88003,[\"2972\",\"static/chunks/2972-0520222033547cf4.js\",\"5963\",\"static/chunks/5963-c7672c78cb65ebc8.js\",\"1122\",\"static/chunks/1122-455787499a13daee.js\",\"2360\",\"static/chunks/2360-fe15628fd1eae122.js\",\"9030\",\"static/chunks/9030-48093cfbf33e392e.js\",\"3185\",\"static/chunks/app/layout-503996ae0d65810c.js\"],\"\"]\na:I[49294,[\"2972\",\"static/chunks/2972-0520222033547cf4.js\",\"5963\",\"static/chunks/5963-c7672c78cb65ebc8.js\",\"1122\",\"static/chunks/1122-455787499a13daee.js\",\"2360\",\"static/chunks/2360-fe15628fd1eae122.js\",\"9030\",\"static/chunks/9030-48093cfbf33e392e.js\",\"3185\",\"static/chunks/app/layout-503996ae0d65810c.js\"],\"default\"]\nb:I[70977,[\"2972\",\"static/chunks/2972-0520222033547cf4.js\",\"5963\",\"static/chunks/5963-c7672c78cb65ebc8.js\",\"1122\",\"static/chunks/1122-455787499a13daee.js\",\"2360\",\"static/chunks/2360-fe15628fd1eae122.js\",\"9030\",\"static/chunks/9030-48093cfbf33e392e.js\",\"3185\",\"static/chunks/app/layout-503996ae0d65810c.js\"],\"default\"]\nc:I[4707,[],\"\"]\nd:I[36423,[],\"\"]\nf:I[61060,[],\"\"]\n10:[]\n"])</script>
1<script>self.__next_f.push([1,"0:[\"$\",\"$L6\",null,{\"buildId\":\"YfsetBlkplcPsQPwDhsy8\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L7\",\"$L8\",null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/11982ff37312a52f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bd259d0268177eee.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_2471a8 __variable_62df8c\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"google-site-verification\",\"content\":\"dtRqDc6FtLTo43tiIR56DvMrGn1tw53cmcMMuDs_muk\"}],[\"$\",\"$L9\",null,{\"id\":\"gtm-script\",\"strategy\":\"afterInteractive\",\"children\":\"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;
1j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-NXGMM3LD');\"}],[\"$\",\"$L9\",null,{\"id\":\"clarity-script\",\"strategy\":\"afterInteractive\",\"children\":\"(function(c,l,a,r,i,t,y){\\n        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n        t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n    })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"wc3l3krrx0\\\");\"}],[\"$\",\"$L9\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-RBZLSTEGW9\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L9\",null,{\"id\":\"ga-script\",\"strategy\":\"afterInteractive\",\"children\":\"window.dataLayer = window.dataLayer || [];\\nfunction gtag(){dataLayer.push(arguments);}\\ngtag('js', new Date());\\ngtag('config', 'G-RBZLSTEGW9');\"}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-NXGMM3LD\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]}],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$Lc\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Ld\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]\n"])</script>
1<script>self.__next_f.push([1,"12:I[2122,[\"2972\",\"static/chunks/2972-0520222033547cf4.js\",\"3402\",\"static/chunks/3402-fc1a59e73b1f4419.js\",\"9030\",\"static/chunks/9030-48093cfbf33e392e.js\",\"9041\",\"static/chunks/9041-f4c5b5d86601c33b.js\",\"1516\",\"static/chunks/1516-dfde66cafd63c84e.js\",\"1931\",\"static/chunks/app/page-ab9ef09c9fae3db0.js\"],\"default\"]\n11:Td20,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"ItemList\",\"name\":\"Complete AI Tools Directory — AI Tools List 2026\",\"description\":\"Curated AI tools with reviews across 20+ categories — the most complete AI tool directory and AI tools list online.\",\"url\":\"https://aisuggests.ai\",\"numberOfItems\":483,\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Jasper AI\",\"description\":\"Enterprise AI writing for marketing teams\",\"url\":\"https://aisuggests.ai/tool/jasper-ai\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Copy.ai\",\"description\":\"90+ AI writing templates for every format\",\"url\":\"https://aisuggests.ai/tool/copy-ai\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Writesonic\",\"description\":\"Blog writer with real-time web browsing\",\"url\":\"https://aisuggests.ai/tool/writesonic\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Rytr\",\"description\":\"Affordable AI writing for freelancers and creators\",\"url\":\"https://aisuggests.ai/tool/rytr\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Anyword\",\"description\":\"Predictive performance copywriting AI\",\"url\":\"https://aisuggests.ai/tool/anyword\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Sudowrite\",\"description\":\"AI writing tool built for novelists\",\"url\":\"https://aisuggests.ai/tool/sudowrite\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"Wordtune\",\"description\":\"AI rewriter and sentence rephraser\",\"url\":\"https://aisuggests.ai/tool/wordtune\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Grammarly\",\"description\":\"AI writing assistant for grammar and tone\",\"url\":\"https://aisuggests.ai/tool/grammarly\"},{\"@type\":\"ListItem\",\"position\":9,\"name\":\"QuillBot\",\"description\":\"Paraphrasing and summarization tool\",\"url\":\"https://aisuggests.ai/tool/quillbot\"},{\"@type\":\"ListItem\",\"position\":10,\"name\":\"Notion AI\",\"description\":\"AI built into your workspace\",\"url\":\"https://aisuggests.ai/tool/notion-ai\"},{\"@type\":\"ListItem\",\"position\":11,\"name\":\"ChatGPT\",\"description\":\"The world's most popular AI writing assistant\",\"url\":\"https://aisuggests.ai/tool/chatgpt\"},{\"@type\":\"ListItem\",\"position\":12,\"name\":\"Claude by Anthropic\",\"description\":\"Safe and thoughtful long-form AI writing\",\"url\":\"https://aisuggests.ai/tool/claude\"},{\"@type\":\"ListItem\",\"position\":13,\"name\":\"Hypotenuse AI\",\"description\":\"Bulk AI content generation for e-commerce\",\"url\":\"https://aisuggests.ai/tool/hypotenuse-ai\"},{\"@type\":\"ListItem\",\"position\":14,\"name\":\"Ink for All\",\"description\":\"SEO-focused AI content editor\",\"url\":\"https://aisuggests.ai/tool/ink-for-all\"},{\"@type\":\"ListItem\",\"position\":15,\"name\":\"Longshot AI\",\"description\":\"Fact-checked long-form AI content\",\"url\":\"https://aisuggests.ai/tool/longshot-ai\"},{\"@type\":\"ListItem\",\"position\":16,\"name\":\"Scalenut\",\"description\":\"AI SEO content planner and writer\",\"url\":\"https://aisuggests.ai/tool/scalenut\"},{\"@type\":\"ListItem\",\"position\":17,\"name\":\"Simplified\",\"description\":\"All-in-one AI creator platform\",\"url\":\"https://aisuggests.ai/tool/simplified\"},{\"@type\":\"ListItem\",\"position\":18,\"name\":\"AI Writer\",\"description\":\"Citation-backed article generation\",\"url\":\"https://aisuggests.ai/tool/ai-writer\"},{\"@type\":\"ListItem\",\"position\":19,\"name\":\"Paragraph AI\",\"description\":\"Mobile-first AI writing assistant\",\"url\":\"https://aisuggests.ai/tool/paragraph-ai\"},{\"@type\":\"ListItem\",\"position\":20,\"name\":\"Articoolo\",\"description\":\"Quick article generation tool\",\"url\":\"https://aisuggests.ai/tool/articoolo\"}]}"])</script>
1<script>self.__next_f.push([1,"8:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"AI Suggests\\\",\\\"alternateName\\\":[\\\"AIsuggests.ai\\\",\\\"AI Tool Directory\\\",\\\"AI Tools List\\\"],\\\"url\\\":\\\"https://aisuggests.ai\\\",\\\"description\\\":\\\"The #1 AI tool directory online. Browse curated AI tools with verified reviews across 20 categories including writing, marketing, design, development, healthcare, legal, and finance. The most complete AI tools list updated weekly.\\\",\\\"keywords\\\":\\\"ai tool directory, ai tool list, ai list, ai tool reviews, best ai tools, artificial intelligence tools directory\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://aisuggests.ai/search?q={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"AI Suggests\\\",\\\"url\\\":\\\"https://aisuggests.ai\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"AI Suggests\\\",\\\"url\\\":\\\"https://aisuggests.ai\\\",\\\"logo\\\":\\\"https://aisuggests.ai/logo.png\\\",\\\"sameAs\\\":[\\\"https://twitter.com/aisuggests\\\"],\\\"description\\\":\\\"AI Suggests is the most comprehensive AI tool directory and AI tools list online, featuring curated AI tools with verified reviews across 20+ categories, updated weekly by a community of 80,000+ professionals.\\\",\\\"foundingDate\\\":\\\"2024\\\",\\\"areaServed\\\":\\\"Worldwide\\\",\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"contactType\\\":\\\"customer support\\\",\\\"url\\\":\\\"https://aisuggests.ai/contact\\\"},\\\"knowsAbout\\\":[\\\"AI Tool Directory\\\",\\\"AI Tools List\\\",\\\"AI Tool Reviews\\\",\\\"Artificial Intelligence\\\",\\\"Machine Learning Tools\\\",\\\"AI Writing Tools\\\",\\\"Marketing Automation\\\",\\\"Generative AI\\\",\\\"Large Language Models\\\",\\\"AI Chatbots\\\",\\\"Computer Vision AI\\\"]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$11\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"name\\\":\\\"Best AI Tools Directory 2026 — Reviewed \u0026 Ranked | AI Suggests\\\",\\\"description\\\":\\\"Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly.\\\",\\\"url\\\":\\\"https://aisuggests.ai/\\\",\\\"dateModified\\\":\\\"2026-09-01\\\",\\\"inLanguage\\\":\\\"en-US\\\",\\\"isPartOf\\\":{\\\"@type\\\":\\\"WebSite\\\",\\\"url\\\":\\\"https://aisuggests.ai\\\",\\\"name\\\":\\\"AI Suggests\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"AI Suggests\\\",\\\"url\\\":\\\"https://aisuggests.ai\\\"},\\\"speakable\\\":{\\\"@type\\\":\\\"SpeakableSpecification\\\",\\\"cssSelector\\\":[\\\"h1\\\",\\\".hero-tagline\\\",\\\".hero-description\\\",\\\".trending-section h2\\\"]}}\"}}],[\"$\",\"$L12\",null,{}]]\n"])</script>
1<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Best AI Tools Directory 2026 — Reviewed \u0026 Ranked | AI Suggests\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"AI tools Directory,best AI tools 2026,AI tools list,ai tool directory,ai tool list,ai list,ai tool reviews,best ai tools,artificial intelligence tools,ai software directory,free ai tools,AI prompt library,ChatGPT alternatives,AI writing tools,AI coding tools,AI design tools,generative AI tools,search AI tools by task,search AI tools by use case,search AI tools by budget,search AI tools by skill level,find AI tools for my job\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"6\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"7\",{\"name\":\"msvalidate.01\",\"content\":\"E5983079FE6D7415E41C120D4C124EE7\"}],[\"$\",\"meta\",\"8\",{\"name\":\"google-site-verification\",\"content\":\"dtRqDc6FtLTo43tiIR56DvMrGn1tw53cmcMMuDs_muk\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://aisuggests.ai\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Be
1st AI Tools Directory 2026 — Reviewed \u0026 Ranked | AI Suggests\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://aisuggests.ai\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"AI Suggests\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://aisuggests.ai/logo.png\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:width\",\"content\":\"932\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:height\",\"content\":\"268\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:alt\",\"content\":\"AI Suggests — Best AI Tools Directory 2026\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:site\",\"content\":\"@aisuggests\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Be
1st AI Tools Directory 2026 — Reviewed \u0026 Ranked | AI Suggests\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"Discover the best AI tools across 20+ categories. Compare pricing, read verified reviews, and find the right AI tools for content writing, marketing, design, SEO, and more. Updated weekly.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image\",\"content\":\"https://aisuggests.ai/logo.png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"16x16 32x32 48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"meta\",\"29\",{\"name\":\"next-size-adjust\"}]]\n"])</script>
1<script>self.__next_f.push([1,"7:null\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.