> ## Documentation Index
> Fetch the complete documentation index at: https://help.mercury360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Mercury 360 Help Center

> Find answers about our different products' hiring workflows, candidate management, AI features, integrations, and billing—all in one place.

<div className="mx-auto flex w-full max-w-5xl flex-col gap-14 px-4 py-12 lg:py-16">
  <div className="flex flex-col items-center gap-12">
    <div className="flex w-full max-w-lg flex-col gap-1">
      <h1 className="text-center text-4xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">
        How can we help?
      </h1>

      <p className="text-center text-balance text-base text-gray-600 dark:text-gray-400 mt-2">
        Search the Mercury 360 Help Center for setup guides, feature walkthroughs, AI hiring tips, and support—all in one place.
      </p>
    </div>

    <div className="flex w-full max-w-lg flex-col gap-4">
      <div className="flex w-full flex-col gap-2.5 sm:flex-row sm:items-stretch">
        <div className="kb-search-entry min-w-0 w-full flex-1">
          <button type="button" data-search-trigger className="pointer-events-auto flex h-11 w-full cursor-pointer items-center justify-between gap-2 truncate rounded-full bg-gray-50 pl-4 pr-3 text-left text-sm font-normal leading-6 text-gray-500 shadow-none hover:text-gray-500 ring-1 ring-gray-100 hover:ring-gray-200 dark:bg-white/[0.04] dark:text-white/50 dark:hover:text-white/50 dark:ring-1 dark:ring-white/[0.08] dark:hover:ring-white/15">
            <div className="flex min-w-0 flex-1 items-center gap-2">
              <Icon icon="search" size={14} className="shrink-0 text-gray-700 dark:text-gray-400" />

              <div className="min-w-0 truncate font-normal text-gray-500 hover:text-gray-500 dark:text-white/50 dark:hover:text-white/50">
                Search for articles
              </div>
            </div>

            <span className="flex-none text-xs font-semibold text-gray-500 hover:text-gray-500 dark:text-white/50 dark:hover:text-white/50">
              ⌘K
            </span>
          </button>
        </div>

        <button type="button" id="custom-homepage-assistant-entry" data-assistant-trigger aria-label="Ask AI" className="group/ai flex pointer-events-auto h-11 w-full shrink-0 cursor-pointer flex-row items-center justify-center gap-1.5 rounded-full bg-gray-50 px-4 text-sm font-normal leading-6 text-gray-500 shadow-none ring-1 ring-gray-100 hover:text-gray-600 hover:ring-gray-200 dark:bg-white/[0.04] dark:text-white/50 dark:ring-1 dark:ring-white/[0.08] dark:hover:text-white/70 dark:hover:ring-white/15 sm:w-auto">
          <Icon icon="sparkles" size={16} className="shrink-0 text-gray-700 group-hover/ai:text-gray-800 dark:text-gray-400 dark:group-hover/ai:text-gray-200" />

          <span className="whitespace-nowrap text-gray-500 dark:text-white/50">Ask AI</span>
        </button>
      </div>

      <div className="flex flex-wrap items-center justify-center gap-3 text-sm text-gray-500 dark:text-gray-400">
        <span>Popular searches</span>

        <div className="flex flex-wrap justify-center gap-1">
          {['AI screening', 'talent pool', 'pricing'].map((term) => (
                                                <button
                                                  key={term}
                                                  type="button"
                                                  data-popular-search
                                                  data-term={term}
                                                  className="rounded-md bg-gray-100 px-1.5 py-1 font-mono text-xs font-bold uppercase tracking-tight text-gray-600 transition hover:bg-gray-200 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/15"
                                                >
                                                  {term.toUpperCase()}
                                                </button>
                                              ))}
        </div>
      </div>
    </div>
  </div>

  <div className="flex flex-col gap-4">
    <h3 className="text-base font-medium text-gray-900 dark:text-gray-50">Featured guides</h3>

    <Columns cols={3}>
      <Card horizontal icon="rocket" iconType="light" title="Get Started" href="/getting-started">
        Account setup, team roles, billing, and your first job posting
      </Card>

      <Card horizontal icon="star" iconType="light" title="Features" href="/features">
        Job management, AI screening, candidate tracking, assessments, and analytics
      </Card>

      <Card horizontal icon="life-buoy" iconType="light" title="Support" href="/support">
        FAQ, security & compliance, and how to contact us
      </Card>
    </Columns>
  </div>

  ***

  <div className="flex flex-col gap-4">
    <h3 className="text-base font-medium text-gray-900 dark:text-gray-50">All guides</h3>

    <Columns cols={3}>
      <Card title="Plans & Billing" icon="credit-card" iconType="light" href="/getting-started/billing" cta="3 articles">
        Compare plans, free trial, and upgrading your account
      </Card>

      <Card title="AI & Automation" icon="sparkles" iconType="light" href="/features/ai-automation" cta="Read article">
        Resume parsing, ATS scoring, and automated hiring workflows
      </Card>

      <Card title="Integrations" icon="plug" iconType="light" href="/integrations" cta="2 articles">
        Connect job boards, HR tools, and productivity platforms
      </Card>

      <Card title="Candidate Management" icon="users" iconType="light" href="/features/candidate-management" cta="Read article">
        Unified profiles, collaborative hiring, and candidate communications
      </Card>

      <Card title="Talent Pool" icon="database" iconType="light" href="/features/talent-pool" cta="Read article">
        Build a ready-to-hire pipeline and engage passive candidates
      </Card>

      <Card title="Security & Compliance" icon="shield-check" iconType="light" href="/support/security-and-compliance" cta="Read article">
        GDPR compliance, data security, and audit-ready workflows
      </Card>
    </Columns>
  </div>

  ***

  <div className="flex flex-col gap-2">
    <h3 className="text-base font-medium text-gray-900 dark:text-gray-50">Suggested articles</h3>

    <p className="text-base text-gray-600 dark:text-gray-400">
      Popular starting points from the Mercury Recruit Help Center
    </p>
  </div>

  <Columns cols={2} className="suggested-articles">
    <Card title="Quickstart: start hiring in under 15 minutes" icon="timer" iconType="light" href="/getting-started/quickstart" cta="Read article">
      A fast path from signup to your first published job posting and candidate review.
    </Card>

    <Card title="Screen candidates with AI" icon="sparkles" iconType="light" href="/guides/screening-candidates" cta="Read article">
      Use ATS scoring and AI ranking to shortlist qualified candidates in minutes.
    </Card>

    <Card title="Set up team roles and permissions" icon="shield" iconType="light" href="/getting-started/team-and-roles" cta="Read article">
      Invite your hiring team and assign role-based access to keep data secure.
    </Card>

    <Card title="Post your first job" icon="briefcase" iconType="light" href="/guides/posting-a-job" cta="Read article">
      Create a job posting using templates or AI, configure your pipeline, and go live.
    </Card>
  </Columns>
</div>