<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-QQK92JJL39"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-QQK92JJL39');
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Hiring Compliance Check | Applied Operations Protocols</title>
    <meta name="description" content="See where you stand on AI hiring compliance in 5 minutes. Free assessment across CO, IL, NYC, TX, CA, and MD. One-page exposure map. No obligation.">
    <meta property="og:title" content="AI Hiring Compliance Check | Applied Operations Protocols">
    <meta property="og:description" content="Free AI hiring compliance assessment. Identify your gaps in 5 minutes. Delivered in 24 hours.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://appliedoperationsprotocols.com/compliance-check/">
    <meta property="og:site_name" content="Applied Operations Protocols">
    <meta property="og:image" content="https://appliedoperationsprotocols.com/assets/images/og-image.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Hiring Compliance Check | Applied Operations Protocols">
    <meta name="twitter:description" content="Free AI hiring compliance assessment. Identify your gaps in 5 minutes.">
    <link rel="canonical" href="https://appliedoperationsprotocols.com/compliance-check/">

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --navy: #0F2742;
            --gold: #B89A4A;
            --gold-light: #D4B896;
            --gray-dark: #2D3E50;
            --gray-light: #F8F9FA;
            --white: #FFFFFF;
            --danger: #D64045;
            --success: #2E7D32;
            --text-primary: #1A1A1A;
            --text-secondary: #666666;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text-primary);
            background-color: var(--white);
            line-height: 1.6;
        }

        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: var(--navy);
        }

        h1 { font-size: 3rem; line-height: 1.15; margin-bottom: 1rem; }
        h2 { font-size: 2.25rem; margin-bottom: 1.5rem; }
        h3 { font-size: 1.5rem; margin-bottom: 1rem; }

        p {
            color: var(--text-secondary);
            margin-bottom: 1rem;
            font-size: 1.1rem;
            line-height: 1.8;
        }

        /* Header */
        header {
            background: var(--white);
            border-bottom: 1px solid #E8E8E8;
            padding: 1.5rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--navy);
            text-decoration: none;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            align-items: center;
        }

        .nav-links a {
            text-decoration: none;
            color: var(--text-secondary);
            font-weight: 500;
            transition: color 0.3s;
        }

        .nav-links a:hover { color: var(--gold); }

        /* Buttons */
        .btn {
            display: inline-block;
            padding: 0.875rem 2rem;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }

        .btn-primary {
            background-color: var(--navy);
            color: var(--white);
        }

        .btn-primary:hover {
            background-color: var(--gold);
            color: var(--navy);
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(15, 39, 66, 0.15);
        }

        .btn-cta {
            padding: 1.25rem 3rem;
            font-size: 1.1rem;
            font-weight: 700;
        }

        .btn-cta-primary {
            background-color: var(--gold);
            color: var(--navy);
            border: none;
        }

        .btn-cta-primary:hover {
            background-color: var(--gold-light);
            transform: translateY(-3px);
            box-shadow: 0 12px 24px rgba(184, 154, 74, 0.3);
        }

        .btn-cta-secondary {
            background-color: transparent;
            color: var(--white);
            border: 2px solid var(--gold-light);
        }

        .btn-cta-secondary:hover {
            background-color: rgba(184, 154, 74, 0.15);
            border-color: var(--gold);
            color: var(--gold);
        }

        /* Hero */
        .hero {
            background: linear-gradient(135deg, var(--navy) 0%, #1A3A52 100%);
            color: var(--white);
            padding: 5rem 2rem 4rem;
            text-align: center;
        }

        .hero-container {
            max-width: 850px;
            margin: 0 auto;
        }

        .hero h1 { color: var(--white); font-size: 2.8rem; }

        .hero-subheading {
            font-size: 1.35rem;
            margin-bottom: 2.5rem;
            color: var(--gold-light);
            font-weight: 500;
        }

        .cta-buttons {
            display: flex;
            gap: 1.25rem;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 1.5rem;
        }

        .trust-row {
            display: flex;
            justify-content: center;
            gap: 2.5rem;
            margin-top: 2rem;
            flex-wrap: wrap;
        }

        .trust-item {
            color: #D4D4D4;
            font-size: 0.95rem;
            font-weight: 500;
        }

        .trust-item strong {
            color: var(--gold-light);
            font-size: 1.1rem;
        }

        /* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        section { padding: 4rem 2rem; }
        .section-alt { background-color: var(--gray-light); }

        /* ICP Qualifier */
        .icp-section {
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
            padding: 4rem 2rem;
        }

        .icp-container {
            max-width: 900px;
            margin: 0 auto;
        }

        .icp-section h2 {
            text-align: center;
            margin-bottom: 2rem;
        }

        .icp-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
        }

        .icp-item {
            background: var(--white);
            padding: 1.5rem;
            border-radius: 8px;
            border-left: 4px solid var(--gold);
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }

        .icp-icon {
            font-size: 1.8rem;
            flex-shrink: 0;
        }

        .icp-item h3 {
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
        }

        .icp-item p {
            font-size: 0.95rem;
            margin-bottom: 0;
            color: var(--text-secondary);
        }

        /* Form Section */
        .form-section {
            background: var(--white);
            padding: 4rem 2rem;
        }

        .form-container {
            max-width: 600px;
            margin: 0 auto;
        }

        .form-section h2 {
            text-align: center;
            margin-bottom: 1rem;
        }

        .form-section > .container > p {
            text-align: center;
            margin-bottom: 2rem;
        }

        form {
            display: grid;
            gap: 1.5rem;
        }

        .form-group {
            display: grid;
            gap: 0.5rem;
        }

        label {
            font-weight: 600;
            color: var(--text-primary);
            font-size: 0.95rem;
        }

        input,
        select,
        textarea {
            width: 100%;
            padding: 0.875rem;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            transition: border-color 0.3s;
        }

        input:focus,
        select:focus,
        textarea:focus {
            outline: none;
            border-color: var(--gold);
            box-shadow: 0 0 0 3px rgba(184, 154, 74, 0.1);
        }

        textarea {
            resize: vertical;
            min-height: 80px;
        }

        .form-note {
            font-size: 0.85rem;
            color: var(--text-secondary);
            font-style: italic;
        }

        .form-submit {
            background-color: var(--gold);
            color: var(--navy);
            padding: 1.25rem;
            font-size: 1.1rem;
            font-weight: 700;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
        }

        .form-submit:hover {
            background-color: var(--gold-light);
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(184, 154, 74, 0.3);
        }

        /* Deliverables */
        .deliverables {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin: 2.5rem 0;
        }

        .deliverable-card {
            background: var(--white);
            border: 1px solid #E8E8E8;
            border-radius: 8px;
            padding: 2rem;
            transition: all 0.3s ease;
        }

        .deliverable-card:hover {
            box-shadow: 0 8px 24px rgba(15, 39, 66, 0.1);
            border-color: var(--gold);
        }

        .deliverable-icon { font-size: 2.5rem; margin-bottom: 1rem; }
        .deliverable-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }
        .deliverable-card p { font-size: 1rem; margin-bottom: 0; }

        /* Trust Signals */
        .trust-signals {
            text-align: center;
            margin: 3rem 0 0;
            padding-top: 3rem;
            border-top: 1px solid #E8E8E8;
        }

        .trust-signals p {
            font-size: 1rem;
            color: var(--text-secondary);
        }

        .trust-signals strong {
            color: var(--navy);
            font-weight: 600;
        }

        /* Final CTA */
        .cta-section {
            background: linear-gradient(135deg, var(--navy) 0%, #1A3A52 100%);
            color: var(--white);
            text-align: center;
            padding: 4rem 2rem;
            border-radius: 8px;
            margin: 3rem 0;
        }

        .cta-section h2 { color: var(--white); margin-bottom: 1rem; }
        .cta-section p { color: #E8E8E8; margin-bottom: 2rem; font-size: 1.1rem; }

        .cta-section .cta-buttons { margin-bottom: 1rem; }

        .cta-risk-reversal {
            font-size: 0.95rem;
            color: var(--gold-light);
            margin-top: 1rem;
            font-weight: 500;
        }

        /* Footer */
        footer {
            background-color: var(--navy);
            color: var(--white);
            padding: 3rem 2rem;
            margin-top: 5rem;
            text-align: center;
        }

        .footer-content { max-width: 1200px; margin: 0 auto; }

        .footer-links {
            margin: 1.5rem 0;
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
        }

        .footer-links a {
            color: var(--gold-light);
            text-decoration: none;
            font-size: 0.95rem;
        }

        .footer-links a:hover { color: var(--gold); }

        .footer-contact {
            margin-top: 1.5rem;
            font-size: 0.95rem;
            color: #D4D4D4;
        }

        .footer-contact a { color: var(--gold-light); text-decoration: none; }

        /* Responsive */
        @media (max-width: 768px) {
            h1 { font-size: 2rem; }
            h2 { font-size: 1.75rem; }

            .header-container { flex-direction: column; gap: 1rem; }

            .nav-links {
                flex-direction: column;
                gap: 1rem;
                width: 100%;
                text-align: center;
            }

            .cta-buttons {
                flex-direction: column;
                gap: 1rem;
            }

            .btn-cta {
                width: 100%;
                display: block;
                text-align: center;
            }

            .trust-row { flex-direction: column; gap: 0.75rem; }
            .icp-grid { grid-template-columns: 1fr; }
            .deliverables { grid-template-columns: 1fr; }
            section { padding: 2.5rem 1rem; }
        }

        /* Animations */
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .animate-in { animation: slideUp 0.6s ease-out forwards; }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="header-container">
            <a href="/" class="logo">AOP</a>
            <nav class="nav-links">
                <a href="/">Home</a>
                <a href="#what-you-get">What You Get</a>
                <a href="https://calendly.com/jeremy-appliedops/compliance-scoping" class="btn btn-primary">Get Started</a>
            </nav>
        </div>
    </header>

    <!-- Hero -->
    <section class="hero">
        <div class="hero-container">
            <h1>AI Hiring Compliance Check</h1>
            <p class="hero-subheading">See where you stand in 5 minutes. One-page exposure map delivered in 24 hours. Free.</p>
            <div class="cta-buttons">
                <a href="#intake-form" class="btn btn-cta btn-cta-primary">Start Assessment</a>
                <a href="https://calendly.com/jeremy-appliedops/compliance-scoping" class="btn btn-cta btn-cta-secondary">Schedule Call</a>
            </div>
            <div class="trust-row">
                <span class="trust-item"><strong>Free.</strong> No credit card.</span>
                <span class="trust-item"><strong>5 minutes</strong> to complete.</span>
                <span class="trust-item"><strong>24 hours</strong> to deliver.</span>
            </div>
        </div>
    </section>

    <!-- ICP Qualifier -->
    <section class="icp-section">
        <div class="icp-container">
            <h2>Is This For You?</h2>
            <p style="text-align: center; margin-bottom: 2rem; font-size: 1.05rem;">This assessment is designed for employers who:</p>
            <div class="icp-grid">
                <div class="icp-item">
                    <span class="icp-icon">🏢</span>
                    <div>
                        <h3>Hire in regulated states</h3>
                        <p>You post jobs in Colorado, Illinois, NYC, Texas, California, or Maryland</p>
                    </div>
                </div>
                <div class="icp-item">
                    <span class="icp-icon">🤖</span>
                    <div>
                        <h3>Use any AI in hiring</h3>
                        <p>Your ATS has AI screening, you use assessment tools, or you rely on algorithmic ranking</p>
                    </div>
                </div>
                <div class="icp-item">
                    <span class="icp-icon">⚖️</span>
                    <div>
                        <h3>Want proof you're compliant</h3>
                        <p>You need documentation to defend your hiring practices if questions arise</p>
                    </div>
                </div>
                <div class="icp-item">
                    <span class="icp-icon">✓</span>
                    <div>
                        <h3>Haven't done a bias audit</h3>
                        <p>You're not sure if your tools comply with state laws or if you're missing documentation</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Intake Form -->
    <section class="form-section" id="intake-form">
        <div class="form-container">
            <h2>Get Your Assessment</h2>
            <p style="text-align: center;">Tell us about your hiring setup. We'll review your compliance exposure and send a one-page report within 24 hours.</p>

            <form action="https://appliedoperationsprotocols.com/api/compliance-check" method="POST" onsubmit="return handleFormSubmit(event)">
                <div class="form-group">
                    <label for="name">Full Name *</label>
                    <input type="text" id="name" name="name" required>
                </div>

                <div class="form-group">
                    <label for="email">Work Email *</label>
                    <input type="email" id="email" name="email" required>
                </div>

                <div class="form-group">
                    <label for="company">Company Name *</label>
                    <input type="text" id="company" name="company" required>
                </div>

                <div class="form-group">
                    <label for="headcount">Employee Count *</label>
                    <select id="headcount" name="headcount" required>
                        <option value="">-- Select --</option>
                        <option value="1-50">1-50</option>
                        <option value="51-200">51-200</option>
                        <option value="201-500">201-500</option>
                        <option value="501-1000">501-1,000</option>
                        <option value="1000+">1,000+</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="states">Which states do you hire in? *</label>
                    <textarea id="states" name="states" placeholder="e.g., Colorado, Illinois, New York, California" required></textarea>
                    <p class="form-note">List states where you post jobs or have employees</p>
                </div>

                <div class="form-group">
                    <label for="ats">What ATS or recruiting tools do you use?</label>
                    <textarea id="ats" name="ats" placeholder="e.g., Workday, Greenhouse, Lever, iCIMS, SmartRecruiters, or 'Not sure'"></textarea>
                    <p class="form-note">Optional: helps us identify AI screening in your stack</p>
                </div>

                <button type="submit" class="form-submit">Get My Free Assessment</button>
            </form>

            <!-- Trust Signals -->
            <div class="trust-signals">
                <p><strong>Based on NIST AI Risk Management Framework standards</strong> for evaluating AI hiring tools</p>
                <p>Your data is secure and won't be shared with anyone else</p>
            </div>
        </div>
    </section>

    <!-- What You Get -->
    <section id="what-you-get" class="section-alt">
        <div class="container">
            <h2 style="text-align: center;">What's In Your Assessment</h2>
            <p style="text-align: center; margin-bottom: 2rem;">Within 24 hours, you'll receive a one-page PDF report including:</p>

            <div class="deliverables">
                <div class="deliverable-card">
                    <div class="deliverable-icon">🔍</div>
                    <h3>AI Tools Identified</h3>
                    <p>Every AI tool in your hiring workflow — including ones you might not have realized use algorithms for screening, ranking, or decision-making</p>
                </div>
                <div class="deliverable-card">
                    <div class="deliverable-icon">📋</div>
                    <h3>Compliance Exposure Map</h3>
                    <p>Which state laws apply to you, what specific documentation you need, and which gaps leave you most exposed</p>
                </div>
                <div class="deliverable-card">
                    <div class="deliverable-icon">⚠️</div>
                    <h3>Risk Rating</h3>
                    <p>Clear LOW / MEDIUM / HIGH assessment of your current compliance posture based on your AI stack and states</p>
                </div>
                <div class="deliverable-card">
                    <div class="deliverable-icon">✓</div>
                    <h3>Recommended Next Steps</h3>
                    <p>Prioritized actions to close your gaps. If you want help, we show you how. If not, the assessment is yours to keep</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Alternative CTA: Calendly -->
    <section class="container" style="text-align: center; padding: 3rem 2rem;">
        <h3 style="margin-bottom: 1rem;">Prefer a faster conversation?</h3>
        <p style="margin-bottom: 2rem;">Schedule a 5-minute call with Jeremy. No obligation. No system access needed.</p>
        <a href="https://calendly.com/jeremy-appliedops/compliance-scoping" class="btn btn-primary" style="padding: 1rem 2.5rem; font-size: 1.05rem;">Book a Call</a>
    </section>

    <!-- Final CTA -->
    <section class="container">
        <div class="cta-section">
            <h2>Find Out Where You Stand</h2>
            <p>One page. Your specific AI tools. Your specific state laws. Your specific gaps.</p>
            <div class="cta-buttons">
                <a href="#intake-form" class="btn btn-cta btn-cta-primary">Complete Assessment</a>
                <a href="https://calendly.com/jeremy-appliedops/compliance-scoping" class="btn btn-cta btn-cta-secondary">Schedule Call Instead</a>
            </div>
            <p class="cta-risk-reversal">Worst case? You know exactly where your compliance gaps are — for free.</p>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="footer-content">
            <h3 style="font-family: 'Playfair Display', serif; color: var(--white); margin-bottom: 0;">Applied Operations Protocols</h3>
            <p style="color: #D4D4D4; margin-bottom: 0;">AI Hiring Compliance for Employers</p>
            <div class="footer-links">
                <a href="/">Home</a>
                <a href="/blog/">Blog</a>
                <a href="/privacy/">Privacy</a>
                <a href="/terms/">Terms</a>
                <a href="https://calendly.com/jeremy-appliedops/compliance-scoping">Schedule Call</a>
            </div>
            <div class="footer-contact">
                <p style="margin-bottom: 0;">Questions? <a href="/cdn-cgi/l/email-protection#c2a8a7b0a7afbb82a3b2b2aeaba7a6adb2a7b0a3b6abadacb1b2b0adb6ada1adaeb1eca1adaf"><span class="__cf_email__" data-cfemail="73191601161e0a331203031f1a16171c03160112071a1c1d0003011c071c101c1f005d101c1e">[email&#160;protected]</span></a></p>
                <p style="margin-bottom: 0; margin-top: 0.5rem;">&copy; 2026 Applied Operations Protocols LLC</p>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        function handleFormSubmit(event) {
            // Fallback to email if API endpoint doesn't exist
            const name = document.getElementById('name').value;
            const email = document.getElementById('email').value;
            const company = document.getElementById('company').value;
            const headcount = document.getElementById('headcount').value;
            const states = document.getElementById('states').value;
            const ats = document.getElementById('ats').value;

            // Try to submit to API endpoint
            const formData = {
                name: name,
                email: email,
                company: company,
                headcount: headcount,
                states: states,
                ats: ats,
                source: 'compliance-check'
            };

            fetch('https://appliedoperationsprotocols.com/api/compliance-check', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(formData)
            })
            .then(response => {
                if (response.ok) {
                    // Show success message
                    alert('Thank you! We will send your compliance assessment within 24 hours to ' + email);
                    event.target.reset();
                    return false;
                } else {
                    // Fallback to email
                    fallbackToEmail(event, formData);
                    return false;
                }
            })
            .catch(error => {
                // Fallback to email
                fallbackToEmail(event, formData);
                return false;
            });

            return false;
        }

        function fallbackToEmail(event, formData) {
            // Send to email if API fails
            const subject = 'Compliance Check Request - ' + formData.company;
            const body = 'Name: ' + formData.name + '\n' +
                         'Email: ' + formData.email + '\n' +
                         'Company: ' + formData.company + '\n' +
                         'Headcount: ' + formData.headcount + '\n' +
                         'States: ' + formData.states + '\n' +
                         'ATS: ' + formData.ats;

            window.location.href = 'mailto:jeremy@appliedoperationsprotocols.com?subject=' +
                                   encodeURIComponent(subject) + '&body=' + encodeURIComponent(body);
        }

        // Smooth scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                const href = this.getAttribute('href');
                if (href !== '#' && document.querySelector(href)) {
                    e.preventDefault();
                    document.querySelector(href).scrollIntoView({ behavior: 'smooth' });
                }
            });
        });

        // Animation on scroll
        const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -100px 0px' };
        const observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('animate-in');
                    observer.unobserve(entry.target);
                }
            });
        }, observerOptions);

        document.querySelectorAll('section').forEach(section => { observer.observe(section); });
    </script>
</body>
</html>
