Thinking Machines Inkling – Careers

via BaseTen · Generated

  • AIMAC Debt 2.00
  • Cost $0.05
  • Total Violations 1
  • HTML Size 49 KB
  • Em Dashes 4

Screenshot

View Thinking Machines Inkling Careers page View Live Page

Accessibility Issues Found

1 Serious

  • color-contrast serious 1 instance

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <button class="btn btn-primary" id="calcBtn" style="width:100%; padding:14px; font-size:1rem;">Calculate Benchmark</button>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AscendPath | Elevate Your Career Trajectory</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #0f172a;
            --secondary: #1e40af;
            --accent: #0d9488;
            --accent-light: #ccfbf1;
            --highlight: #f59e0b;
            --text: #334155;
            --text-light: #64748b;
            --bg: #ffffff;
            --bg-alt: #f8fafc;
            --border: #e2e8f0;
            --shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 10px 15px -3px rgba(0,0,0,0.05);
            --shadow-lg: 0 20px 25px -5px rgba(0,0,0,0.08), 0 10px 10px -5px rgba(0,0,0,0.02);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text);
            line-height: 1.6;
            background: var(--bg);
            overflow-x: hidden;
        }

        h1, h2, h3, h4 {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            color: var(--primary);
            line-height: 1.2;
        }

        h1 { font-size: 3.2rem; letter-spacing: -0.02em; }
        h2 { font-size: 2.2rem; letter-spacing: -0.01em; }
        h3 { font-size: 1.3rem; }

        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }
        img { max-width: 100%; display: block; }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* Header */
        header {
            background: var(--bg);
            border-bottom: 1px solid var(--border);
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: var(--shadow);
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 80px;
        }

        .logo-group {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .logo-img {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            object-fit: cover;
            background: var(--secondary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 800;
            font-size: 1.2rem;
        }

        .brand-text h2 {
            font-size: 1.4rem;
            color: var(--primary);
            margin: 0;
            line-height: 1.1;
        }

        .brand-text span {
            font-size: 0.75rem;
            color: var(--text-light);
            font-weight: 500;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        nav ul {
            display: flex;
            gap: 28px;
            align-items: center;
        }

        nav a {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--text);
            transition: color 0.2s;
            position: relative;
        }

        nav a:hover {
            color: var(--secondary);
        }

        nav a::after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent);
            transition: width 0.3s;
        }

        nav a:hover::after {
            width: 100%;
        }

        .nav-cta {
            background: var(--secondary);
            color: #fff !important;
            padding: 8px 18px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.85rem;
            transition: background 0.2s;
        }

        .nav-cta:hover {
            background: #1e3a8a;
            color: #fff !important;
        }

        .nav-cta::after { display: none !important; }

        /* Hero */
        .hero {
            background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
            color: white;
            padding: 100px 0 120px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            right: -50px;
            top: -50px;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(13,148,136,0.2) 0%, transparent 70%);
            border-radius: 50%;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 60px;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .hero h1 {
            color: white;
            font-size: 3.5rem;
            margin-bottom: 20px;
            font-weight: 800;
        }

        .hero h1 span {
            color: var(--accent);
        }

        .hero p {
            font-size: 1.15rem;
            color: #cbd5e1;
            max-width: 540px;
            margin-bottom: 32px;
            line-height: 1.7;
        }

        .hero-btns {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }

        .btn {
            display: inline-block;
            padding: 14px 28px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.2s;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--accent);
            color: white;
            box-shadow: 0 4px 14px rgba(13,148,136,0.4);
        }

        .btn-primary:hover {
            background: #0f766e;
            transform: translateY(-2px);
        }

        .btn-outline {
            background: transparent;
            color: white;
            border: 2px solid rgba(255,255,255,0.3);
        }

        .btn-outline:hover {
            background: rgba(255,255,255,0.1);
            border-color: rgba(255,255,255,0.6);
        }

        .hero-image {
            border-radius: 16px;
            overflow: hidden;
            box-shadow: var(--shadow-lg);
            position: relative;
        }

        .hero-image img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            display: block;
        }

        .hero-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(255,255,255,0.95);
            color: var(--primary);
            padding: 10px 16px;
            border-radius: 8px;
            font-size: 0.85rem;
            font-weight: 600;
            backdrop-filter: blur(4px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

        /* Features */
        .features {
            padding: 80px 0;
            background: var(--bg-alt);
        }

        .section-header {
            text-align: center;
            max-width: 640px;
            margin: 0 auto 60px;
        }

        .section-header h2 {
            margin-bottom: 12px;
        }

        .section-header p {
            color: var(--text-light);
            font-size: 1.1rem;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 24px;
        }

        .feature-card {
            background: white;
            padding: 32px;
            border-radius: 12px;
            border: 1px solid var(--border);
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: var(--shadow);
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-lg);
            border-color: #cbd5e1;
        }

        .feature-icon {
            width: 50px;
            height: 50px;
            background: var(--accent-light);
            color: var(--accent);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            margin-bottom: 20px;
        }

        .feature-card h3 {
            margin-bottom: 10px;
            font-size: 1.15rem;
        }

        .feature-card p {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* Content + Sidebar */
        .content-area {
            padding: 80px 0;
            background: var(--bg);
        }

        .content-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 50px;
            align-items: start;
        }

        .content-block {
            margin-bottom: 60px;
        }

        .content-block:last-child {
            margin-bottom: 0;
        }

        .content-block h2 {
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .content-block h2 .dot {
            width: 10px;
            height: 10px;
            background: var(--accent);
            border-radius: 50%;
            display: inline-block;
        }

        .content-block p {
            color: var(--text);
            margin-bottom: 16px;
            font-size: 1.05rem;
            line-height: 1.75;
        }

        .content-image {
            width: 100%;
            height: 260px;
            object-fit: cover;
            border-radius: 12px;
            margin: 24px 0;
            box-shadow: var(--shadow);
        }

        .content-cta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--secondary);
            color: white;
            padding: 10px 20px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.9rem;
            margin-top: 10px;
            transition: background 0.2s;
        }

        .content-cta:hover {
            background: #1e3a8a;
        }

        /* Sidebar */
        .sidebar {
            position: sticky;
            top: 100px;
        }

        .sidebar-card {
            background: var(--bg-alt);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 28px;
            margin-bottom: 24px;
        }

        .sidebar-card h4 {
            font-size: 1.1rem;
            margin-bottom: 18px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--accent);
            display: inline-block;
        }

        .sidebar-list li {
            padding: 10px 0;
            border-bottom: 1px solid var(--border);
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.92rem;
            color: var(--text);
        }

        .sidebar-list li:last-child {
            border-bottom: none;
        }

        .sidebar-list .icon {
            width: 24px;
            height: 24px;
            background: var(--accent-light);
            color: var(--accent);
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            flex-shrink: 0;
        }

        .success-mini {
            display: flex;
            gap: 14px;
            align-items: flex-start;
            margin-bottom: 10px;
        }

        .success-mini img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            flex-shrink: 0;
        }

        .success-mini div h5 {
            font-size: 0.9rem;
            margin-bottom: 4px;
            color: var(--primary);
        }

        .success-mini div p {
            font-size: 0.85rem;
            color: var(--text-light);
            line-height: 1.5;
        }

        .tip-box {
            background: linear-gradient(135deg, #fff7ed, #ffedd5);
            border-left: 4px solid var(--highlight);
            padding: 18px;
            border-radius: 0 8px 8px 0;
        }

        .tip-box h5 {
            color: #9a3412;
            font-size: 0.95rem;
            margin-bottom: 6px;
        }

        .tip-box p {
            color: #7c2d12;
            font-size: 0.9rem;
            line-height: 1.5;
        }

        /* Interactive Tool */
        .tool-section {
            padding: 80px 0;
            background: var(--bg-alt);
        }

        .tool-box {
            background: white;
            border-radius: 16px;
            padding: 40px;
            box-shadow: var(--shadow-lg);
            border: 1px solid var(--border);
            max-width: 900px;
            margin: 0 auto;
        }

        .tool-box h2 {
            text-align: center;
            margin-bottom: 8px;
        }

        .tool-box > p {
            text-align: center;
            color: var(--text-light);
            margin-bottom: 32px;
        }

        .tool-form {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group label {
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--text);
            margin-bottom: 8px;
        }

        .form-group select {
            padding: 12px 14px;
            border-radius: 8px;
            border: 1.5px solid var(--border);
            font-family: inherit;
            font-size: 0.95rem;
            color: var(--text);
            background: white;
            cursor: pointer;
            transition: border-color 0.2s;
        }

        .form-group select:focus {
            outline: none;
            border-color: var(--accent);
        }

        .tool-result {
            background: var(--accent-light);
            border-radius: 10px;
            padding: 24px;
            display: none;
            animation: fadeIn 0.5s ease;
        }

        .tool-result.active {
            display: block;
        }

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

        .result-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .result-header h3 {
            color: var(--primary);
        }

        .salary-range {
            font-size: 1.8rem;
            font-weight: 800;
            color: var(--accent);
        }

        .bar-container {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 12px;
        }

        .bar-label {
            width: 100px;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--text-light);
            text-align: right;
            flex-shrink: 0;
        }

        .bar-track {
            flex: 1;
            height: 28px;
            background: #e2e8f0;
            border-radius: 6px;
            overflow: hidden;
            position: relative;
        }

        .bar-fill {
            height: 100%;
            background: linear-gradient(90deg, var(--accent), #2dd4bf);
            border-radius: 6px;
            width: 0;
            transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .bar-value {
            width: 80px;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--text);
            flex-shrink: 0;
        }

        /* Testimonials */
        .testimonials {
            padding: 80px 0;
            background: var(--bg);
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 24px;
            margin-top: 50px;
        }

        .testimonial-card {
            background: white;
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px;
            position: relative;
            box-shadow: var(--shadow);
        }

        .testimonial-card::before {
            content: '"';
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 4rem;
            color: var(--accent-light);
            font-family: Georgia, serif;
            line-height: 1;
        }

        .testimonial-text {
            color: var(--text);
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .testimonial-author img {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            object-fit: cover;
        }

        .testimonial-author div h5 {
            font-size: 0.95rem;
            color: var(--primary);
            margin-bottom: 2px;
        }

        .testimonial-author div span {
            font-size: 0.8rem;
            color: var(--text-light);
        }

        .stars {
            color: var(--highlight);
            font-size: 0.9rem;
            margin-bottom: 4px;
            letter-spacing: 2px;
        }

        /* FAQ */
        .faq-section {
            padding: 80px 0;
            background: var(--bg-alt);
        }

        .faq-container {
            max-width: 800px;
            margin: 0 auto;
            margin-top: 50px;
        }

        .faq-item {
            background: white;
            border: 1px solid var(--border);
            border-radius: 10px;
            margin-bottom: 12px;
            overflow: hidden;
        }

        .faq-question {
            width: 100%;
            padding: 20px 24px;
            background: none;
            border: none;
            text-align: left;
            font-size: 1rem;
            font-weight: 600;
            color: var(--primary);
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: inherit;
        }

        .faq-question:hover {
            background: #f8fafc;
        }

        .faq-icon {
            transition: transform 0.3s;
            color: var(--accent);
            font-size: 1.2rem;
        }

        .faq-item.active .faq-icon {
            transform: rotate(45deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
            padding: 0 24px;
            color: var(--text);
            line-height: 1.7;
            font-size: 0.95rem;
        }

        .faq-item.active .faq-answer {
            max-height: 300px;
            padding: 0 24px 20px;
        }

        /* Footer */
        footer {
            background: var(--primary);
            color: #94a3b8;
            padding: 60px 0 24px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-brand h3 {
            color: white;
            font-size: 1.5rem;
            margin-bottom: 12px;
            font-family: 'Playfair Display', serif;
        }

        .footer-brand p {
            line-height: 1.7;
            font-size: 0.9rem;
            margin-bottom: 20px;
            max-width: 300px;
        }

        .social-links {
            display: flex;
            gap: 12px;
        }

        .social-links a {
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.1);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
            color: white;
            font-size: 0.9rem;
        }

        .social-links a:hover {
            background: var(--accent);
            color: white;
        }

        .footer-col h4 {
            color: white;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin-bottom: 18px;
        }

        .footer-col li {
            margin-bottom: 10px;
        }

        .footer-col a {
            font-size: 0.9rem;
            transition: color 0.2s;
        }

        .footer-col a:hover {
            color: white;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            font-size: 0.85rem;
        }

        /* Responsive */
        @media (max-width: 900px) {
            .hero-grid { grid-template-columns: 1fr; }
            .hero-image { display: none; }
            .content-grid { grid-template-columns: 1fr; }
            .sidebar { position: static; }
            .tool-form { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
            h1 { font-size: 2.2rem; }
            nav ul { display: none; }
        }
    </style>
</head>
<body>

    <!-- Header -->
    <header>
        <div class="container header-inner">
            <div class="logo-group">
                <div class="logo-img">AP</div>
                <div class="brand-text">
                    <h2>AscendPath</h2>
                    <span>Elevate Your Career</span>
                </div>
            </div>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#jobs">Job Board</a></li>
                    <li><a href="#resources">Resources</a></li>
                    <li><a href="#resume">Resume Builder</a></li>
                    <li><a href="#interview">Interview Prep</a></li>
                    <li><a href="#salary">Salary Insights</a></li>
                    <li><a href="#contact" class="nav-cta">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero -->
    <section class="hero" id="home">
        <div class="container hero-grid">
            <div class="hero-content">
                <h1>Build Your Future With <span>Confidence</span></h1>
                <p>AscendPath connects ambitious professionals with curated opportunities, expert resume guidance, and strategic networking tools designed to accelerate your career growth in today's competitive landscape.</p>
                <div class="hero-btns">
                    <a href="#profile" class="btn btn-primary">Create Free Profile</a>
                    <a href="#jobs" class="btn btn-outline">Explore Opportunities</a>
                </div>
            </div>
            <div class="hero-image">
                <img src="https://picsum.photos/600/400?grayscale&blur=1" alt="Professional workspace">
                <div class="hero-badge">10,000+ Jobs Listed Weekly</div>
            </div>
        </div>
    </section>

    <!-- Features -->
    <section class="features">
        <div class="container">
            <div class="section-header">
                <h2>Everything You Need to Succeed</h2>
                <p>Comprehensive tools and resources tailored for every stage of your professional journey, from entry-level exploration to executive leadership.</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🔍</div>
                    <h3>Smart Job Matching</h3>
                    <p>Our algorithm analyzes your skills, experience, and aspirations to recommend positions that truly align with your career trajectory and personal values.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📄</div>
                    <h3>ATS-Optimized Resumes</h3>
                    <p>Navigate applicant tracking systems with resumes engineered for visibility. Our builder ensures your transferable skills shine through automated filters.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🎤</div>
                    <h3>Interview Mastery</h3>
                    <p>Access curated question banks, mock interview simulations, and expert feedback to refine your narrative and build unshakeable confidence.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🤝</div>
                    <h3>Strategic Networking</h3>
                    <p>Expand your professional circle through targeted introductions, industry events, and mentorship programs that foster meaningful connections.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Main Content + Sidebar -->
    <section class="content-area" id="resources">
        <div class="container content-grid">
            <div class="main-content">
                <!-- Industry Trends -->
                <div class="content-block" id="trends">
                    <h2><span class="dot"></span>Industry Trends Shaping 2025</h2>
                    <p>The employment landscape continues to evolve at an unprecedented pace, driven by technological innovation and shifting organizational priorities. One of the most significant developments is the widespread adoption of artificial intelligence within recruitment pipelines. Companies are increasingly leveraging AI-powered applicant tracking systems that can parse thousands of resumes in minutes, identifying candidates whose experience aligns precisely with role requirements.</p>
                    <p>However, this technological shift has paradoxically elevated the importance of human-centered skills. Employers are placing greater weight on emotional intelligence, adaptability, and collaborative problem-solving—qualities that algorithms cannot easily quantify. Meanwhile, the normalization of hybrid and remote work structures has expanded geographic talent pools, allowing professionals to pursue opportunities regardless of physical location. Skills-based hiring is also gaining momentum, with organizations prioritizing demonstrated competencies over traditional degree credentials, opening doors for career changers with strong transferable skills.</p>
                    <img src="https://picsum.photos/600/280?grayscale" alt="Modern office environment" class="content-image">
                    <p>For job seekers, staying competitive requires continuous learning and strategic positioning. Understanding these macro trends allows you to tailor your professional narrative, highlighting adaptability and technical fluency in equal measure. At AscendPath, we continuously analyze labor market data to ensure our guidance reflects real-world demands, empowering you to make informed decisions about your next career move.</p>
                    <a href="#jobs" class="content-cta">Start Application →</a>
                </div>

                <!-- Resume Guide -->
                <div class="content-block" id="resume">
                    <h2><span class="dot"></span>The Complete Resume Guide</h2>
                    <p>Your resume serves as the cornerstone of your professional brand—a concise narrative that must capture attention within six seconds. In an era dominated by digital screening tools, understanding how applicant tracking software evaluates submissions is essential for success. These systems scan for specific keywords, standardized formatting, and clear section hierarchies, often filtering out visually creative but technically incompatible documents before human eyes ever review them.</p>
                    <p>To maximize your visibility, focus on quantifying achievements with specific metrics rather than listing generic responsibilities. For professionals transitioning between industries, strategically framing transferable skills is paramount. Leadership, project management, data analysis, and client relations capabilities often translate across sectors when articulated with context and impact. Use industry-specific terminology that demonstrates fluency in your target field, and always customize your resume for each application to align with the job description's core competencies.</p>
                    <img src="https://picsum.photos/600/280?grayscale&blur=2" alt="Resume planning workspace" class="content-image">
                    <p>Beyond content, structural clarity matters immensely. Maintain consistent formatting, utilize bullet points for readability, and ensure your contact information and LinkedIn profile are prominently displayed. Our Resume Builder tool guides you through each section with intelligent prompts, helping you craft a document that resonates with both algorithms and hiring managers. Remember, your resume is not merely a history of employment—it is a strategic marketing document designed to open doors to meaningful conversations.</p>
                    <a href="#builder" class="content-cta">Upload Resume for Review →</a>
                </div>

                <!-- Networking -->
                <div class="content-block" id="network">
                    <h2><span class="dot"></span>Mastering Professional Networking</h2>
                    <p>Despite the proliferation of digital job boards, research consistently demonstrates that a substantial percentage of positions are filled through personal and professional connections rather than public postings. Effective networking is not about transactional exchanges of business cards; rather, it is about cultivating genuine relationships built on mutual value, curiosity, and consistency over time.</p>
                    <p>Begin by optimizing your presence on professional platforms, ensuring your profile communicates a clear value proposition with specific accomplishments and relevant keywords. Engage meaningfully with industry content, share thoughtful insights, and participate in virtual and in-person events aligned with your career interests. Informational interviews remain one of the most powerful tools available—reaching out to professionals in roles you admire can yield invaluable insights about organizational culture, required skill sets, and hidden opportunities.</p>
                    <img src="https://picsum.photos/600/280?grayscale&blur=1" alt="Professional networking event" class="content-image">
                    <p>Do not underestimate the power of alumni networks, professional associations, and mentorship programs. These structured environments provide natural contexts for relationship building without the pressure of immediate job solicitation. At AscendPath, our networking hub facilitates introductions based on shared goals and complementary expertise, helping you build a robust professional ecosystem that supports long-term career sustainability. Invest in your network consistently, and you will discover that opportunities often find you before you ever need to search for them.</p>
                    <a href="#networking" class="content-cta">Join Our Network →</a>
                </div>
            </div>

            <!-- Sidebar -->
            <aside class="sidebar" id="interview">
                <div class="sidebar-card">
                    <h4>Popular Skill Courses</h4>
                    <ul class="sidebar-list">
                        <li><span class="icon">✓</span> Data Analytics Fundamentals</li>
                        <li><span class="icon">✓</span> Strategic Communication</li>
                        <li><span class="icon">✓</span> Project Management Essentials</li>
                        <li><span class="icon">✓</span> Digital Marketing Strategy</li>
                        <li><span class="icon">✓</span> Leadership & Team Dynamics</li>
                    </ul>
                </div>

                <div class="sidebar-card">
                    <h4>Success Story</h4>
                    <div class="success-mini">
                        <img src="https://i.pravatar.cc/100?u=sarah" alt="Sarah Mitchell">
                        <div>
                            <h5>Sarah Mitchell</h5>
                            <p>"AscendPath's resume tools helped me highlight my transferable skills and land a senior marketing role within three weeks!"</p>
                        </div>
                    </div>
                    <div class="success-mini">
                        <img src="https://i.pravatar.cc/100?u=james" alt="James Chen">
                        <div>
                            <h5>James Chen</h5>
                            <p>"The interview prep resources gave me the confidence to negotiate a 20% salary increase at my new tech position."</p>
                        </div>
                    </div>
                </div>

                <div class="sidebar-card">
                    <div class="tip-box">
                        <h5>💡 Daily Career Tip</h5>
                        <p>Set a calendar reminder every quarter to update your resume with recent accomplishments. Future-you will be grateful when an unexpected opportunity arises.</p>
                    </div>
                </div>
            </aside>
        </div>
    </section>

    <!-- Interactive Salary Tool -->
    <section class="tool-section" id="salary">
        <div class="container">
            <div class="section-header">
                <h2>Salary Benchmark Calculator</h2>
                <p>Compare compensation ranges across industries and experience levels to inform your negotiation strategy.</p>
            </div>
            <div class="tool-box">
                <h2>What Should You Be Earning?</h2>
                <p>Select your profile below to see market-aligned salary ranges</p>
                <div class="tool-form">
                    <div class="form-group">
                        <label for="industry">Industry Sector</label>
                        <select id="industry">
                            <option value="tech">Technology</option>
                            <option value="healthcare">Healthcare</option>
                            <option value="finance">Finance</option>
                            <option value="marketing">Marketing</option>
                            <option value="education">Education</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="experience">Experience Level</label>
                        <select id="experience">
                            <option value="entry">Entry Level (0-2 Years)</option>
                            <option value="mid">Mid-Level (3-7 Years)</option>
                            <option value="senior">Senior (8+ Years)</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="location">Work Environment</label>
                        <select id="location">
                            <option value="urban">Major Urban Center</option>
                            <option value="remote">Fully Remote</option>
                            <option value="hybrid">Hybrid / Suburban</option>
                        </select>
                    </div>
                </div>
                <button class="btn btn-primary" id="calcBtn" style="width:100%; padding:14px; font-size:1rem;">Calculate Benchmark</button>

                <div class="tool-result" id="resultBox">
                    <div class="result-header">
                        <h3>Your Estimated Range</h3>
                        <div class="salary-range" id="salaryDisplay">$75,000 - $95,000</div>
                    </div>
                    <div class="bar-container">
                        <div class="bar-label">Entry</div>
                        <div class="bar-track"><div class="bar-fill" id="barEntry" style="width:25%"></div></div>
                        <div class="bar-value" id="valEntry">$45K</div>
                    </div>
                    <div class="bar-container">
                        <div class="bar-label">Mid</div>
                        <div class="bar-track"><div class="bar-fill" id="barMid" style="width:55%"></div></div>
                        <div class="bar-value" id="valMid">$75K</div>
                    </div>
                    <div class="bar-container">
                        <div class="bar-label">Senior</div>
                        <div class="bar-track"><div class="bar-fill" id="barSenior" style="width:85%"></div></div>
                        <div class="bar-value" id="valSenior">$120K</div>
                    </div>
                    <p style="margin-top:16px; font-size:0.9rem; color:var(--text-light);">Based on aggregated market data for <strong id="resultIndustry">Technology</strong> professionals in <strong id="resultLoc">Major Urban Center</strong> environments. Individual results vary by company size and specific skill set.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section class="testimonials">
        <div class="container">
            <div class="section-header">
                <h2>Trusted by Professionals</h2>
                <p>Hear from members who transformed their careers using AscendPath resources.</p>
            </div>
            <div class="testimonial-grid">
                <div class="testimonial-card">
                    <div class="stars">★★★★★</div>
                    <p class="testimonial-text">The resume builder was a game-changer. It helped me restructure my experience to highlight leadership capabilities I hadn't even recognized in myself. Within a month, I was interviewing for director-level positions that previously seemed out of reach.</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/100?u=maria" alt="Maria Gonzalez">
                        <div>
                            <h5>Maria Gonzalez</h5>
                            <span>Operations Director</span>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="stars">★★★★★</div>
                    <p class="testimonial-text">I was skeptical about networking platforms, but AscendPath introduced me to a mentor who guided my transition from finance to tech. The structured advice and genuine connections made all the difference in navigating unfamiliar territory.</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/100?u=david" alt="David Park">
                        <div>
                            <h5>David Park</h5>
                            <span>Product Analyst</span>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="stars">★★★★★</div>
                    <p class="testimonial-text">The interview preparation tools are incredibly thorough. I practiced with realistic scenarios specific to my industry, which eliminated my anxiety and allowed my authentic personality to shine through during actual interviews.</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/100?u=emily" alt="Emily Roberts">
                        <div>
                            <h5>Emily Roberts</h5>
                            <span>Healthcare Administrator</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="faq-section">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
                <p>Everything you need to know about accelerating your career with AscendPath.</p>
            </div>
            <div class="faq-container">
                <div class="faq-item active">
                    <button class="faq-question">How does AscendPath match me with job opportunities? <span class="faq-icon">+</span></button>
                    <div class="faq-answer">We utilize a hybrid matching system that combines intelligent algorithmic analysis with human curation. Our platform evaluates your skills, experience, geographic preferences, and career goals against thousands of active listings. Unlike generic job boards, we prioritize quality over quantity, presenting you with roles that genuinely align with your professional trajectory and compensation expectations.</div>
                </div>
                <div class="faq-item">
                    <button class="faq-question">Is the resume builder compatible with applicant tracking systems? <span class="faq-icon">+</span></button>
                    <div class="faq-answer">Absolutely. Our builder generates clean, ATS-friendly documents in both PDF and Word formats. We avoid complex formatting, embedded images, and unconventional fonts that confuse parsing software. Additionally, our keyword optimization feature scans job descriptions to suggest relevant terminology that improves your visibility within automated screening processes.</div>
                </div>
                <div class="faq-item">
                    <button class="faq-question">What makes your networking approach different? <span class="faq-icon">+</span></button>
                    <div class="faq-answer">We reject the transactional networking model in favor of meaningful relationship building. Our platform facilitates introductions based on shared professional interests, complementary expertise, and mutual growth objectives. We also provide structured networking guides, conversation starters, and follow-up frameworks to help you nurture connections authentically over time.</div>
                </div>
                <div class="faq-item">
                    <button class="faq-question">Are the salary benchmarks accurate for negotiation? <span class="faq-icon">+</span></button>
                    <div class="faq-answer">Our salary data aggregates information from verified employment reports, government labor statistics, and anonymized user submissions across industries. While individual compensation depends on specific factors, our ranges provide a data-backed foundation for negotiation conversations. We also offer personalized negotiation coaching for premium members.</div>
                </div>
                <div class="faq-item">
                    <button class="faq-question">Do you offer resources for career changers? <span class="faq-icon">+</span></button>
                    <div class="faq-answer">Yes, career transition is one of our core specializations. We provide dedicated guides for identifying and articulating transferable skills, restructuring resumes for new industries, and building credibility in unfamiliar fields. Our mentorship program specifically pairs career changers with professionals who have successfully navigated similar transitions.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer id="contact">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <h3>AscendPath</h3>
                    <p>Empowering professionals worldwide with the tools, knowledge, and connections needed to build meaningful, sustainable careers in an evolving world.</p>
                    <div class="social-links">
                        <a href="#">Ln</a>
                        <a href="#">Tw</a>
                        <a href="#">Ig</a>
                        <a href="#">Yt</a>
                    </div>
                </div>
                <div class="footer-col">
                    <h4>Platform</h4>
                    <ul>
                        <li><a href="#">Job Board</a></li>
                        <li><a href="#">Resume Builder</a></li>
                        <li><a href="#">Interview Prep</a></li>
                        <li><a href="#">Salary Tool</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Press</a></li>
                        <li><a href="#">Partners</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contact</h4>
                    <ul>
                        <li><a href="#">hello@ascendpath.com</a></li>
                        <li><a href="#">+1 (555) 234-5678</a></li>
                        <li><a href="#">450 Park Avenue, NY</a></li>
                        <li><a href="#">Support Center</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2025 AscendPath Inc. All rights reserved.</p>
                <p>
                    <a href="#" style="color:#94a3b8; margin-right:16px;">Privacy Policy</a>
                    <a href="#" style="color:#94a3b8; margin-right:16px;">Terms of Service</a>
                    <a href="#" style="color:#94a3b8;">Cookie Settings</a>
                </p>
            </div>
        </div>
    </footer>

    <script>
        // Salary Calculator Logic
        const calcBtn = document.getElementById('calcBtn');
        const resultBox = document.getElementById('resultBox');
        const salaryDisplay = document.getElementById('salaryDisplay');
        const resultIndustry = document.getElementById('resultIndustry');
        const resultLoc = document.getElementById('resultLoc');
        
        const data = {
            tech: { entry: 65000, mid: 105000, senior: 160000 },
            healthcare: { entry: 55000, mid: 80000, senior: 130000 },
            finance: { entry: 60000, mid: 95000, senior: 150000 },
            marketing: { entry: 48000, mid: 75000, senior: 120000 },
            education: { entry: 42000, mid: 60000, senior: 95000 }
        };

        calcBtn.addEventListener('click', () => {
            const ind = document.getElementById('industry').value;
            const exp = document.getElementById('experience').value;
            const loc = document.getElementById('location').value;
            
            const base = data[ind][exp];
            let multiplier = 1;
            if (loc === 'urban') multiplier = 1.15;
            if (loc === 'remote') multiplier = 0.98;
            if (loc === 'hybrid') multiplier = 1.05;
            
            const rangeLow = Math.round(base * multiplier * 0.85 / 1000) * 1000;
            const rangeHigh = Math.round(base * multiplier * 1.15 / 1000) * 1000;
            
            salaryDisplay.textContent = '$' + rangeLow.toLocaleString() + ' - $' + rangeHigh.toLocaleString();
            resultIndustry.textContent = document.getElementById('industry').options[document.getElementById('industry').selectedIndex].text;
            resultLoc.textContent = document.getElementById('location').options[document.getElementById('location').selectedIndex].text;
            
            // Update bars proportionally
            const maxVal = 180000;
            document.getElementById('barEntry').style.width = Math.min(100, (data[ind].entry * multiplier / maxVal) * 100) + '%';
            document.getElementById('barMid').style.width = Math.min(100, (data[ind].mid * multiplier / maxVal) * 100) + '%';
            document.getElementById('barSenior').style.width = Math.min(100, (data[ind].senior * multiplier / maxVal) * 100) + '%';
            
            document.getElementById('valEntry').textContent = '$' + Math.round(data[ind].entry * multiplier).toLocaleString();
            document.getElementById('valMid').textContent = '$' + Math.round(data[ind].mid * multiplier).toLocaleString();
            document.getElementById('valSenior').textContent = '$' + Math.round(data[ind].senior * multiplier).toLocaleString();
            
            resultBox.classList.add('active');
            resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        });

        // FAQ Accordion
        document.querySelectorAll('.faq-question').forEach(btn => {
            btn.addEventListener('click', () => {
                const item = btn.parentElement;
                const isActive = item.classList.contains('active');
                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));
                if (!isActive) item.classList.add('active');
            });
        });

        // Smooth scroll for nav
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
            });
        });
    </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:44:48.848Z",
  "url": "https://benchmark.aimac.invalid/4442c834b909e947704c4428108b7af7ba68eb1ed695aa7b68c476559283b191.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<button class=\"btn btn-primary\" id=\"calcBtn\" style=\"width:100%; padding:14px; font-size:1rem;\">Calculate Benchmark</button>",
          "target": [
            "#calcBtn"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"btn btn-primary\" id=\"calcBtn\" style=\"width:100%; padding:14px; font-size:1rem;\">Calculate Benchmark</button>",
          "target": [
            "#calcBtn"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h2>AscendPath</h2>",
                  "target": [
                    ".brand-text > h2"
                  ]
                },
                {
                  "html": "<h1>Build Your Future With <span>Confidence</span></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Everything You Need to Succeed</h2>",
                  "target": [
                    ".features > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>Smart Job Matching</h3>",
                  "target": [
                    ".feature-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>ATS-Optimized Resumes</h3>",
                  "target": [
                    ".feature-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Interview Mastery</h3>",
                  "target": [
                    ".feature-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Strategic Networking</h3>",
                  "target": [
                    ".feature-card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2><span class=\"dot\"></span>Industry Trends Shaping 2025</h2>",
                  "target": [
                    "#trends > h2"
                  ]
                },
                {
                  "html": "<h2><span class=\"dot\"></span>The Complete Resume Guide</h2>",
                  "target": [
                    "#resume > h2"
                  ]
                },
                {
                  "html": "<h2><span class=\"dot\"></span>Mastering Professional Networking</h2>",
                  "target": [
                    "#network > h2"
                  ]
                },
                {
                  "html": "<h4>Popular Skill Courses</h4>",
                  "target": [
                    ".sidebar-card:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4>Success Story</h4>",
                  "target": [
                    ".sidebar-card:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h5>Sarah Mitchell</h5>",
                  "target": [
                    ".success-mini:nth-child(2) > div > h5"
                  ]
                },
                {
                  "html": "<h5>James Chen</h5>",
                  "target": [
                    ".success-mini:nth-child(3) > div > h5"
                  ]
                },
                {
                  "html": "<h5>\ud83d\udca1 Daily Career Tip</h5>",
                  "target": [
                    ".tip-box > h5"
                  ]
                },
                {
                  "html": "<h2>Salary Benchmark Calculator</h2>",
                  "target": [
                    "#salary > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>What Should You Be Earning?</h2>",
                  "target": [
                    ".tool-box > h2"
                  ]
                },
                {
                  "html": "<h2>Trusted by Professionals</h2>",
                  "target": [
                    ".testimonials > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h5>Maria Gonzalez</h5>",
                  "target": [
                    ".testimonial-card:nth-child(1) > .testimonial-author > div > h5"
                  ]
                },
                {
                  "html": "<h5>David Park</h5>",
                  "target": [
                    ".testimonial-card:nth-child(2) > .testimonial-author > div > h5"
                  ]
                },
                {
                  "html": "<h5>Emily Roberts</h5>",
                  "target": [
                    ".testimonial-card:nth-child(3) > .testimonial-author > div > h5"
                  ]
                },
                {
                  "html": "<h2>Frequently Asked Questions</h2>",
                  "target": [
                    ".faq-section > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>AscendPath</h3>",
                  "target": [
                    ".footer-brand > h3"
                  ]
                },
                {
                  "html": "<h4>Platform</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Company</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#1e40af",
                "contrastRatio": 8.72,
                "fontSize": "14.4pt (19.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 8.72"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"logo-img\">AP</div>",
          "target": [
            ".logo-img"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "industry",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<select id=\"industry\">",
          "target": [
            "#industry"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"industry\">Industry Sector</label>",
                  "target": [
                    "label[for=\"industry\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"industry\">",
          "target": [
            "#industry"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://picsum.photos/600/400?grayscale&amp;blur=1\" alt=\"Professional workspace\">",
          "target": [
            "img[alt=\"Professional workspace\"]"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"content-block\" id=\"trends\">",
                  "target": [
                    "#trends"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text in some way other than by color"
            },
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"content-block\" id=\"trends\">",
                  "target": [
                    "#trends"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#jobs\" class=\"content-cta\">Start Application \u2192</a>",
          "target": [
            ".content-cta[href$=\"#jobs\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "a[href$=\"#home\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            "nav > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#home\">Home</a></li>",
          "target": [
            "nav > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://picsum.photos/600/400?grayscale&amp;blur=1\" alt=\"Professional workspace\">",
          "target": [
            "img[alt=\"Professional workspace\"]"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": {
                "explicitLabel": "Industry Sector"
              },
              "relatedNodes": [
                {
                  "html": "<label for=\"industry\">Industry Sector</label>",
                  "target": [
                    "label[for=\"industry\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"industry\">",
          "target": [
            "#industry"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "a[href$=\"#home\"]"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fontSize": "42.0pt (56px)",
                "fontWeight": "bold",
                "messageKey": "pseudoContent",
                "expectedContrastRatio": "3:1"
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\" id=\"home\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a pseudo element"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h1>Build Your Future With <span>Confidence</span></h1>",
          "target": [
            "h1"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0d9488",
                "contrastRatio": 3.74,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"btn btn-primary\" id=\"calcBtn\" style=\"width:100%; padding:14px; font-size:1rem;\">Calculate Benchmark</button>",
                  "target": [
                    "#calcBtn"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.74 (foreground color: #ffffff, background color: #0d9488, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"btn btn-primary\" id=\"calcBtn\" style=\"width:100%; padding:14px; font-size:1rem;\">Calculate Benchmark</button>",
          "target": [
            "#calcBtn"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.74 (foreground color: #ffffff, background color: #0d9488, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 7232
      },
      {
        "y": 576,
        "height": 7232
      },
      {
        "y": 1152,
        "height": 7232
      },
      {
        "y": 1728,
        "height": 7232
      },
      {
        "y": 2304,
        "height": 7232
      },
      {
        "y": 2880,
        "height": 7232
      },
      {
        "y": 3456,
        "height": 7232
      },
      {
        "y": 4032,
        "height": 7232
      },
      {
        "y": 4608,
        "height": 7232
      },
      {
        "y": 5184,
        "height": 7232
      },
      {
        "y": 5760,
        "height": 7232
      },
      {
        "y": 6336,
        "height": 7232
      },
      {
        "y": 6512,
        "height": 7232
      }
    ],
    "scans": 14,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Careers" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Careers"
- Description: Job boards, career advice, resume tips, and professional resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Careers" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Contact", "Interview Prep", "Resume Builder".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Careers" category. Consider themes similar to: "Industry Trends", "Resume Guide", "Professional Networking".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "transferable skills", "applicant tracking", "networking".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Create Profile", "Start Application", "Upload Resume".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Careers" sector. Ideas similar but not limited to: "salary comparison".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "skill courses", "success stories", "career advice".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.