Home

<div class="hh-hero-section" style="position: relative; overflow: hidden; padding: 0 20px; background-color: #050505; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; text-align: center;">
    
    <div style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 600px; height: 400px; background: radial-gradient(circle, rgba(106, 103, 235, 0.08) 0%, rgba(5, 5, 5, 0) 70%); z-index: 1; pointer-events: none;"></div>

    <div class="hh-hero-content" style="max-width: 900px; margin: 0 auto; position: relative; z-index: 2;">
        
        <div style="font-size: 0.85rem; color: #6a67eb; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; padding-top: 40px;">
            The Decision Engine
        </div>

        <h1 style="font-size: 4.5rem; font-weight: 700; line-height: 1.05; letter-spacing: -0.04em; margin-bottom: 40px;
                   background: linear-gradient(180deg, #FFFFFF 30%, #999999 100%); 
                   -webkit-background-clip: text; 
                   -webkit-text-fill-color: transparent;
                   background-clip: text;
                   color: #ffffff;">
            You're more than<br>a resume.
        </h1>

        <p style="font-size: 1.25rem; color: #999999; line-height: 1.6; max-width: 750px; margin: 0 auto 60px auto;">
            Hidden Hires is a private exchange where top-tier candidates share deep insights you won’t find anywhere else. It’s a smarter approach to hiring that rewards talent for their transparency and gives recruiters a decisive advantage.
        </p>

        <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; align-items: center; padding-bottom: 40px;">
            
            <a href="https://hiddenhires.com/for_candidates" 
               onmouseover="this.style.transform='translateY(-4px)'" 
               onmouseout="this.style.transform='translateY(0)'"
               style="background: #ffffff; color: #050505; padding: 18px 36px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); font-size: 1rem; display: inline-block;">
                Join as Candidate
            </a>

            <a href="https://hiddenhires.com/for_employers" 
               onmouseover="this.style.transform='translateY(-4px)'" 
               onmouseout="this.style.transform='translateY(0)'"
               style="background: #111111; color: #ffffff; border: 1px solid #222222; padding: 18px 36px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); font-size: 1rem; display: inline-block;">
                Start Scouting
            </a>

        </div>

        <div style="padding-bottom: 60px;">
            <a href="#next-section" 
               onmouseover="this.style.transform='translateY(-2px)'; this.style.color='#ffffff'" 
               onmouseout="this.style.transform='translateY(0)'; this.style.color='#6a67eb'"
               style="color: #6a67eb; text-decoration: none; font-size: 0.95rem; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s ease;">
                Learn how it works <span style="font-size: 1.2rem;">↓</span>
            </a>
        </div>

    </div>

</div>

Hero

Html section

<div id="next-section" class="hh-definition-section" style="padding: 0 20px; background-color: #050505; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">

    <div style="max-width: 800px; margin: 0 auto 80px auto; text-align: center; padding-top: 40px;">
        
        <div style="font-size: 0.9rem; color: #6a67eb; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 20px;">
            The Platform
        </div>

        <h2 style="font-size: 3rem; font-weight: 600; line-height: 1.1; color: #ffffff; letter-spacing: -0.02em; margin-bottom: 24px;">
            The first double-blind<br>
            <span style="color: #999999;">career operating system.</span>
        </h2>

        <p style="font-size: 1.25rem; color: #999999; line-height: 1.6; max-width: 600px; margin: 0 auto;">
            Hidden Hires is a private exchange where elite talent and serious employers connect based on compatibility data, not social noise.
        </p>

    </div>

    <div style="display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; max-width: 1200px; margin: 0 auto; padding-bottom: 40px;">

        <div class="hh-pillar-card" style="flex: 1; min-width: 300px; background: #111111; padding: 40px; border-radius: 24px; border: 1px solid #222222;">
            <div style="width: 50px; height: 50px; background: rgba(106, 103, 235, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#6a67eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
            </div>
            <h3 style="font-size: 1.5rem; color: #fff; margin-bottom: 12px; font-weight: 600;">Anonymous First.</h3>
            <p style="color: #999999; line-height: 1.5; font-size: 1.05rem;">
                Bias is eliminated when identity is hidden. Names, faces, and company history are revealed only when mutual interest is established.
            </p>
        </div>

        <div class="hh-pillar-card" style="flex: 1; min-width: 300px; background: #111111; padding: 40px; border-radius: 24px; border: 1px solid #222222;">
            <div style="width: 50px; height: 50px; background: rgba(106, 103, 235, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#6a67eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
            </div>
            <h3 style="font-size: 1.5rem; color: #fff; margin-bottom: 12px; font-weight: 600;">Deep Context.</h3>
            <p style="color: #999999; line-height: 1.5; font-size: 1.05rem;">
                Resumes are flat. This engine captures the unsearchable data—trade-offs, failures, and actual wins—to build a true professional narrative.
            </p>
        </div>

        <div class="hh-pillar-card" style="flex: 1; min-width: 300px; background: #111111; padding: 40px; border-radius: 24px; border: 1px solid #222222;">
            <div style="width: 50px; height: 50px; background: rgba(106, 103, 235, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#6a67eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
            </div>
            <h3 style="font-size: 1.5rem; color: #fff; margin-bottom: 12px; font-weight: 600;">Vector Matching.</h3>
            <p style="color: #999999; line-height: 1.5; font-size: 1.05rem;">
                The Decision Engine analyzes thousands of data points to generate a precise Compatibility Score, ensuring every connection is high-intent.
            </p>
        </div>

    </div>

</div>

About

<div class="hh-bias-wrapper">
  <style>
    /* DARK APPLE DESIGN SYSTEM - SCOPED TO WRAPPER */
    .hh-bias-wrapper {
      --hh-bg: #050505;
      --hh-card-bg: #111111;
      --hh-card-border: #222222;
      --hh-text-main: #ffffff;
      --hh-text-muted: #999999;
      --hh-brand-purple: #6a67eb;
      --hh-radius: 12px;
      
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      background-color: var(--hh-bg);
      color: var(--hh-text-main);
      padding: 60px 20px;
      box-sizing: border-box;
      width: 100%;
      border-radius: var(--hh-radius);
    }
  
    .hh-bias-header {
      text-align: center;
      max-width: 600px;
      margin: 0 auto 48px auto;
    }
  
    .hh-bias-header h2 {
      font-size: 32px;
      font-weight: 600;
      margin: 0 0 12px 0;
      letter-spacing: -0.02em;
      color: var(--hh-text-main);
    }
  
    .hh-bias-header p {
      font-size: 16px;
      color: var(--hh-text-muted);
      line-height: 1.5;
      margin: 0;
    }
  
    /* GRID LAYOUT */
    .hh-bias-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 24px;
      max-width: 1100px;
      margin: 0 auto;
    }
  
    /* CARD STYLING */
    .hh-bias-card {
      background-color: var(--hh-card-bg);
      border: 1px solid var(--hh-card-border);
      border-radius: var(--hh-radius);
      padding: 32px;
      transition: transform 0.2s ease, border-color 0.2s ease;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .hh-bias-card:hover {
      border-color: var(--hh-brand-purple);
      transform: translateY(-2px);
    }
  
    /* ICON STYLING */
    .hh-icon-box {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(106, 103, 235, 0.1);
      border-radius: 8px;
      margin-bottom: 24px;
      color: var(--hh-brand-purple);
    }
  
    .hh-icon-box svg {
      width: 24px;
      height: 24px;
      stroke: currentColor;
      stroke-width: 2;
      fill: none;
    }
  
    .hh-bias-card h3 {
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 12px 0;
      color: var(--hh-text-main);
    }
  
    .hh-bias-card p {
      font-size: 14px;
      color: var(--hh-text-muted);
      line-height: 1.6;
      margin: 0;
    }
  </style>

  <div class="hh-bias-header">
    <h2>Engineered to Eliminate Bias.</h2>
    <p>We treat bias as a system error. We fixed it by replacing "gut feeling" with blind data loops. No photos, no names, just capability.</p>
  </div>

  <div class="hh-bias-grid">
    
    <div class="hh-bias-card">
      <div class="hh-icon-box">
        <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round">
          <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path>
          <line x1="1" y1="1" x2="23" y2="23"></line>
        </svg>
      </div>
      <h3>Blind by Design</h3>
      <p>LinkedIn is a beauty contest; Hidden Hires is a Decision Engine. We hide names, faces, and demographics by default. Employers judge you on your architectural precision, not your profile picture.</p>
    </div>

    <div class="hh-bias-card">
      <div class="hh-icon-box">
        <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round">
          <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
          <polyline points="2 17 12 22 22 17"></polyline>
          <polyline points="2 12 12 17 22 12"></polyline>
        </svg>
      </div>
      <h3>Merit Over Marketing</h3>
      <p>Traditional platforms reward candidates who know how to "game" the keyword algorithms. We use structured data models to match skills to needs, neutralizing the advantage of resume stuffers.</p>
    </div>

    <div class="hh-bias-card">
      <div class="hh-icon-box">
        <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round">
          <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
          <circle cx="9" cy="7" r="4"></circle>
          <path d="M23 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>
      <h3>The End of "Who You Know"</h3>
      <p>Referrals breed homogeneity. We democratize access by treating every candidate as a data point of equal weight. The only metric that matters is the match score.</p>
    </div>

  </div>
</div>

Bias Mitigation

<div class="hh-feature-section" style="margin-top: 80px; padding: 0 20px;">

    <div class="hh-split-container" style="display: flex; flex-wrap: wrap; align-items: center; gap: 60px;">
        
        <div class="hh-text-column" style="flex: 1; min-width: 320px;">
            
            <div class="hh-hero-title" style="font-size: 3.5rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: #f5f5f7; margin-bottom: 50px;">
                Candidate data you can't find online.
            </div>

            <div class="hh-feature-list" style="display: flex; flex-direction: column; gap: 40px;">
                
                <div class="hh-feature-item">
                    <div style="font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 8px;">High Intent Only.</div>
                    <div style="font-size: 1.1rem; color: #86868b; line-height: 1.5;">
                        We don't scrape the web. Every data point comes directly from candidates actively seeking a <strong>hiring outcome</strong>.
                    </div>
                </div>

                <div class="hh-feature-item">
                    <div style="font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 8px;">100% Signal.</div>
                    <div style="font-size: 1.1rem; color: #86868b; line-height: 1.5;">
                        Zero social noise. No "Open to Work" banners. Just pure capability matching based on deep onboarding.
                    </div>
                </div>

                <div class="hh-feature-item">
                    <div style="font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 8px; display: flex; align-items: center;">
                        The Dividend
                        <span style="font-size: 0.7rem; background: rgba(106, 103, 235, 0.2); color: #6a67eb; padding: 4px 8px; border-radius: 12px; margin-left: 12px; letter-spacing: 0.05em; text-transform: uppercase;">Wealth Transfer</span>
                    </div>
                    <div style="font-size: 1.1rem; color: #86868b; line-height: 1.5;">
                        We share the success. When a match is made, we commit 20% of the placement fee back to the talent.
                    </div>
                </div>

            </div>

            <div style="margin-top: 50px;">
                <a href="/for-employers" style="
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    padding: 18px 40px;
                    background-color: #ffffff;
                    color: #000000;
                    border-radius: 50px;
                    font-weight: 700;
                    font-size: 1.1rem;
                    text-decoration: none;
                    box-shadow: 0 10px 30px rgba(255,255,255,0.15);
                    border: none;
                ">
                    Start Hiring
                    <span style="margin-left: 10px; font-weight: bold;">→</span>
                </a>
            </div>

        </div>

        <div class="hh-image-column" style="flex: 1; min-width: 320px; display: flex; justify-content: center; position: relative; min-height: 500px; align-items: center;">
            
            <div style="
                position: absolute; 
                top: 50%; 
                left: 50%; 
                transform: translate(-50%, -50%); 
                width: 300px; 
                height: 300px; 
                background-color: #6a67eb; 
                border-radius: 50%;
                filter: blur(100px); 
                opacity: 0.6; 
                z-index: 0;
                pointer-events: none;
            "></div>

            <img src="http://media.hiddenhires.com/hh-iphonerender-employer.png" 
                 alt="Hidden Hires Interface" 
                 style="position: relative; z-index: 1; width: 100%; max-width: 440px; height: auto; 
                        filter: drop-shadow(0 0 30px rgba(106, 103, 235, 0.5)) drop-shadow(0 30px 60px rgba(0,0,0,0.9));">
        </div>

    </div>

</div>

Employer Selling Point

<div class="hh-feature-section" style="margin-top: 100px; padding: 0 20px;">

    <div class="hh-split-container" style="display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 60px;">
        
        <div class="hh-image-column" style="flex: 1; min-width: 320px; display: flex; justify-content: center; position: relative; min-height: 500px; align-items: center;">
            
            <div style="
                position: absolute; 
                top: 50%; 
                left: 50%; 
                transform: translate(-50%, -50%); 
                width: 300px; 
                height: 300px; 
                background-color: #6a67eb; 
                border-radius: 50%;
                filter: blur(100px); 
                opacity: 0.5; 
                z-index: 0;
                pointer-events: none;
            "></div>

            <img src="https://media.hiddenhires.com/hh-iphonerender-candidateonboard.png" 
                 alt="Hidden Hires Candidate Interface" 
                 style="position: relative; z-index: 1; width: 100%; max-width: 440px; height: auto; 
                        filter: drop-shadow(0 0 30px rgba(106, 103, 235, 0.4)) drop-shadow(0 30px 60px rgba(0,0,0,0.9));">
        </div>

        <div class="hh-text-column" style="flex: 1; min-width: 320px;">
            
            <div class="hh-hero-title" style="font-size: 3.5rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: #f5f5f7; margin-bottom: 50px;">
                Your voice.<br>
                Our engine.
            </div>

            <div class="hh-feature-list" style="display: flex; flex-direction: column; gap: 40px;">
                
                <div class="hh-feature-item">
                    <div style="font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 8px;">Voice or Text.</div>
                    <div style="font-size: 1.1rem; color: #86868b; line-height: 1.5;">
                        Forget cover letters. Spend 15 minutes answering high-signal prompts using your microphone or keyboard. It's the easiest interview you'll ever have.
                    </div>
                </div>

                <div class="hh-feature-item">
                    <div style="font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 8px;">Proven Inquiry.</div>
                    <div style="font-size: 1.1rem; color: #86868b; line-height: 1.5;">
                        We ask the hard questions—about trade-offs, failures, and complex wins—designed to extract the data standard resumes hide.
                    </div>
                </div>

                <div class="hh-feature-item">
                    <div style="font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 8px; display: flex; align-items: center;">
                        Compatibility Score
                        <span style="font-size: 0.7rem; background: rgba(106, 103, 235, 0.2); color: #6a67eb; padding: 4px 8px; border-radius: 12px; margin-left: 12px; letter-spacing: 0.05em; text-transform: uppercase;">ALGORITHM</span>
                    </div>
                    <div style="font-size: 1.1rem; color: #86868b; line-height: 1.5;">
                        We don't just guess. Our vector analysis maps your answers against employer needs to generate a precise <strong>Compatibility Score</strong>.
                    </div>
                </div>

            </div>

            <div style="margin-top: 50px;">
                <a href="/candidate-profile" style="
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    padding: 18px 40px;
                    background-color: #ffffff;
                    color: #000000;
                    border-radius: 50px;
                    font-weight: 700;
                    font-size: 1.1rem;
                    text-decoration: none;
                    box-shadow: 0 10px 30px rgba(255,255,255,0.15);
                    border: none;
                    white-space: nowrap; /* Ensures text stays on one line */
                ">
                    Build your candidate profile
                    <span style="margin-left: 10px; font-weight: bold;">→</span>
                </a>
            </div>

        </div>

    </div>

</div>

Candidate Selling Point

<div class="hh-dividend-section" style="padding: 100px 20px; background: linear-gradient(180deg, #000000 0%, #0a0a0a 100%); border-top: 1px solid rgba(255,255,255,0.05);">

    <div class="hh-dividend-container" style="max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 60px;">

        <div style="flex: 1; min-width: 300px; text-align: center;">
            <div style="font-size: 10rem; line-height: 0.8; font-weight: 800; letter-spacing: -0.05em; 
                        background: linear-gradient(135deg, #ffffff 30%, #6a67eb 100%); 
                        -webkit-background-clip: text; 
                        -webkit-text-fill-color: transparent;
                        filter: drop-shadow(0 0 40px rgba(106, 103, 235, 0.2));">
                20%
            </div>
            <div style="font-size: 1.2rem; font-weight: 700; color: #6a67eb; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 20px;">
                Wealth Transfer
            </div>
        </div>

        <div style="flex: 1; min-width: 320px;">
            
            <h2 style="font-size: 3rem; font-weight: 700; color: #f5f5f7; line-height: 1.1; margin-bottom: 24px;">
                Share the success.
            </h2>

            <p style="font-size: 1.25rem; color: #a1a1a6; line-height: 1.6; margin-bottom: 30px;">
                We champion a new economic model for recruiting. When you are hired through a Hidden Hires <strong>Partner</strong>, we don't keep the whole fee.
            </p>

            <p style="font-size: 1.25rem; color: #f5f5f7; line-height: 1.6; margin-bottom: 40px; border-left: 3px solid #6a67eb; padding-left: 20px;">
                At your 90-day anniversary, <strong>20% of the placement fee</strong> is paid directly back to you.
            </p>

            <div style="background: rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 20px; display: flex; align-items: start; gap: 16px;">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#86868b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink: 0; margin-top: 2px;"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
                
                <div style="font-size: 0.95rem; color: #86868b; line-height: 1.5;">
                    <strong style="color: #fff;">Partner vs. Scout:</strong> The Dividend is exclusive to placements made by <em>Partners</em> (our verified internal recruiters). Placements made by external <em>Scouts</em> operate on a standard referral basis.
                </div>
            </div>

        </div>

    </div>

</div>

About Dividend

<div class="hh-pricing-section" style="padding: 100px 20px; background-color: #000000; border-top: 1px solid rgba(255,255,255,0.05);">

    <div style="max-width: 1000px; margin: 0 auto;">

        <div style="text-align: center; margin-bottom: 60px;">
            <h2 style="font-size: 3rem; font-weight: 700; color: #f5f5f7; letter-spacing: -0.02em; line-height: 1.1;">
                Membership Tiers
            </h2>
        </div>

        <div style="margin-bottom: 80px;">
            <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 30px;">
                <div style="font-size: 1.5rem; color: #fff; font-weight: 600;">For Candidates</div>
                <div style="height: 1px; flex: 1; background: rgba(255,255,255,0.1);"></div>
            </div>

            <div style="display: flex; gap: 24px; flex-wrap: wrap;">
                
                <div style="flex: 1; min-width: 280px; background: #1c1c1e; border-radius: 20px; padding: 30px; border: 1px solid rgba(255,255,255,0.05); display: flex; flex-direction: column;">
                    <div style="font-size: 1.25rem; color: #fff; font-weight: 600; margin-bottom: 4px;">Standard</div>
                    <div style="font-size: 0.9rem; color: #86868b; margin-bottom: 20px;">The essential profile.</div>
                    <div style="font-size: 2rem; color: #fff; font-weight: 700; margin-bottom: 24px;">Free</div>
                    
                    <ul style="list-style: none; padding: 0; margin: 0 0 30px 0; color: #a1a1a6; font-size: 0.95rem; display: flex; flex-direction: column; gap: 12px; flex: 1;">
                        <li>✓ Anonymous Profile</li>
                        <li>✓ AI Compatibility Matching</li>
                        <li>✓ Voice & Text Onboarding</li>
                    </ul>

                    <a href="/candidate-profile" style="display: block; width: 100%; padding: 14px 0; text-align: center; border: 1px solid rgba(255,255,255,0.2); border-radius: 50px; color: #fff; text-decoration: none; font-weight: 600; transition: all 0.2s;">
                        Build Profile
                    </a>
                </div>

                <div style="flex: 1; min-width: 280px; background: rgba(106, 103, 235, 0.08); border-radius: 20px; padding: 30px; border: 1px solid #6a67eb; position: relative; display: flex; flex-direction: column;">
                    <div style="font-size: 1.25rem; color: #fff; font-weight: 600; margin-bottom: 4px;">Pro</div>
                    <div style="font-size: 0.9rem; color: #6a67eb; margin-bottom: 20px;">Maximum Visibility.</div>
                    <div style="font-size: 2rem; color: #fff; font-weight: 700; margin-bottom: 24px;">$29<span style="font-size: 1rem; color: #86868b; font-weight: 400;">/mo</span></div>
                    
                    <ul style="list-style: none; padding: 0; margin: 0 0 30px 0; color: #f5f5f7; font-size: 0.95rem; display: flex; flex-direction: column; gap: 14px; flex: 1;">
                        <li style="color: #fff;">
                            <strong>✦ Priority Placement</strong><br>
                            <span style="font-size: 0.85rem; color: #a1a1a6; font-weight: 400;">Rank higher in employer searches.</span>
                        </li>
                        <li style="color: #fff;">
                            <strong>✦ Candidate Concierge AI</strong><br>
                            <span style="font-size: 0.85rem; color: #a1a1a6; font-weight: 400;">Expert resume & interview tools.</span>
                        </li>
                        <li style="color: #fff;">
                            <strong>✦ Premium Support</strong><br>
                            <span style="font-size: 0.85rem; color: #a1a1a6; font-weight: 400;">1 business day SLA.</span>
                        </li>
                    </ul>

                    <a href="/candidate-pro" style="display: block; width: 100%; padding: 14px 0; text-align: center; background: #ffffff; border-radius: 50px; color: #000; text-decoration: none; font-weight: 700; transition: all 0.2s;">
                        Get Priority
                    </a>
                </div>

            </div>
        </div>


        <div>
            <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 30px;">
                <div style="font-size: 1.5rem; color: #fff; font-weight: 600;">For Employers</div>
                <div style="height: 1px; flex: 1; background: rgba(255,255,255,0.1);"></div>
            </div>

            <div style="display: flex; gap: 24px; flex-wrap: wrap;">
                
                <div style="flex: 1; min-width: 280px; background: #1c1c1e; border-radius: 20px; padding: 30px; border: 1px solid rgba(255,255,255,0.05); display: flex; flex-direction: column;">
                    <div style="font-size: 1.25rem; color: #fff; font-weight: 600; margin-bottom: 4px;">Scout</div>
                    <div style="font-size: 0.9rem; color: #86868b; margin-bottom: 20px;">For hiring 5-10 candidates/mo.</div>
                    <div style="font-size: 2rem; color: #fff; font-weight: 700; margin-bottom: 24px;">$199<span style="font-size: 1rem; color: #86868b; font-weight: 400;">/mo</span></div>
                    
                    <ul style="list-style: none; padding: 0; margin: 0 0 30px 0; color: #a1a1a6; font-size: 0.95rem; display: flex; flex-direction: column; gap: 12px; flex: 1;">
                        <li style="color: #fff;"><strong>⚡ 500 Credits Included</strong></li>
                        <li>✓ Instant Activation</li>
                        <li>✓ Client-Ready Exports</li>
                        <li style="opacity: 0.6;">✕ No Dividend Eligibility</li>
                    </ul>

                    <a href="/employer-scout" style="display: block; width: 100%; padding: 14px 0; text-align: center; background: #ffffff; border-radius: 50px; color: #000; text-decoration: none; font-weight: 700; transition: all 0.2s;">
                        Start Scouting
                    </a>
                </div>

                <div style="flex: 1; min-width: 280px; background: rgba(106, 103, 235, 0.08); border-radius: 20px; padding: 30px; border: 1px solid #6a67eb; position: relative; display: flex; flex-direction: column;">
                    <div style="font-size: 1.25rem; color: #fff; font-weight: 600; margin-bottom: 4px;">Partner</div>
                    <div style="font-size: 0.9rem; color: #6a67eb; margin-bottom: 20px;">Enterprise Orgs (10+ Hires).</div>
                    <div style="font-size: 2rem; color: #fff; font-weight: 700; margin-bottom: 24px;">Vetted</div>
                    
                    <ul style="list-style: none; padding: 0; margin: 0 0 30px 0; color: #f5f5f7; font-size: 0.95rem; display: flex; flex-direction: column; gap: 12px; flex: 1;">
                        <li style="color: #fff;"><strong>✦ Unlimited Access</strong></li>
                        <li style="color: #fff;"><strong>✦ White Glove Support</strong></li>
                        <li>✓ 20/20 Dividend Enabled</li>
                        <li>✓ Custom Matching Rules</li>
                    </ul>

                    <a href="/employer-partner" style="display: block; width: 100%; padding: 14px 0; text-align: center; background: #ffffff; border-radius: 50px; color: #000; text-decoration: none; font-weight: 700; transition: all 0.2s;">
                        Apply for Partner
                    </a>
                </div>

            </div>
        </div>

    </div>

</div>

Pricing

<footer class="hh-footer" style="
    background-color: #000000;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 80px 20px 40px 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 14px;
">

    <div style="
        max-width: 980px; 
        margin: 0 auto; 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: space-between; 
        gap: 60px;
    ">
        
        <div style="flex: 1; min-width: 250px;">
            <img src="https://media.hiddenhires.com/hh-weblogo-wide-white.png" 
                 alt="Hidden Hires Logo" 
                 style="width: 140px; height: auto; display: block; margin-bottom: 24px; opacity: 0.9;">
            
            <p style="
                line-height: 1.6; 
                color: #86868b; 
                max-width: 280px;
                margin-bottom: 30px;
            ">
                The decision engine for modern hiring. Connecting deep talent with serious employers.
            </p>
        </div>

        <div style="display: flex; gap: 60px; flex-wrap: wrap;">
            
            <div>
                <h4 style="
                    font-size: 12px; 
                    font-weight: 600; 
                    color: #ffffff; 
                    margin-bottom: 20px;
                ">Platform</h4>
                
                <ul style="list-style: none; padding: 0; margin: 0; color: #86868b;">
                    <li style="margin-bottom: 12px;">
                        <a href="https://hiddenhires.com" style="text-decoration: none; color: inherit; transition: color 0.2s;" onmouseover="this.style.color='#6a67eb'" onmouseout="this.style.color='inherit'">Home</a>
                    </li>
                    <li style="margin-bottom: 12px;">
                        <a href="https://hiddenhires.com/for_candidates" style="text-decoration: none; color: inherit; transition: color 0.2s;" onmouseover="this.style.color='#6a67eb'" onmouseout="this.style.color='inherit'">For Candidates</a>
                    </li>
                    <li style="margin-bottom: 12px;">
                        <a href="https://hiddenhires.com/for_employers" style="text-decoration: none; color: inherit; transition: color 0.2s;" onmouseover="this.style.color='#6a67eb'" onmouseout="this.style.color='inherit'">For Employers</a>
                    </li>
                </ul>
            </div>

            <div>
                <h4 style="
                    font-size: 12px; 
                    font-weight: 600; 
                    color: #ffffff; 
                    margin-bottom: 20px;
                ">Company</h4>
                
                <ul style="list-style: none; padding: 0; margin: 0; color: #86868b;">
                    <li style="margin-bottom: 12px;">
                        <a href="https://hiddenhires.com/about" style="text-decoration: none; color: inherit; transition: color 0.2s;" onmouseover="this.style.color='#6a67eb'" onmouseout="this.style.color='inherit'">About</a>
                    </li>
                    <li style="margin-bottom: 12px;">
                        <a href="mailto:contact@hiddenhires.com" style="text-decoration: none; color: inherit; transition: color 0.2s;" onmouseover="this.style.color='#6a67eb'" onmouseout="this.style.color='inherit'">Contact</a>
                    </li>
                </ul>
            </div>

        </div>

    </div>

    <div style="max-width: 980px; margin: 40px auto 20px auto; border-top: 1px solid rgba(255, 255, 255, 0.1);"></div>

    <div style="
        max-width: 980px; 
        margin: 0 auto; 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: space-between; 
        align-items: center;
        gap: 20px;
        color: #86868b;
        font-size: 12px;
    ">
        <div>
            Copyright © 2026 Hidden Hires Inc. All rights reserved.
        </div>
        
        <div style="display: flex; gap: 20px;">
            <a href="#" style="color: inherit; text-decoration: none; transition: color 0.2s;" onmouseover="this.style.color='#ffffff'" onmouseout="this.style.color='inherit'">Privacy Policy</a>
            <a href="https://hiddenhires.com/terms_of_service" style="color: inherit; text-decoration: none; transition: color 0.2s;" onmouseover="this.style.color='#ffffff'" onmouseout="this.style.color='inherit'">Terms of Use</a>
        </div>
    </div>

</footer>

Footer

Help Center

<div id="hh-help-wrapper">
    <style>
        /* SCOPED CSS */
        #hh-help-wrapper {
            --hh-bg: #050505;
            --hh-card-bg: #111111;
            --hh-card-hover: #1a1a1a;
            --hh-text-main: #ffffff;
            --hh-text-muted: #a1a1a1;
            --hh-brand-purple: #6a67eb;
            --hh-border: #333333;
            --hh-radius: 8px;

            background-color: var(--hh-bg);
            color: var(--hh-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            padding: 40px;
            box-sizing: border-box;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
        }

        /* HEADER */
        .hh-help-header {
            text-align: center;
            margin-bottom: 60px;
            border-bottom: 1px solid var(--hh-border);
            padding-bottom: 40px;
        }

        .hh-brand-tag {
            color: var(--hh-brand-purple);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 10px;
            display: block;
        }

        .hh-help-header h1 {
            font-size: 36px;
            font-weight: 600;
            margin: 0;
            letter-spacing: -1px;
            color: white;
        }

        /* GRID LAYOUT */
        .hh-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: start;
        }

        .hh-column-header {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 20px;
            border-bottom: 1px solid var(--hh-border);
            padding-bottom: 10px;
            display: flex;
            align-items: center;
            color: white;
        }

        .hh-column-header span {
            color: var(--hh-brand-purple);
            margin-right: 10px;
        }

        /* NATIVE DETAILS/SUMMARY STYLING */
        details.hh-details {
            background-color: var(--hh-card-bg);
            border: 1px solid var(--hh-border);
            border-radius: var(--hh-radius);
            margin-bottom: 15px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        details.hh-details:hover {
            border-color: #555;
        }

        details.hh-details[open] {
            border-color: var(--hh-brand-purple);
            background-color: #161616;
        }

        summary.hh-summary {
            padding: 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 500;
            font-size: 15px;
            list-style: none; /* Hides default triangle */
            color: white;
            outline: none;
        }

        /* Hide default marker in Webkit */
        summary.hh-summary::-webkit-details-marker {
            display: none;
        }

        /* Custom Icon */
        .hh-icon {
            color: var(--hh-brand-purple);
            font-weight: bold;
            font-size: 20px;
            line-height: 1;
            transition: transform 0.3s;
        }

        details.hh-details[open] .hh-icon {
            transform: rotate(45deg);
        }

        .hh-content {
            padding: 0 20px 20px 20px;
            color: var(--hh-text-muted);
            font-size: 14px;
            line-height: 1.6;
            animation: fadeIn 0.4s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* RESPONSIVE */
        @media (max-width: 768px) {
            .hh-grid {
                grid-template-columns: 1fr;
            }
            #hh-help-wrapper {
                padding: 20px;
            }
        }
    </style>

    <div class="hh-help-header">
        <span class="hh-brand-tag">Support // FAQ</span>
        <h1>Help Center</h1>
    </div>

    <div class="hh-grid">
        
        <div class="hh-column">
            <div class="hh-column-header"><span>//</span> For Candidates</div>
            
            <details class="hh-details">
                <summary class="hh-summary">
                    What is the 20/20 Dividend?
                    <span class="hh-icon">+</span>
                </summary>
                <div class="hh-content">
                    We believe if we sell your data, you should get paid. If you are hired through our "Partner" program (where an employer pays us a success fee), we take 20% of that fee and send it directly to you as a signing bonus. This typically ranges from $3,000 to $6,000 depending on the role.
                </div>
            </details>

            <details class="hh-details">
                <summary class="hh-summary">
                    Who can see my profile?
                    <span class="hh-icon">+</span>
                </summary>
                <div class="hh-content">
                    By default? No one. Your profile is anonymous. Employers see your skills, your Compatibility Score, and your preferences. They only see your name and contact info if (A) they are a "Scout" subscriber using a credit to reveal you, or (B) a "Partner" requests an intro and you accept.
                </div>
            </details>

            <details class="hh-details">
                <summary class="hh-summary">
                    Why do I need the Pro Subscription?
                    <span class="hh-icon">+</span>
                </summary>
                <div class="hh-content">
                    The $29/mo Pro tier isn't just for visibility. It grants you access to our "Resume Improver" AI, the Interview Coach bot, and deeper insights into salary trends for your specific skill set. It gives you the data leverage usually reserved for employers.
                </div>
            </details>

        </div>

        <div class="hh-column">
            <div class="hh-column-header"><span>//</span> For Employers</div>

            <details class="hh-details">
                <summary class="hh-summary">
                    How is the Compatibility Score calculated?
                    <span class="hh-icon">+</span>
                </summary>
                <div class="hh-content">
                    We don't use simple keyword matching. We use AI analysis to convert your job description and the candidate's experience into mathematical models. We compare these models to find semantic alignment—meaning we match on *intent* and *capability*, not just matching buzzwords.
                </div>
            </details>

            <details class="hh-details">
                <summary class="hh-summary">
                    Why are usage credits capped?
                    <span class="hh-icon">+</span>
                </summary>
                <div class="hh-content">
                    To protect our ecosystem. Unchecked scraping degrades the candidate experience. The Scout plan is capped at ~500 usage credits to ensure you are making deliberate, data-backed decisions rather than "spraying and praying."
                </div>
            </details>

            <details class="hh-details">
                <summary class="hh-summary">
                    Difference between Scout and Partner?
                    <span class="hh-icon">+</span>
                </summary>
                <div class="hh-content">
                    <strong>Scout ($199/mo)</strong> is for teams who want to source themselves. You get immediate access to data but do the outreach yourself. Best for speed.<br><br>
                    <strong>Partner (Free search / Success Fee)</strong> is fully managed. You see blind profiles. We handle the intro. You only pay if you hire, and we share that fee with the candidate to ensure higher acceptance rates.
                </div>
            </details>

        </div>
    </div>
</div>

Terms of Service

<div id="hh-policy-wrapper">
    <style>
        /* SCOPED CSS within #hh-policy-wrapper */
        #hh-policy-wrapper {
            /* VARIABLES */
            --hh-bg: #050505;
            --hh-card-bg: #111111;
            --hh-text-main: #ffffff;
            --hh-text-muted: #a1a1a1;
            --hh-brand-purple: #6a67eb;
            --hh-border: #333333;
            --hh-radius: 6px;

            /* BASE STYLES FOR CONTAINER */
            background-color: var(--hh-bg);
            color: var(--hh-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.6;
            padding: 40px;
            box-sizing: border-box;
            width: 100%;
            border-radius: var(--hh-radius);
        }

        /* HEADER */
        #hh-policy-wrapper .hh-header {
            margin-bottom: 50px;
            border-bottom: 1px solid var(--hh-border);
            padding-bottom: 20px;
        }

        #hh-policy-wrapper .hh-brand {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 2px;
            color: var(--hh-brand-purple);
            text-transform: uppercase;
            display: block;
            margin-bottom: 12px;
        }

        #hh-policy-wrapper h1 {
            font-size: 32px;
            font-weight: 600;
            margin: 0;
            letter-spacing: -0.5px;
            color: var(--hh-text-main);
            line-height: 1.2;
        }

        #hh-policy-wrapper .last-updated {
            font-size: 12px;
            color: var(--hh-text-muted);
            margin-top: 10px;
            display: block;
            font-family: monospace;
        }

        /* SECTIONS */
        #hh-policy-wrapper .hh-section {
            background-color: var(--hh-card-bg);
            border: 1px solid var(--hh-border);
            border-radius: var(--hh-radius);
            padding: 30px;
            margin-bottom: 20px;
            position: relative;
            transition: border-color 0.3s ease;
        }

        #hh-policy-wrapper .hh-section:hover {
            border-color: var(--hh-brand-purple);
        }

        /* PURPLE ACCENT BAR */
        #hh-policy-wrapper .hh-section::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background-color: var(--hh-brand-purple);
            border-top-left-radius: var(--hh-radius);
            border-bottom-left-radius: var(--hh-radius);
            opacity: 0.8;
        }

        #hh-policy-wrapper h2 {
            font-size: 18px;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 15px;
            color: var(--hh-text-main);
            display: flex;
            align-items: center;
        }

        #hh-policy-wrapper .section-number {
            color: var(--hh-brand-purple);
            margin-right: 12px;
            font-family: monospace;
            font-size: 14px;
            opacity: 0.9;
        }

        #hh-policy-wrapper h3 {
            font-size: 15px;
            font-weight: 600;
            margin-top: 25px;
            margin-bottom: 10px;
            color: var(--hh-text-main);
        }

        #hh-policy-wrapper p, 
        #hh-policy-wrapper li {
            color: var(--hh-text-muted);
            font-size: 15px;
            margin-bottom: 10px;
            list-style-type: none;
        }

        #hh-policy-wrapper ul {
            padding-left: 0;
            margin-bottom: 20px;
        }

        #hh-policy-wrapper li {
            margin-bottom: 8px;
            padding-left: 15px;
            position: relative;
        }

        /* Custom Bullet */
        #hh-policy-wrapper li::before {
            content: "•";
            color: var(--hh-brand-purple);
            position: absolute;
            left: 0;
            font-weight: bold;
        }

        /* LINKS */
        #hh-policy-wrapper a {
            color: var(--hh-text-main);
            text-decoration: none;
            border-bottom: 1px solid var(--hh-brand-purple);
            transition: all 0.2s;
        }

        #hh-policy-wrapper a:hover {
            color: var(--hh-brand-purple);
            background-color: rgba(106, 103, 235, 0.1);
        }

        /* FOOTER */
        #hh-policy-wrapper .hh-footer {
            margin-top: 50px;
            text-align: center;
            font-size: 12px;
            color: #444;
            border-top: 1px solid #222;
            padding-top: 20px;
        }

        /* RESPONSIVE */
        @media (max-width: 600px) {
            #hh-policy-wrapper {
                padding: 20px;
            }
            #hh-policy-wrapper .hh-section {
                padding: 20px;
            }
            #hh-policy-wrapper h1 {
                font-size: 24px;
            }
        }
    </style>

    <header class="hh-header">
        <span class="hh-brand">Hidden Hires // Decision Engine</span>
        <h1>Privacy Policy</h1>
        <span class="last-updated">Last Updated: January 20, 2026</span>
    </header>

    <div class="hh-section">
        <h2><span class="section-number">01</span> Philosophy: Data Over Vanity</h2>
        <p>At Hidden Hires, we treat information as a utility for decision-making, not a commodity for advertising. We do not sell your personal data to advertisers. We use your data to create Compatibility Profiles —precise analyses of your skills and needs—to power our matching system.</p>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">02</span> Data We Collect</h2>
        
        <h3>A. Candidates</h3>
        <ul>
            <li><strong>Identity Data:</strong> Name, email, phone number (Encrypted and hidden by default).</li>
            <li><strong>Professional Data:</strong> Resumes, CVs, LinkedIn URLs, portfolio links.</li>
            <li><strong>Career Criteria:</strong> Chat logs with our AI interface regarding career goals, salary expectations, and work preferences.</li>
            <li><strong>Financial Data:</strong> If you qualify for the "20/20 Dividend," we collect necessary tax and banking information (e.g., W-9, direct deposit details) solely for payment processing.</li>
        </ul>

        <h3>B. Employers</h3>
        <ul>
            <li><strong>Business Data:</strong> Job descriptions, company culture documents, hiring constraints.</li>
            <li><strong>Payment Data:</strong> Credit card or billing information (processed via Stripe; we do not store full card numbers).</li>
        </ul>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">03</span> How We Use Your Data</h2>
        
        <h3>A. The Match (AI Processing)</h3>
        <p>We utilize third-party Artificial Intelligence processors (including OpenAI via Pickaxe) to analyze your documents and chat inputs.</p>
        <ul>
            <li><strong>The Process:</strong> Your text is converted into anonymous compatibility data points.</li>
            <li><strong>The Matching:</strong> Our system compares Candidate criteria against Employer criteria to generate a Compatibility Score.</li>
            <li><strong>The Output:</strong> Employers see a score and a summary of why you are a match. They do not see your name or contact info until the specific conditions of their subscription allow it.</li>
        </ul>

        <h3>B. Our Infrastructure (Trusted Partners)</h3>
        <p>Your data moves through a specific secure architecture to function. By using Hidden Hires, you acknowledge data transfer to:</p>
        <ul>
            <li><strong>Airtable:</strong> Our primary secure database.</li>
            <li><strong>Make.com:</strong> Our automation service for routing data.</li>
            <li><strong>Pickaxe/OpenAI:</strong> Our AI conversational interface.</li>
            <li><strong>Softr:</strong> The front-end dashboard for managing your account.</li>
        </ul>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">04</span> Visibility & Anonymity</h2>
        
        <h3>A. "Blind" By Default</h3>
        <p>For Candidates, your PII (Personally Identifiable Information) is strictly segregated from your public-facing anonymous profile.</p>
        <ul>
            <li><strong>Dividend Partners</strong> see only your Title, Compatibility Score, and a depersonalized AI summary. They must request an introduction to see your name.</li>
            <li><strong>DIY Sourcing Subscribers</strong> have paid for the right to view PII immediately, but are capped at strictly limited volumes to prevent mass data harvesting.</li>
        </ul>

        <h3>B. The "Reveal"</h3>
        <p>You have the right to know when your profile has been "revealed." We track every instance where an Employer accesses your contact information.</p>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">05</span> Data Retention</h2>
        <ul>
            <li><strong>Active Accounts:</strong> We retain data as long as your account is active to facilitate matching.</li>
            <li><strong>Dividend Records:</strong> We retain financial transaction records regarding Placement Fees and Dividends for 7 years as required by tax law.</li>
            <li><strong>Deletion:</strong> You may request full account deletion. However, anonymized skills data (stripped of all personal identity) may be retained to train and improve our matching accuracy.</li>
        </ul>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">06</span> Cookies & Tracking</h2>
        <p>We use minimal cookies necessary for session management (keeping you logged in). We do not use third-party tracking pixels for retargeting or social media advertising. We are a closed loop.</p>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">07</span> Security</h2>
        <p>We employ industry-standard encryption (SSL/TLS) for data in transit. While we utilize secure, enterprise-grade platforms (Airtable, AWS via Softr), no digital transmission is 100% secure. You acknowledge this risk by using the platform.</p>
    </div>

    <div class="hh-section">
        <h2><span class="section-number">08</span> Contact</h2>
        <p>For privacy concerns or data subject requests (GDPR/CCPA), contact: <a href="mailto:hello@hiddenhires.com">hello@hiddenhires.com</a></p>
    </div>

    <footer class="hh-footer">
        &copy; 2026 Hidden Hires. No Social Theater. Just Results.
    </footer>
</div>

Raw text (HTML)

For Candidates

<div id="candidate-hero" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 120px 20px; text-align: center; position: relative; z-index: 1;">
    
    <div style="max-width: 950px; margin: 0 auto; padding-top: 40px;">
      
      <p style="color: #6a67eb; font-size: 1rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">
        The Future of Discovery
      </p>
      
      <h1 style="color: #ffffff; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -2.5px; margin-bottom: 35px;">
        Stop applying. <br>Start being <span style="color: #6a67eb;">discovered.</span>
      </h1>

      <p style="color: #cccccc; font-size: 1.3rem; font-weight: 300; line-height: 1.6; max-width: 750px; margin: 0 auto 60px auto;">
        Join our private exchange to move beyond the resume. Start by sharing your basics, then enter an AI-powered chat to vectorize your skills, goals, and cultural needs. Our battle-tested model has already driven over 250 hiring events by surfacing high-signal talent to vetted employers.
      </p>
      
      <div style="display: flex; justify-content: center;">
         <a href="https://hiddenhires.com/0HWSH7KNYS" 
            class="hh-btn"
            onmouseover="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff'; this.style.boxShadow='0 10px 20px rgba(106, 103, 235, 0.4)'; this.style.transform='translateY(-4px)';" 
            onmouseout="this.style.backgroundColor='transparent'; this.style.color='#6a67eb'; this.style.boxShadow='none'; this.style.transform='translateY(0)';" 
            style="display: inline-block; background-color: transparent; color: #6a67eb; padding: 22px 56px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.2rem; border: 1px solid #6a67eb !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
            Create your profile
         </a>
      </div>
      
    </div>
</div>

<div id="privacy" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 100px 20px; text-align: center;">
    
    <div style="max-width: 1100px; margin: 0 auto; padding-top: 40px;">
        
        <p style="color: #6a67eb; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; font-weight: 800;">
            Data Security
        </p>

        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 40px; letter-spacing: -1.5px; line-height: 1.1;">
            Operate in <span style="color: #6a67eb;">Stealth Mode.</span>
        </h2>

        <p style="color: #888888; font-size: 1.2rem; max-width: 800px; margin: 0 auto 80px auto; line-height: 1.6; font-weight: 300;">
            We have designed the exchange to protect your current professional standing. Your discovery record is built on expertise vectors, ensuring you remain invisible to those who do not have a legitimate, high-signal match.
        </p>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; text-align: left;">
            
            <div class="hh-card" style="padding: 40px;">
                <h4 style="color: #ffffff; font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">Anonymized Discovery</h4>
                <p style="color: #888888; line-height: 1.6;">Employers see your skills, achievements, and AI-interview excerpts. Your PII (name, photo, contact info) remains encrypted and hidden until you authorize a specific introduction.</p>
            </div>

            <div class="hh-card" style="padding: 40px;">
                <h4 style="color: #ffffff; font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">Employer Blocking</h4>
                <p style="color: #888888; line-height: 1.6;">Our engine allows you to specify organizations or domains that are strictly prohibited from viewing your vector profile, including your current employer or specific competitors.</p>
            </div>

            <div class="hh-card" style="padding: 40px;">
                <h4 style="color: #ffffff; font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">Zero Public Footprint</h4>
                <p style="color: #888888; line-height: 1.6;">Unlike social professional networks, there are no public profiles to be indexed by search engines. Your presence in the exchange is a private matter between you and the engine.</p>
            </div>

        </div>
    </div>
</div>

Privacy

<div id="how-it-works" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 100px 20px; text-align: center;">
    
    <div style="max-width: 1100px; margin: 0 auto; padding-top: 40px;">
        
        <p style="color: #6a67eb; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; font-weight: 800;">
            The Intake Protocol
        </p>

        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 40px; letter-spacing: -1.5px; line-height: 1.1;">
            A Private Exchange. <br>
            <span style="color: #6a67eb;">Not a Social Network.</span>
        </h2>

        <p style="color: #888888; font-size: 1.2rem; max-width: 800px; margin: 0 auto 80px auto; line-height: 1.6; font-weight: 300;">
            Building your profile takes just a few minutes and is free to create. We have eliminated the theater of social media profiles in favor of a conversational interface designed to extract high-signal expertise.
        </p>

        

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 80px; text-align: left;">
            
            <div class="hh-card" style="padding: 50px 40px;">
                <div style="color: #6a67eb; font-size: 0.9rem; font-weight: 800; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;">Phase 01</div>
                <h4 style="color: #ffffff; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px;">The Foundation</h4>
                <p style="color: #888888; font-size: 1.05rem; line-height: 1.7;">
                    Provide your basic professional identity through our secure form. This establishes your PII (Personally Identifiable Information) which remains hidden from employers until you approve a direct introduction.
                </p>
            </div>

            <div class="hh-card" style="padding: 50px 40px; border-color: #6a67eb !important;">
                <div style="color: #6a67eb; font-size: 0.9rem; font-weight: 800; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;">Phase 02</div>
                <h4 style="color: #ffffff; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px;">The Vector Interview</h4>
                <p style="color: #888888; font-size: 1.05rem; line-height: 1.7;">
                    Engage with our AI Profile Builder in a conversational chat. Unlike social media profiles, you update your record by talking. Share your specific skills, culture needs, and the companies you are targeting.
                </p>
            </div>

            <div class="hh-card" style="padding: 50px 40px;">
                <div style="color: #6a67eb; font-size: 0.9rem; font-weight: 800; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;">Phase 03</div>
                <h4 style="color: #ffffff; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px;">The Discovery Record</h4>
                <p style="color: #888888; font-size: 1.05rem; line-height: 1.7;">
                    Your data is vectorized and added to the exchange. Employers discover you based on expertise and intent. This model has already successfully driven over 250 hiring events for elite talent.
                </p>
            </div>

        </div>

        <div style="display: flex; justify-content: center;">
            <a href="https://hiddenhires.com/0HWSH7KNYS" 
               class="hh-btn"
               onmouseover="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff'; this.style.transform='translateY(-4px)';" 
               onmouseout="this.style.backgroundColor='transparent'; this.style.color='#6a67eb'; this.style.transform='translateY(0)';" 
               style="display: inline-block; background-color: transparent; color: #6a67eb; padding: 22px 56px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.2rem; border: 1px solid #6a67eb !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
               Start your intake
            </a>
        </div>

    </div>
</div>

How It Works

<div id="dividend-eligibility" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 120px 20px; text-align: center;">
    
    <div style="max-width: 1100px; margin: 0 auto; padding-top: 40px;">
        
        <p style="color: #6a67eb; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; font-weight: 800;">
            Reward for Expertise
        </p>

        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 40px; letter-spacing: -1.5px; line-height: 1.1;">
            Your Talent. <br>
            <span style="color: #6a67eb;">Your Dividend.</span>
        </h2>

        <p style="color: #888888; font-size: 1.2rem; max-width: 850px; margin: 0 auto 60px auto; line-height: 1.6; font-weight: 300;">
            Hidden Hires is a decision engine that believes the recruitment fee belongs to the individual providing the value. Every candidate on our exchange is eligible for a cash reward when hired through the 20/20 Protocol.
        </p>

        

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; text-align: left; margin-top: 60px;">
            
            <div class="hh-card" style="padding: 60px 50px; border-color: #6a67eb !important; position: relative;">
                <div style="position: absolute; top: 20px; right: 20px; background: #6a67eb; color: #fff; padding: 4px 12px; font-size: 0.75rem; font-weight: 800; border-radius: 4px; letter-spacing: 1px;">DIVIDEND ACTIVE</div>
                <h4 style="color: #ffffff; font-size: 1.6rem; font-weight: 700; margin-bottom: 25px;">Hired by a Partner</h4>
                <p style="color: #cccccc; line-height: 1.8; font-size: 1.05rem; margin-bottom: 20px;">
                    Hidden Hires Partners are vetted employers who have formally signed our Talent Dividend agreement. 
                </p>
                <p style="color: #888888; line-height: 1.8; font-size: 1rem;">
                    When you accept a role with a Partner, they pay a 20% success fee. We commit 20% of that fee directly back to you as a cash dividend at your 90-day milestone.
                </p>
            </div>

            <div class="hh-card" style="padding: 60px 50px;">
                <h4 style="color: #ffffff; font-size: 1.6rem; font-weight: 700; margin-bottom: 25px;">Hired by a Scout</h4>
                <p style="color: #cccccc; line-height: 1.8; font-size: 1.05rem; margin-bottom: 20px;">
                    Employers in the Scout tier use our engine for direct sourcing and do not pay per-hire success fees.
                </p>
                <p style="color: #888888; line-height: 1.8; font-size: 1rem;">
                    While these roles do not trigger the 20/20 Talent Dividend, Scout access provides you with direct exposure to 100+ active recruiters and unlisted high-stakes opportunities.
                </p>
            </div>

        </div>

        <div style="margin-top: 80px;">
            <a href="https://hiddenhires.com/0HWSH7KNYS" 
               class="hh-btn"
               onmouseover="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff'; this.style.transform='translateY(-4px)';" 
               onmouseout="this.style.backgroundColor='transparent'; this.style.color='#6a67eb'; this.style.transform='translateY(0)';" 
               style="display: inline-block; background-color: transparent; color: #6a67eb; padding: 22px 56px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.2rem; border: 1px solid #6a67eb !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
               Create your profile
            </a>
            <p style="color: #555; font-size: 0.9rem; margin-top: 25px; font-weight: 300;">
                Calculated as 20% of the placement fee ($S × 0.20 × 0.20).
            </p>
        </div>

    </div>
</div>

About Talent Dividend

<div id="data-investment" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 100px 20px; text-align: center;">
    
    <div style="max-width: 1100px; margin: 0 auto; padding-top: 40px;">
        
        <p style="color: #6a67eb; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; font-weight: 800;">
            The Data Investment
        </p>

        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 40px; letter-spacing: -1.5px; line-height: 1.1;">
            Set it. Forget it. <br>
            <span style="color: #6a67eb;">Get Discovered.</span>
        </h2>

        <p style="color: #888888; font-size: 1.2rem; max-width: 800px; margin: 0 auto 60px auto; line-height: 1.6; font-weight: 300;">
            Building your profile is a one-time investment of time that places you inside our private exchange. Once vectorized, your profile remains active and ready for discovery without the need for constant updates or social maintenance.
        </p>

        

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 80px; text-align: left;">
            
            <div class="hh-card" style="padding: 40px;">
                <h4 style="color: #ffffff; font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">Technical Expertise</h4>
                <p style="color: #888888; line-height: 1.6;">Share the specific skills, tools, and methodologies that define your professional output. We translate these into high-signal vectors for employer searches.</p>
            </div>

            <div class="hh-card" style="padding: 40px;">
                <h4 style="color: #ffffff; font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">Career Trajectory</h4>
                <p style="color: #888888; line-height: 1.6;">Outline your immediate goals and long-term preferences. Tell the AI exactly what kind of roles would actually move the needle for your career.</p>
            </div>

            <div class="hh-card" style="padding: 40px;">
                <h4 style="color: #ffffff; font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">Target Environments</h4>
                <p style="color: #888888; line-height: 1.6;">Define your culture needs and list specific companies or sectors you are interested in. We use this to filter for high-alignment opportunities.</p>
            </div>

        </div>

        <div style="background-color: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 12px; padding: 60px; text-align: left; margin-bottom: 80px;">
            <div style="display: flex; flex-wrap: wrap; gap: 40px; align-items: center;">
                <div style="flex: 1; min-width: 300px;">
                    <h3 style="color: #ffffff; font-size: 1.8rem; font-weight: 800; margin-bottom: 20px;">Passive Sourcing. Active Control.</h3>
                    <p style="color: #888888; font-size: 1.1rem; line-height: 1.7;">
                        Once your intake is complete, you can return to your work. You will be notified immediately when an employer requests an introduction or expresses interest in your specific profile. You maintain total control over which conversations to advance.
                    </p>
                </div>
                <div style="width: 120px; text-align: center;">
                    <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#6a67eb" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
                    </svg>
                </div>
            </div>
        </div>

        <div style="display: flex; justify-content: center;">
            <a href="https://hiddenhires.com/0HWSH7KNYS" 
               class="hh-btn"
               onmouseover="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff'; this.style.transform='translateY(-4px)';" 
               onmouseout="this.style.backgroundColor='transparent'; this.style.color='#6a67eb'; this.style.transform='translateY(0)';" 
               style="display: inline-block; background-color: transparent; color: #6a67eb; padding: 22px 56px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.2rem; border: 1px solid #6a67eb !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
               Create your profile
            </a>
        </div>

    </div>
</div>

About profile building

<div id="candidate-comparison" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 120px 20px; text-align: center;">
    
    <div style="max-width: 1000px; margin: 0 auto; padding-top: 40px;">
        
        <p style="color: #6a67eb; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; font-weight: 800;">
            Compare the Tiers
        </p>

        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 80px; letter-spacing: -1.5px; line-height: 1.1;">
            Choose your <span style="color: #6a67eb;">protocol.</span>
        </h2>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; text-align: left; align-items: start;">
            
            <div class="hh-card" style="padding: 60px 40px; display: flex; flex-direction: column; height: 100%; border: 3px solid #333 !important;">
                <div style="margin-bottom: 40px;">
                    <h3 style="color: #ffffff; font-size: 1.8rem; font-weight: 700; margin-bottom: 10px;">Free Entry</h3>
                    <div style="color: #ffffff; font-size: 2.8rem; font-weight: 800;">$0</div>
                    <p style="color: #555; font-size: 0.9rem; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">Foundation discovery</p>
                </div>

                <ul style="list-style: none; padding: 0; margin: 0 0 50px 0; flex-grow: 1; font-size: 1rem; line-height: 1.8; color: #888;">
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Anonymous Discovery:</strong> Invisible identity until intro approval.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Dividend Eligibility:</strong> Earn rewards when hired by Partners.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>30 Credits / Month:</strong> Enough for one full profile build.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Standard Matching:</strong> AI-powered vector alignment.</li>
                    <li style="margin-bottom: 18px; color: #666;"><span style="color: #ff4444; margin-right: 10px; font-weight: 700;">&#10005;</span> Priority Search Indexing</li>
                    <li style="margin-bottom: 18px; color: #666;"><span style="color: #ff4444; margin-right: 10px; font-weight: 700;">&#10005;</span> Regular Profile Re-optimization</li>
                </ul>

                <a href="https://hiddenhires.com/0HWSH7KNYS" 
                   class="hh-btn" 
                   style="display: block; text-align: center; border: 1px solid #333 !important; color: #ffffff; padding: 18px; border-radius: 6px; text-decoration: none; font-weight: 700; transition: 0.3s;" 
                   onmouseover="this.style.borderColor='#ffffff';" 
                   onmouseout="this.style.borderColor='#333';">
                   Get Started Free
                </a>
            </div>

            <div class="hh-card" style="padding: 60px 40px; border: 3px solid #6a67eb !important; background: linear-gradient(135deg, #0a0a0a 0%, #111 100%) !important; box-shadow: 0 20px 50px rgba(106, 103, 235, 0.1); display: flex; flex-direction: column; height: 100%; position: relative;">
                
                <div style="position: absolute; top: -18px; left: 50%; transform: translateX(-50%); background: #6a67eb; color: #fff; padding: 6px 18px; font-size: 0.75rem; font-weight: 800; border-radius: 4px; letter-spacing: 2px; white-space: nowrap; z-index: 2;">
                    THE ELITE ADVANTAGE
                </div>
                
                <div style="margin-bottom: 40px;">
                    <h3 style="color: #ffffff; font-size: 1.8rem; font-weight: 700; margin-bottom: 10px;">Candidate Pro</h3>
                    <div style="color: #ffffff; font-size: 2.8rem; font-weight: 800;">$29<span style="font-size: 1.1rem; color: #555; font-weight: 400;">/mo</span></div>
                    <p style="color: #6a67eb; font-size: 0.9rem; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;">Performance Dominance</p>
                </div>

                <ul style="list-style: none; padding: 0; margin: 0 0 50px 0; flex-grow: 1; font-size: 1rem; line-height: 1.8; color: #cccccc;">
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Priority Placement:</strong> Top-weighted results in all employer searches.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>1,000+ Credits / Month:</strong> Constant AI discussions and profile updates.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Concierge AI:</strong> Expert tools for resume builds and interview prep.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Compensation Intelligence:</strong> Proprietary data for high-stakes negotiation.</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> <strong>Premium Support:</strong> 1 business day turnaround time.</li>
                </ul>

                <a href="https://hiddenhires.com/pricing" 
                   class="hh-btn" 
                   onmouseover="this.style.backgroundColor='#ffffff'; this.style.color='#000000'; this.style.transform='translateY(-4px)';" 
                   onmouseout="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff'; this.style.transform='translateY(0)';" 
                   style="display: block; text-align: center; background-color: #6a67eb; color: #ffffff; padding: 18px; border-radius: 6px; text-decoration: none; font-weight: 800; border: 1px solid #6a67eb !important; transition: all 0.3s ease;">
                   Upgrade to Pro
                </a>
            </div>

        </div>
    </div>
</div>

Upsell

Product listing

<footer style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0px 20px 80px 20px; border-top: 1px solid #1a1a1a;">
    
    <div style="max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 60px; padding-top: 80px;">
        
        <div style="flex: 2; min-width: 300px;">
            <img src="https://media.hiddenhires.com/hh-logo-icon-white-transparent.png" 
                 alt="Hidden Hires" 
                 style="height: 60px; margin-bottom: 30px; display: block; filter: drop-shadow(0px 0px 8px rgba(106, 103, 235, 0.2));">
            
            <p style="color: #888888; line-height: 1.8; font-size: 1rem; max-width: 480px; font-weight: 300;">
                Hidden Hires is the anti-social network for high-stakes hiring. We replace social theater with a high-signal exchange where visibility is earned through professional outcomes, not content creation. 
            </p>
            
            <p style="color: #6a67eb; font-size: 0.85rem; margin-top: 25px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;">
                Outcomes Over Engagement
            </p>
        </div>

        <div style="flex: 1; min-width: 200px;">
            <h4 style="color: #ffffff; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; font-weight: 700;">Navigation</h4>
            <nav style="display: flex; flex-direction: column; gap: 15px;">
                <a href="https://hiddenhires.com/" class="footer-link" style="color: #888888; text-decoration: none; font-size: 1rem; transition: color 0.3s ease;">Home</a>
                <a href="https://hiddenhires.com/for_candidates" class="footer-link" style="color: #888888; text-decoration: none; font-size: 1rem; transition: color 0.3s ease;">For Candidates</a>
                <a href="https://hiddenhires.com/for_recruiters" class="footer-link" style="color: #888888; text-decoration: none; font-size: 1rem; transition: color 0.3s ease;">For Recruiters</a>
                <a href="https://hiddenhires.com/contact__terms_of_service" class="footer-link" style="color: #888888; text-decoration: none; font-size: 1rem; transition: color 0.3s ease;">Legal & Terms</a>
            </nav>
        </div>

    </div>

    <div style="max-width: 1200px; margin: 80px auto 0 auto; padding-top: 30px; border-top: 1px solid #1a1a1a; display: flex; justify-content: space-between; align-items: center;">
        <p style="color: #444; font-size: 0.85rem; margin: 0;">
            &copy; 2026 Hidden Hires. No Tracking. No Theater.
        </p>
        <div style="display: flex; gap: 20px;">
            <div style="display: flex; align-items: center; gap: 8px;">
                <div style="width: 6px; height: 6px; background-color: #00ff00; border-radius: 50%; box-shadow: 0 0 5px #00ff00;"></div>
                <span style="color: #444; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px;">System Operational</span>
            </div>
        </div>
    </div>

    <style>
        .footer-link:hover {
            color: #6a67eb !important;
        }
    </style>
</footer>

For Employers

<div id="employer-hero" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px; text-align: center;">
    <div style="max-width: 1000px; margin: 0 auto; padding-top: 0; padding-bottom: 0;">
      <h1 style="color: #ffffff; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -2.5px; margin-bottom: 35px;">
        Precision Sourcing for <br>
        <span style="color: #6a67eb;">Elite Intent.</span>
      </h1>
      <p style="color: #cccccc; font-size: 1.3rem; font-weight: 300; line-height: 1.6; max-width: 800px; margin: 0 auto 60px auto;">
        Access a private exchange of 3,000+ vetted candidates indexed by expertise and cultural alignment. Hidden Hires is the decision engine designed for industries where the cost of a bad hire is highest.
      </p>
      <div style="display: flex; justify-content: center; padding-bottom: 40px;">
         <a href="#employer-comparison" 
            class="hh-btn"
            onmouseover="this.style.backgroundColor='#ffffff'; this.style.color='#000000'; this.style.transform='translateY(-4px)';" 
            onmouseout="this.style.backgroundColor='transparent'; this.style.color='#ffffff'; this.style.transform='translateY(0)';" 
            style="display: inline-block; background-color: transparent; color: #ffffff; padding: 22px 56px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1.2rem; border: 3px solid #ffffff !important; transition: 0.3s;">
            Start Sourcing
         </a>
      </div>
    </div>
</div>

<div id="verticals" style="background-color: #0a0a0a; color: #ffffff; font-family: 'Inter', sans-serif; padding: 100px 20px; border-top: 1px solid #1a1a1a;">
    <div style="max-width: 1100px; margin: 0 auto; text-align: center;">
        <h2 style="font-size: 2.5rem; font-weight: 800; letter-spacing: -1.5px; margin-bottom: 60px;">Critical Domain <span style="color: #6a67eb;">Density.</span></h2>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; text-align: left;">
            <div class="hh-card" style="padding: 40px; border: 3px solid #1a1a1a !important;">
                <h4 style="color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;">Trust & Safety</h4>
                <p style="color: #888; font-size: 0.95rem;">Platform integrity and moderation strategy leads.</p>
            </div>
            <div class="hh-card" style="padding: 40px; border: 3px solid #1a1a1a !important;">
                <h4 style="color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;">Cybersecurity</h4>
                <p style="color: #888; font-size: 0.95rem;">Vetted security engineers and threat intelligence.</p>
            </div>
            <div class="hh-card" style="padding: 40px; border: 3px solid #1a1a1a !important;">
                <h4 style="color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;">Legal & Privacy</h4>
                <p style="color: #888; font-size: 0.95rem;">Corporate counsel and data governance architects.</p>
            </div>
            <div class="hh-card" style="padding: 40px; border: 3px solid #1a1a1a !important;">
                <h4 style="color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;">Risk & Compliance</h4>
                <p style="color: #888; font-size: 0.95rem;">Regulatory specialists for complex landscapes.</p>
            </div>
            <div class="hh-card" style="padding: 40px; border: 3px solid #1a1a1a !important;">
                <h4 style="color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;">Policy & Gov</h4>
                <p style="color: #888; font-size: 0.95rem;">Public policy leaders shaping digital rights.</p>
            </div>
            <div class="hh-card" style="padding: 40px; border: 3px solid #6a67eb !important;">
                <h4 style="color: #ffffff; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;">And More</h4>
                <p style="color: #888; font-size: 0.95rem;">Vectorized talent across all elite tech sectors.</p>
            </div>
        </div>
    </div>
</div>

Domains

<div id="dossiers" style="background-color: #000000; color: #ffffff; font-family: 'Inter', sans-serif; padding: 120px 20px;">
    <div style="max-width: 900px; margin: 0 auto; text-align: left;">
        <h2 style="font-size: 2.8rem; font-weight: 800; letter-spacing: -1.5px; margin-bottom: 40px; line-height: 1.1;">
            Intelligence <br><span style="color: #6a67eb;">Beyond the Resume.</span>
        </h2>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px;">
            <div>
                <p style="color: #888; font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px;">
                    Resumes are marketing artifacts. Our dossiers are decision-grade intelligence reports designed to reduce your time-to-meet by 60%.
                </p>
                <ul style="list-style: none; padding: 0; color: #cccccc; font-size: 1rem; line-height: 2.5;">
                    <li><span style="color: #6a67eb; font-weight: 900; margin-right: 10px;">//</span> AI Interview Semantic Excerpts</li>
                    <li><span style="color: #6a67eb; font-weight: 900; margin-right: 10px;">//</span> Full PII & Direct Contact Reveal</li>
                    <li><span style="color: #6a67eb; font-weight: 900; margin-right: 10px;">//</span> Professional Intent & Culture Mapping</li>
                    <li><span style="color: #6a67eb; font-weight: 900; margin-right: 10px;">//</span> Original Artifacts & Portfolios</li>
                </ul>
            </div>
            <div style="border: 1px solid #1a1a1a; padding: 40px; border-radius: 8px; background: #0a0a0a;">
                <p style="font-family: monospace; color: #6a67eb; margin-bottom: 20px;">// DOSSIER_LOGIC_ACTIVE</p>
                <p style="color: #555; line-height: 1.6; font-size: 0.9rem;">The system has extracted expertise signals from 3,400+ data points. Candidates are semantic-vetted for technical depth and communication before you review the profile.</p>
                <div style="margin-top: 30px; height: 1px; background: #1a1a1a; width: 100%;"></div>
                <p style="margin-top: 20px; color: #ffffff; font-weight: 700; font-size: 0.8rem; text-transform: uppercase;">Signal Integrity: 98.4%</p>
            </div>
        </div>
    </div>
</div>

Dossier

<div id="retention-protocol" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 120px 20px; text-align: center;">
    
    <div style="max-width: 1000px; margin: 0 auto; padding-top: 40px;">
        
        <p style="color: #6a67eb; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; font-weight: 800;">
            Risk Mitigation
        </p>

        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 40px; letter-spacing: -1.5px; line-height: 1.1;">
            Partners get a <br>
            <span style="color: #6a67eb;">90-day success guarantee.</span>
        </h2>

        <p style="color: #888888; font-size: 1.2rem; max-width: 800px; margin: 0 auto 80px auto; line-height: 1.6; font-weight: 300;">
            We do not just facilitate introductions; we engineer long-term placements. This protocol is designed to de-risk your most critical hires in hard-to-fill industries like Cybersecurity, Risk, and Compliance.
        </p>

        <div style="background-color: #0a0a0a; border: 3px solid #6a67eb !important; border-radius: 12px; padding: 80px 60px; text-align: left; position: relative; box-shadow: 0 30px 60px rgba(106, 103, 235, 0.05);">
            
            <div style="position: absolute; top: 30px; right: 40px; font-family: monospace; color: #6a67eb; font-size: 0.85rem; letter-spacing: 1px;">
                // PROTOCOL_ID: RETENTION_90
            </div>

            <div style="display: flex; flex-wrap: wrap; gap: 60px; align-items: flex-start;">
                
                <div style="flex: 1; min-width: 300px;">
                    <h3 style="color: #ffffff; font-size: 1.8rem; font-weight: 800; margin-bottom: 25px; line-height: 1.2;">
                        Zero-Risk <br>Replacement Clause.
                    </h3>
                    <p style="color: #888; font-size: 1.1rem; line-height: 1.8; margin-bottom: 0;">
                        If a candidate hired through the Partner protocol departs your organization within the first 90 days for any reason, Hidden Hires will initiate a priority search to find a replacement at zero additional cost to you.
                    </p>
                </div>

                <div style="flex: 1; min-width: 300px; border-left: 1px solid #1a1a1a; padding-left: 60px;">
                    <h4 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;">Incentive Alignment</h4>
                    <ul style="list-style: none; padding: 0; color: #cccccc; font-size: 1rem; line-height: 2.2;">
                        <li><span style="color: #6a67eb;">&#10003;</span> <strong>Dividend Sync:</strong> Candidates only receive their 20% Talent Dividend after the 90-day milestone.</li>
                        <li><span style="color: #6a67eb;">&#10003;</span> <strong>Vetted Selection:</strong> Our AI-engine prioritizes candidates with high stability and alignment vectors.</li>
                        <li><span style="color: #6a67eb;">&#10003;</span> <strong>Managed Success:</strong> Direct founder-led support during the crucial integration phase.</li>
                    </ul>
                </div>

            </div>
        </div>

        <div style="margin-top: 80px;">
            <a href="mailto:partners@hiddenhires.com" 
               class="hh-btn"
               onmouseover="this.style.backgroundColor='#ffffff'; this.style.color='#000000'; this.style.transform='translateY(-4px)';" 
               onmouseout="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff'; this.style.transform='translateY(0)';" 
               style="display: inline-block; background-color: #6a67eb; color: #ffffff; padding: 22px 56px; border-radius: 6px; text-decoration: none; font-weight: 800; font-size: 1.2rem; border: 1px solid #6a67eb !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
               Apply for Partnership
            </a>
            <p style="color: #444; font-size: 0.9rem; margin-top: 25px; font-weight: 300;">
                Exclusive to Vetted Partners. Subject to the Master Services Agreement.
            </p>
        </div>

    </div>
</div>

90-Day Guarantee

<div id="employer-comparison" style="background-color: #000000; color: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; padding: 0 20px 120px 20px; text-align: center;">
    <div style="max-width: 1000px; margin: 0 auto;">
        <h2 style="color: #ffffff; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 80px; letter-spacing: -1.5px; line-height: 1.1;">
            Select your <span style="color: #6a67eb;">protocol.</span>
        </h2>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; text-align: left; align-items: start;">
            
            <div class="hh-card" style="padding: 60px 40px; display: flex; flex-direction: column; height: 100%; border: 3px solid #333 !important; background: #0a0a0a;">
                <div style="margin-bottom: 40px;">
                    <h3 style="color: #ffffff; font-size: 1.8rem; font-weight: 700; margin-bottom: 10px;">Scout</h3>
                    <div style="color: #ffffff; font-size: 2.8rem; font-weight: 800;">$199<span style="font-size: 1.1rem; color: #555; font-weight: 400;">/mo</span></div>
                    <p style="color: #555; font-size: 0.9rem; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">DIY Sourcing Engine</p>
                </div>
                <ul style="list-style: none; padding: 0; margin: 0 0 50px 0; flex-grow: 1; font-size: 1rem; line-height: 1.8; color: #888;">
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> Full Intelligence Dossiers</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> 500 Monthly Sourcing Credits</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> Unlimited Search Access</li>
                    <li style="margin-bottom: 18px; color: #666;"><span style="color: #ff4444; margin-right: 10px; font-weight: 700;">&#10005;</span> 20/20 Dividend Activation</li>
                    <li style="margin-bottom: 18px; color: #666;"><span style="color: #ff4444; margin-right: 10px; font-weight: 700;">&#10005;</span> White-Glove Headhunting</li>
                </ul>
                <a href="#" class="hh-btn" style="display: block; text-align: center; border: 1px solid #ffffff !important; color: #ffffff; padding: 18px; border-radius: 6px; text-decoration: none; font-weight: 700;">Subscribe</a>
            </div>

            <div class="hh-card" style="padding: 60px 40px; border: 3px solid #6a67eb !important; background: linear-gradient(135deg, #0a0a0a 0%, #111 100%) !important; box-shadow: 0 20px 50px rgba(106, 103, 235, 0.1); display: flex; flex-direction: column; height: 100%; position: relative;">
                <div style="position: absolute; top: -18px; left: 50%; transform: translateX(-50%); background: #6a67eb; color: #fff; padding: 6px 18px; font-size: 0.75rem; font-weight: 800; border-radius: 4px; letter-spacing: 2px; white-space: nowrap; z-index: 2;">VETTED PARTNER</div>
                <div style="margin-bottom: 40px;">
                    <h3 style="color: #ffffff; font-size: 1.8rem; font-weight: 700; margin-bottom: 10px;">Partner</h3>
                    <div style="color: #ffffff; font-size: 2.8rem; font-weight: 800;">20%<span style="font-size: 1.1rem; color: #555; font-weight: 400;">/fee</span></div>
                    <p style="color: #6a67eb; font-size: 0.9rem; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;">White-Glove Retention</p>
                </div>
                <ul style="list-style: none; padding: 0; margin: 0 0 50px 0; flex-grow: 1; font-size: 1rem; line-height: 1.8; color: #cccccc;">
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> 20/20 Protocol Activation</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> 90-Day Success Guarantee</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> Managed Outreach & Screening</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> Unlimited Sourcing & Unlocks</li>
                    <li style="margin-bottom: 18px;"><span style="color: #6a67eb; margin-right: 10px;">&#10003;</span> Founder-Led Intake Support</li>
                </ul>
                <a href="mailto:partners@hiddenhires.com" class="hh-btn" onmouseover="this.style.backgroundColor='#ffffff'; this.style.color='#000000';" onmouseout="this.style.backgroundColor='#6a67eb'; this.style.color='#ffffff';" style="display: block; text-align: center; background-color: #6a67eb; color: #ffffff; padding: 18px; border-radius: 6px; text-decoration: none; font-weight: 800; border: 1px solid #6a67eb !important; transition: 0.3s;">Apply for Partnership</a>
            </div>

        </div>
    </div>
</div>

<div id="hh-about-clean">
    <style>
        /* SCOPED CSS */
        #hh-about-clean {
            /* BRAND VARIABLES */
            --hh-bg: #050505;
            --hh-card-bg: #111111;
            --hh-card-border: #222222;
            --hh-text-main: #ffffff;
            --hh-text-muted: #999999;
            --hh-brand-purple: #6a67eb;
            --hh-radius: 12px;

            background-color: var(--hh-bg);
            color: var(--hh-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            padding: 60px 20px;
            box-sizing: border-box;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
        }

        /* HERO SECTION */
        .hh-hero {
            text-align: center;
            margin-bottom: 80px;
            padding-bottom: 40px;
            border-bottom: 1px solid var(--hh-card-border);
        }

        .hh-hero h1 {
            font-size: 48px;
            font-weight: 700;
            margin: 0 0 24px 0;
            line-height: 1.1;
            letter-spacing: -1px;
        }

        .hh-hero-sub {
            font-size: 20px;
            color: var(--hh-text-muted);
            font-weight: 400;
            margin: 0 auto;
            max-width: 650px;
            line-height: 1.5;
        }

        /* STATS BAR */
        .hh-stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 80px;
        }

        .hh-stat-card {
            background-color: var(--hh-card-bg);
            border: 1px solid var(--hh-card-border);
            border-radius: var(--hh-radius);
            padding: 32px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .hh-stat-number {
            font-size: 42px;
            font-weight: 700;
            color: white;
            margin-bottom: 8px;
            letter-spacing: -1px;
        }

        .hh-stat-label {
            font-size: 14px;
            color: var(--hh-brand-purple);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .hh-stat-context {
            font-size: 14px;
            color: var(--hh-text-muted);
            margin-top: 8px;
        }

        /* STORY SECTIONS */
        .hh-story-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            margin-bottom: 100px;
        }

        .hh-story-content h2 {
            font-size: 32px;
            font-weight: 600;
            margin: 0 0 20px 0;
            letter-spacing: -0.5px;
            color: white;
        }

        .hh-story-content p {
            color: var(--hh-text-muted);
            font-size: 17px;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        /* CLEAN VISUALS (No Tech/Code Styling) */
        .hh-visual-card {
            background-color: var(--hh-card-bg);
            border: 1px solid var(--hh-card-border);
            border-radius: var(--hh-radius);
            padding: 40px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .hh-list-item {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
            font-size: 16px;
            color: var(--hh-text-main);
            border-bottom: 1px solid #222;
            padding-bottom: 16px;
        }

        .hh-list-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .hh-dot {
            width: 8px;
            height: 8px;
            background-color: var(--hh-brand-purple);
            border-radius: 50%;
            margin-right: 16px;
        }

        /* RESPONSIVE */
        @media (max-width: 900px) {
            .hh-hero h1 { font-size: 36px; }
            .hh-stats-grid { grid-template-columns: 1fr; }
            .hh-story-section { grid-template-columns: 1fr; gap: 40px; margin-bottom: 60px; }
            .hh-story-section.reverse { display: flex; flex-direction: column-reverse; }
        }
    </style>

    <div class="hh-hero">
        <h1>It started with a spreadsheet.</h1>
        <p class="hh-hero-sub">In 2024, we curated a manual list of talent for Trust & Safety, GRC, and Legal roles. It worked better than we imagined.</p>
    </div>

    <div class="hh-stats-grid">
        <div class="hh-stat-card">
            <span class="hh-stat-number">3,000+</span>
            <span class="hh-stat-label">Organic Signups</span>
            <span class="hh-stat-context">Zero marketing spend.</span>
        </div>
        <div class="hh-stat-card">
            <span class="hh-stat-number">75+</span>
            <span class="hh-stat-label">Partner Recruiters</span>
            <span class="hh-stat-context">Inbound requests only.</span>
        </div>
        <div class="hh-stat-card">
            <span class="hh-stat-number">200+</span>
            <span class="hh-stat-label">Successful Hires</span>
            <span class="hh-stat-context">Validated outcomes.</span>
        </div>
    </div>

    <div class="hh-story-section">
        <div class="hh-story-content">
            <h2>The Signal in the Noise</h2>
            <p>The industry was loud, but hiring was broken. I began building a curated list of high-caliber talent specifically for Trust & Safety, GRC, and Legal.</p>
            <p>There was no algorithm. Just human intuition. 3,000 candidates trusted me with their data because I focused on the outcome, not the social theater.</p>
        </div>
        <div class="hh-visual-card">
            <div class="hh-list-item"><div class="hh-dot"></div>Trust & Safety</div>
            <div class="hh-list-item"><div class="hh-dot"></div>Privacy Counsel</div>
            <div class="hh-list-item"><div class="hh-dot"></div>GRC Analysts</div>
            <div class="hh-list-item"><div class="hh-dot"></div>Policy Leads</div>
        </div>
    </div>

    <div class="hh-story-section reverse">
        <div class="hh-visual-card">
             <div class="hh-list-item">
                <div class="hh-dot" style="background-color: #444;"></div>
                <div style="flex-grow: 1;">Manual Search Time</div>
                <div style="color: #666;">45 mins</div>
             </div>
             <div class="hh-list-item">
                <div class="hh-dot" style="background-color: #444;"></div>
                <div style="flex-grow: 1;">Communication Lag</div>
                <div style="color: #666;">3-5 days</div>
             </div>
        </div>
        <div class="hh-story-content">
            <h2>The Bottleneck</h2>
            <p>The model worked, but it wasn't scalable. As 75+ recruiters reached out, it became impossible to manually cross-reference 3,000 careers against complex job requirements.</p>
            <p>Searching the spreadsheet, communicating with employers, and following up with candidates took too long. We were sitting on a goldmine of data, but we couldn't move it fast enough.</p>
        </div>
    </div>

    <div class="hh-story-section">
        <div class="hh-story-content">
            <h2>The Decision Engine</h2>
            <p>Hidden Hires is the evolution of that original success. We took the logic that hired 200 people and digitized it.</p>
            <p>Now, we use technology to handle the matching—instantly and without bias—scaling the process so we can serve the entire market, not just the rows I could read in a day.</p>
        </div>
        <div class="hh-visual-card" style="border-color: var(--hh-brand-purple);">
            <div class="hh-list-item"><div class="hh-dot"></div>Smart Matching</div>
            <div class="hh-list-item"><div class="hh-dot"></div>Instant Scoring</div>
            <div class="hh-list-item"><div class="hh-dot"></div>20/20 Dividend</div>
            <div class="hh-list-item"><div class="hh-dot"></div>Unlimited Scale</div>
        </div>
    </div>

</div>

Past

<div id="hh-value-props">
    <style>
        /* SCOPED CSS */
        #hh-value-props {
            /* VARIABLES */
            --hh-bg: #050505;
            --hh-card-bg: #111111;
            --hh-card-border: #222222;
            --hh-text-main: #ffffff;
            --hh-text-muted: #999999;
            --hh-brand-purple: #6a67eb;
            --hh-radius: 16px; /* Smooth Apple-like curvature */

            background-color: var(--hh-bg);
            color: var(--hh-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            padding: 80px 20px;
            box-sizing: border-box;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
        }

        /* HEADER */
        .hh-section-header {
            margin-bottom: 60px;
            max-width: 700px;
        }

        .hh-section-header h2 {
            font-size: 42px;
            font-weight: 700;
            margin: 0 0 20px 0;
            letter-spacing: -1px;
            line-height: 1.1;
        }

        .hh-section-header p {
            font-size: 20px;
            color: var(--hh-text-muted);
            line-height: 1.5;
            margin: 0;
        }

        /* GRID LAYOUT */
        .hh-features-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }

        /* CARD STYLING */
        .hh-feature-card {
            background-color: var(--hh-card-bg);
            border: 1px solid var(--hh-card-border);
            border-radius: var(--hh-radius);
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            transition: transform 0.3s ease, border-color 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .hh-feature-card:hover {
            border-color: #444;
            transform: translateY(-4px);
        }

        /* Purple accent line on hover */
        .hh-feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--hh-brand-purple);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .hh-feature-card:hover::before {
            transform: scaleX(1);
        }

        /* CARD CONTENT */
        .hh-card-icon {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--hh-brand-purple);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }

        .hh-dot {
            width: 6px;
            height: 6px;
            background-color: var(--hh-brand-purple);
            border-radius: 50%;
            margin-right: 10px;
        }

        .hh-feature-card h3 {
            font-size: 26px;
            font-weight: 600;
            margin: 0 0 16px 0;
            color: white;
            letter-spacing: -0.5px;
        }

        .hh-feature-card p {
            font-size: 16px;
            color: var(--hh-text-muted);
            margin: 0;
            line-height: 1.6;
        }

        /* RESPONSIVE */
        @media (max-width: 800px) {
            .hh-features-grid {
                grid-template-columns: 1fr;
            }
            .hh-section-header h2 {
                font-size: 32px;
            }
        }
    </style>

    <div class="hh-section-header">
        <h2>The Operating System for Hiring.</h2>
        <p>We replaced the social feed with a decision engine. It’s faster, cheaper, and strictly private.</p>
    </div>

    <div class="hh-features-grid">
        
        <div class="hh-feature-card">
            <div class="hh-card-icon"><div class="hh-dot"></div>Control</div>
            <h3>Blind by Default</h3>
            <p><strong>The Candidate is King.</strong> Your profile is hidden from the public web. You control the reveal. We strip away photos, names, and bias, forcing employers to judge you based on your capability, not your social signal.</p>
        </div>

        <div class="hh-feature-card">
            <div class="hh-card-icon"><div class="hh-dot"></div>Insight</div>
            <h3>The Hidden Layer</h3>
            <p>We capture the data that LinkedIn misses. Employers access "below the surface" signals—salary expectations, remote work preferences, and specific technical constraints—before they ever reach out.</p>
        </div>

        <div class="hh-feature-card">
            <div class="hh-card-icon"><div class="hh-dot"></div>Speed</div>
            <h3>Efficiency Engine</h3>
            <p>No phone screens. No scheduling tag. Our AI conducts the first interview for you. For employers, it’s 1/10th the cost of an agency and faster than a job board. Just upload a description and get a Compatibility Score.</p>
        </div>

        <div class="hh-feature-card" style="background: linear-gradient(145deg, #111111 0%, #1a1a1a 100%);">
            <div class="hh-card-icon"><div class="hh-dot"></div>Reward</div>
            <h3>The 20/20 Dividend</h3>
            <p>The first recruiting model that pays you back. If you are hired through our Partner program, we split our success fee with you. That means a <strong>20% signing bonus</strong> directly to your bank account.</p>
        </div>

    </div>
</div>

Current

<div id="hh-cta-final">
    <style>
        /* SCOPED CSS */
        #hh-cta-final {
            /* VARIABLES */
            --hh-bg: #050505;
            --hh-card-bg: #111111;
            --hh-card-border: #222222;
            --hh-text-main: #ffffff;
            --hh-text-muted: #999999;
            --hh-brand-purple: #6a67eb;
            --hh-brand-purple-hover: #5855c7;
            --hh-radius: 12px;

            background-color: var(--hh-bg);
            color: var(--hh-text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            padding: 80px 20px;
            box-sizing: border-box;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
        }

        /* SECTION HEADER */
        .hh-cta-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .hh-cta-header h2 {
            font-size: 42px;
            font-weight: 700;
            margin: 0 0 16px 0;
            letter-spacing: -1px;
            color: white;
        }

        .hh-cta-header p {
            font-size: 18px;
            color: var(--hh-text-muted);
        }

        /* GRID LAYOUT */
        .hh-cta-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }

        /* CARD STYLING */
        .hh-cta-card {
            background-color: var(--hh-card-bg);
            border: 1px solid var(--hh-card-border);
            border-radius: var(--hh-radius);
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            min-height: 340px;
            transition: transform 0.2s ease, border-color 0.2s ease;
        }

        .hh-cta-card:hover {
            border-color: #444;
            transform: translateY(-4px);
        }

        /* CARD CONTENT */
        .hh-role-title {
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 16px;
            display: block;
        }

        .hh-value-prop {
            font-size: 30px;
            font-weight: 600;
            margin: 0 0 16px 0;
            line-height: 1.1;
            color: white;
            letter-spacing: -0.5px;
        }

        .hh-description {
            font-size: 16px;
            color: var(--hh-text-muted);
            line-height: 1.5;
            margin-bottom: 40px;
        }

        /* BUTTONS */
        .hh-btn {
            display: block;
            width: 100%;
            padding: 16px 0;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        /* Candidate Styles */
        .hh-role-candidate { color: var(--hh-brand-purple); }
        
        .hh-btn-candidate {
            background-color: var(--hh-brand-purple);
            color: white;
            border: 1px solid var(--hh-brand-purple);
        }
        .hh-btn-candidate:hover {
            background-color: var(--hh-brand-purple-hover);
            border-color: var(--hh-brand-purple-hover);
            box-shadow: 0 4px 12px rgba(106, 103, 235, 0.3);
        }

        /* Employer Styles */
        .hh-role-employer { color: white; }

        .hh-btn-employer {
            background-color: white;
            color: black;
            border: 1px solid white;
        }
        .hh-btn-employer:hover {
            background-color: #e0e0e0;
            border-color: #e0e0e0;
            box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
        }

        /* RESPONSIVE */
        @media (max-width: 800px) {
            .hh-cta-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .hh-cta-card {
                padding: 30px;
                min-height: auto;
            }
        }
    </style>

    <div class="hh-cta-header">
        <h2>Choose your path.</h2>
        <p>Two sides of the market. One Decision Engine.</p>
    </div>

    <div class="hh-cta-grid">
        
        <div class="hh-cta-card">
            <div>
                <span class="hh-role-title hh-role-candidate">For Candidates</span>
                <h3 class="hh-value-prop">Get Paid What You're Worth.</h3>
                <p class="hh-description">
                    Create an anonymous profile. If you are hired by one of our Partners, we split our success fee with you. That's a 20% dividend directly to you.
                </p>
            </div>
            <a href="https://hiddenhires.com/for_candidates" class="hh-btn hh-btn-candidate">Join as Candidate</a>
        </div>

        <div class="hh-cta-card">
            <div>
                <span class="hh-role-title hh-role-employer">For Employers</span>
                <h3 class="hh-value-prop">Hire Without the Noise.</h3>
                <p class="hh-description">
                    Access 3,000+ vetted profiles. Source manually as a Scout, or let us manage the search as a Partner for guaranteed results.
                </p>
            </div>
            <a href="https://hiddenhires.com/for_employers" class="hh-btn hh-btn-employer">Start Scouting</a>
        </div>

    </div>
</div>

CTAs

<div class="hh-pricing-wrapper">
  <style>
    /* Scoped Styles for Hidden Hires - Final Lock */
    .hh-pricing-wrapper {
      --hh-bg: #050505;
      --hh-card-bg: #111111;
      --hh-card-border: #222222;
      --hh-text-main: #ffffff;
      --hh-text-muted: #999999;
      --hh-brand-purple: #6a67eb;
      --hh-brand-purple-hover: #5552c9;
      --hh-brand-teal: #67ebc0;
      --hh-brand-teal-hover: #55d4ad;
      --hh-radius: 12px;
      --hh-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      
      background-color: var(--hh-bg);
      color: var(--hh-text-main);
      font-family: var(--hh-font);
      padding: 40px 20px;
      box-sizing: border-box;
      width: 100%;
    }

    .hh-pricing-wrapper * {
      box-sizing: border-box;
    }

    .hh-container {
      max-width: 1000px;
      margin: 0 auto;
    }

    .hh-section-title {
      font-size: 1.8rem;
      font-weight: 700;
      margin: 60px 0 30px 0;
      padding-bottom: 20px;
      border-bottom: 1px solid var(--hh-card-border);
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .hh-section-title span {
      font-size: 0.9rem;
      font-weight: 400;
      color: var(--hh-text-muted);
      background: var(--hh-card-bg);
      padding: 4px 12px;
      border-radius: 20px;
      border: 1px solid var(--hh-card-border);
    }

    .hh-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      align-items: stretch;
    }

    /* Cards */
    .hh-card {
      background-color: var(--hh-card-bg);
      border: 1px solid var(--hh-card-border);
      border-radius: var(--hh-radius);
      padding: 40px;
      display: flex;
      flex-direction: column;
      position: relative;
      transition: transform 0.2s ease, border-color 0.2s ease;
    }

    .hh-card:hover {
      border-color: #444;
      transform: translateY(-2px);
    }

    /* Partner (Purple) & Pro (Teal) Borders */
    .hh-card.partner {
      border: 1px solid var(--hh-brand-purple);
      box-shadow: 0 0 30px rgba(106, 103, 235, 0.05);
    }
    .hh-card.pro {
      border: 1px solid var(--hh-brand-teal);
      box-shadow: 0 0 30px rgba(103, 235, 192, 0.05);
    }

    .hh-badge {
      position: absolute;
      top: -12px;
      right: 20px;
      font-size: 0.75rem;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .hh-badge.purple { background-color: var(--hh-brand-purple); color: #fff; }
    .hh-badge.teal { background-color: var(--hh-brand-teal); color: #000; }

    .hh-plan-name {
      font-size: 1.25rem;
      font-weight: 500;
      color: var(--hh-text-muted);
      margin-bottom: 10px;
    }

    .hh-price {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 5px;
      letter-spacing: -0.02em;
      color: var(--hh-text-main);
    }

    .hh-price span {
      font-size: 1rem;
      color: var(--hh-text-muted);
      font-weight: 400;
    }

    .hh-desc {
      color: var(--hh-text-muted);
      font-size: 0.95rem;
      margin-bottom: 30px;
      min-height: 40px;
      line-height: 1.5;
    }

    .hh-features {
      list-style: none;
      padding: 0;
      margin: 0 0 40px 0;
      flex-grow: 1;
    }

    .hh-features li {
      margin-bottom: 16px;
      font-size: 0.95rem;
      color: #ddd;
      display: flex;
      align-items: center;
    }

    /* Bullet Colors */
    .hh-features li.purple-bullet::before { content: "•"; color: var(--hh-brand-purple); font-size: 1.5rem; line-height: 0; margin-right: 12px; }
    .hh-features li.teal-bullet::before { content: "•"; color: var(--hh-brand-teal); font-size: 1.5rem; line-height: 0; margin-right: 12px; }
    .hh-features li.gray-bullet::before { content: "•"; color: #444; font-size: 1.5rem; line-height: 0; margin-right: 12px; }

    .hh-btn {
      display: block;
      width: 100%;
      padding: 14px 0;
      text-align: center;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.2s;
      cursor: pointer;
      font-size: 0.95rem;
    }

    .hh-btn-outline {
      background: transparent;
      border: 1px solid var(--hh-card-border);
      color: var(--hh-text-main);
    }

    .hh-btn-outline:hover {
      border-color: var(--hh-text-main);
      background: #1a1a1a;
    }

    .hh-btn-purple {
      background: var(--hh-brand-purple);
      color: #fff;
      border: 1px solid var(--hh-brand-purple);
    }
    .hh-btn-purple:hover { background: var(--hh-brand-purple-hover); }

    .hh-btn-teal {
      background: var(--hh-brand-teal);
      color: #050505;
      border: 1px solid var(--hh-brand-teal);
    }
    .hh-btn-teal:hover { background: var(--hh-brand-teal-hover); }

    @media (max-width: 768px) {
      .hh-grid { grid-template-columns: 1fr; }
    }
  </style>

  <div class="hh-container">

    <div class="hh-section-title">
      For Candidates <span>Anonymous by Default</span>
    </div>
    <div class="hh-grid">
      <div class="hh-card">
        <div class="hh-plan-name">Member</div>
        <div class="hh-price">$0<span>/mo</span></div>
        <div class="hh-desc">Join the hidden pool. Passive visibility. We contact you when the match is perfect.</div>
        <ul class="hh-features">
          <li class="gray-bullet">Standard Search Ranking</li>
          <li class="gray-bullet">Monthly Profile Sync</li>
          <li class="gray-bullet">Success Dividend Eligibility</li>
          <li class="gray-bullet" style="text-decoration: line-through; color: #555;">Concierge AI Access</li>
        </ul>
        <a href="https://hiddenhires.com/for_candidates" class="hh-btn hh-btn-outline">Join Pool</a>
      </div>

      <div class="hh-card pro">
        <div class="hh-badge teal">Priority Placement</div>
        <div class="hh-plan-name">Candidate Pro</div>
        <div class="hh-price">$29<span>/mo</span></div>
        <div class="hh-desc">Active leverage. Cut the line and optimize your career assets with AI.</div>
        <ul class="hh-features">
          <li class="teal-bullet"><strong>Priority Placement</strong> in Search</li>
          <li class="teal-bullet"><strong>Concierge AI</strong> (Resume & Prep)</li>
          <li class="teal-bullet">Unlimited Profile Syncs</li>
          <li class="teal-bullet">Verified Candidate Badge</li>
        </ul>
        <a href="#" class="hh-btn hh-btn-teal">Go Pro</a>
      </div>
    </div>

    <div class="hh-section-title">
      For Employers <span>Data-Driven Hiring</span>
    </div>
    <div class="hh-grid">
      <div class="hh-card">
        <div class="hh-plan-name">Scout</div>
        <div class="hh-price">$199<span>/mo</span></div>
        <div class="hh-desc">DIY Database access. Instant search, instant contact. Speed is your advantage.</div>
        <ul class="hh-features">
          <li class="gray-bullet"><strong>Instant Access</strong> to Data</li>
          <li class="gray-bullet">500 Usage Credits / Month</li>
          <li class="gray-bullet">Direct PII Reveal</li>
          <li class="gray-bullet" style="text-decoration: line-through; color: #555;">No Talent Dividend</li>
        </ul>
        <a href="https://hiddenhires.com/for_employers" class="hh-btn hh-btn-outline">Start Scouting</a>
      </div>

      <div class="hh-card partner">
        <div class="hh-badge purple">Dividend Active</div>
        <div class="hh-plan-name">Partner</div>
        <div class="hh-price">20%<span> Success Fee</span></div>
        <div class="hh-desc">Full-service engine. We manage the flow and unlock the Talent Dividend.</div>
        <ul class="hh-features">
          <li class="purple-bullet"><strong>Unlimited</strong> Usage Credits</li>
          <li class="purple-bullet">Managed "Contact Candidate" Feature</li>
          <li class="purple-bullet">Dividend-Boosted Hiring Outcomes</li>
          <li class="purple-bullet" style="color: #fff; opacity: 0.8;">Approval Required</li>
        </ul>
        <a href="mailto:founders@hiddenhires.com?subject=Partnership%20Application" class="hh-btn hh-btn-purple">Apply for Partnership</a>
      </div>
    </div>

  </div>
</div>

Pricing Tables

Contact

<div class="hh-contact-section" style="position: relative; overflow: hidden; padding: 0 20px; background-color: #050505; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; text-align: center;">
    
    <div style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 800px; height: 500px; background: radial-gradient(circle, rgba(106, 103, 235, 0.05) 0%, rgba(5, 5, 5, 0) 70%); z-index: 1; pointer-events: none;"></div>

    <div class="hh-contact-content" style="max-width: 900px; margin: 0 auto; position: relative; z-index: 2;">
        
        <div style="font-size: 0.85rem; color: #6a67eb; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 24px; padding-top: 40px;">
            Support
        </div>

        <h1 style="font-size: 3.5rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.04em; margin-bottom: 24px; color: #ffffff;">
            Connect with<br>
            <span style="color: #999999;">Hidden Hires.</span>
        </h1>

        <p style="font-size: 1.2rem; color: #999999; line-height: 1.6; max-width: 600px; margin: 0 auto 60px auto;">
            Our team is available for inquiries regarding managed partnerships, candidate onboarding, and platform access.
        </p>

        <div style="max-width: 600px; margin: 0 auto; background: #111111; padding: 48px; border-radius: 24px; border: 1px solid #222222;">
            <div style="width: 60px; height: 60px; background: rgba(106, 103, 235, 0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px auto;">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#6a67eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
            </div>
            
            <h3 style="font-size: 1.5rem; color: #ffffff; margin-bottom: 12px; font-weight: 600;">How can we help?</h3>
            <p style="color: #999999; line-height: 1.5; margin-bottom: 32px; font-size: 1.05rem;">
                Search our resources or reach out to our core team directly.
            </p>

            <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;">
                <a href="mailto:hello@hiddenhires.com" 
                   onmouseover="this.style.transform='translateY(-4px)'; this.style.opacity='0.9';" 
                   onmouseout="this.style.transform='translateY(0)'; this.style.opacity='1';"
                   style="display: inline-block; background-color: #ffffff; color: #050505; padding: 16px 32px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); font-size: 1rem; flex: 1; min-width: 200px;">
                    Email Support
                </a>

                <a href="https://hiddenhires.com/help_center" 
                   onmouseover="this.style.transform='translateY(-4px)'; this.style.backgroundColor='#1a1a1a';" 
                   onmouseout="this.style.transform='translateY(0)'; this.style.backgroundColor='transparent';"
                   style="display: inline-block; background-color: transparent; color: #ffffff; border: 1px solid #333333; padding: 16px 32px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); font-size: 1rem; flex: 1; min-width: 200px;">
                    Help Center
                </a>
            </div>
        </div>

        <div style="margin-top: 80px; padding-bottom: 60px; border-top: 1px solid #222222; padding-top: 40px;">
            <p style="color: #666666; font-size: 0.9rem;">
                Hidden Hires is a private exchange. We prioritize high-intent communication.
            </p>
        </div>

    </div>

</div>

Our company adapts to your evolving needs, offering a versatile collection of GPTs designed to enhance your overall workflow and productivity.

To access this area of Hidden Hires, please ensure you have an active subscription.

About Us

Hidden Hires

Add yourself to the Hidden Hires vault by using the Career Profile Builder! It's a few basic form-based questions followed by a chat-based short interview. Should only take a couple minutes and will make you instantly discoverable to recruiters looking for top talent.

Candidate Profile Builder

A professional and authoritative recruiting chatbot that helps recruiters find compatible candidates by analyzing job descriptions and matching them to anonymized professional narratives in a secure database. It emphasizes cultural fit and operational integrity while protecting candidate privacy.

Recruiter Preview

A chatbot designed to assist recruiters in discovering fully unredacted talent from the Hidden Hires vault through interactive conversations.

Recruiter All Access

An AI chatbot designed to assist job candidates by reviewing resumes, providing interview preparation guidance, and helping them maximize their experience with Hidden Hires. The Concierge offers professional, concise responses and recommends Premium Support for unresolved questions.

Candidate Concierge AI

A form tool designed for recruiters to apply for access to Recruiter All Access on Hidden Hires by submitting their relevant details and qualifications.

Recruiter Access Application Form

Guest

Gain a competitive edge with Candidate Pro. Secure priority placement in recruiter searches, access industry-specific AI coaching via Candidate Concierge, and transform technical milestones into high-impact professional signals. Your subscription includes 500 monthly credits for daily interaction and Premium Support with a one-business-day turnaround.

Candidate Pro

Available exclusively to vetted recruiters, Recruiter All Access unlocks full candidate identities - including LinkedIn profiles and direct contact details - using precision filters to surface high-signal talent across Trust & Safety, Risk, Privacy, and Cybersecurity. The subscription also includes Premium Support, with guaranteed one-business-day responses from our human support team.

Immediate access to candidate identities and direct contact data for independent sourcing. Includes 500 monthly message credits for searching and identity reveals, bypassing the moderated introduction process.

Scout (For Employers)

Performance-based solution for teams scaling 5+ roles; requires vetting and agreement to the 20% placement fee. Includes 2,500 monthly message credits for high-volume searching, white-glove support, and moderated intros to blind profiles.

Partner (For Employers)

Basic free access to create your Hidden Hires candidate profile and unlock 30 credits (enough to update your profile a couple times a month)