inclusionAI Ling 3.0 Flash – Non Profit Charity

via Novita · Generated

  • AIMAC Debt 6.24
  • Cost $0.0012
  • Total Violations 86
  • HTML Size 73 KB
  • Em Dashes 13

Screenshot

View inclusionAI Ling 3.0 Flash Non Profit Charity page View Live Page

Accessibility Issues Found

86 Serious

  • color-contrast serious 86 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <div class="stat-label">Volunteer Hours</div>

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>HopeBridge Foundation — Connecting Communities, Building Futures</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=Playfair+Display:wght@400;600;700;800&family=Source+Sans+3:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        /* ===== RESET & BASE ===== */
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; font-size: 16px; }
        body {
            font-family: 'Source Sans 3', sans-serif;
            color: #2d3748;
            background: #fefcf8;
            line-height: 1.7;
            overflow-x: hidden;
        }
        img { max-width: 100%; display: block; }
        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }
        h1, h2, h3, h4 { font-family: 'Playfair Display', serif; line-height: 1.25; }

        /* ===== CSS VARIABLES ===== */
        :root {
            --primary: #0d6b5e;
            --primary-dark: #084f45;
            --primary-light: #e0f2f1;
            --accent: #e8a838;
            --accent-dark: #c78a1e;
            --accent-light: #fef3c7;
            --dark: #1a202c;
            --gray: #718096;
            --gray-light: #e2e8f0;
            --bg-cream: #fefcf8;
            --bg-white: #ffffff;
            --bg-warm: #fdf8f0;
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
            --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
            --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
            --radius: 12px;
            --radius-lg: 20px;
            --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* ===== UTILITY ===== */
        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
        .section { padding: 100px 0; }
        .section-alt { background: var(--bg-warm); }
        .section-label {
            display: inline-block;
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: var(--accent);
            margin-bottom: 12px;
        }
        .section-title {
            font-size: clamp(1.8rem, 4vw, 2.8rem);
            font-weight: 700;
            color: var(--dark);
            margin-bottom: 16px;
        }
        .section-desc {
            font-size: 1.05rem;
            color: var(--gray);
            max-width: 640px;
            margin: 0 auto 48px;
        }
        .text-center { text-align: center; }
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            border-radius: 50px;
            font-family: 'Source Sans 3', sans-serif;
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            border: none;
            transition: var(--transition);
            text-decoration: none;
        }
        .btn-primary {
            background: var(--primary);
            color: #fff;
            box-shadow: 0 4px 16px rgba(13,107,94,0.3);
        }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 6px 24px rgba(13,107,94,0.4); }
        .btn-accent {
            background: var(--accent);
            color: var(--dark);
            box-shadow: 0 4px 16px rgba(232,168,56,0.3);
        }
        .btn-accent:hover { background: var(--accent-dark); transform: translateY(-2px); }
        .btn-outline {
            background: transparent;
            color: var(--primary);
            border: 2px solid var(--primary);
        }
        .btn-outline:hover { background: var(--primary); color: #fff; }
        .btn-white {
            background: #fff;
            color: var(--primary);
            box-shadow: var(--shadow-md);
        }
        .btn-white:hover { background: var(--primary-light); transform: translateY(-2px); }

        /* ===== HEADER ===== */
        .header {
            position: fixed;
            top: 0; left: 0; right: 0;
            z-index: 1000;
            background: rgba(254,252,248,0.92);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(0,0,0,0.06);
            transition: var(--transition);
        }
        .header.scrolled { box-shadow: var(--shadow-md); }
        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 72px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .logo-img {
            width: 44px; height: 44px;
            border-radius: 10px;
            object-fit: cover;
        }
        .logo-text {
            font-family: 'Playfair Display', serif;
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--primary);
        }
        .logo-text span { color: var(--accent); }

        /* Nav */
        .nav { display: flex; align-items: center; gap: 4px; }
        .nav-link {
            padding: 8px 16px;
            font-size: 0.9rem;
            font-weight: 500;
            color: var(--gray);
            border-radius: 8px;
            transition: var(--transition);
        }
        .nav-link:hover, .nav-link.active { color: var(--primary); background: var(--primary-light); }
        .nav-cta {
            margin-left: 12px;
            padding: 10px 24px;
            background: var(--primary);
            color: #fff;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            transition: var(--transition);
        }
        .nav-cta:hover { background: var(--primary-dark); transform: translateY(-1px); }

        /* Mobile hamburger */
        .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 8px; }
        .hamburger span { width: 24px; height: 2px; background: var(--dark); border-radius: 2px; transition: var(--transition); }
        .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
        .hamburger.active span:nth-child(2) { opacity: 0; }
        .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

        /* ===== HERO ===== */
        .hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            padding-top: 72px;
        }
        .hero-bg {
            position: absolute; inset: 0;
            background: linear-gradient(135deg, #084f45 0%, #0d6b5e 40%, #1a7a6c 100%);
        }
        .hero-bg::after {
            content: '';
            position: absolute; inset: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        .hero-content {
            position: relative; z-index: 2;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }
        .hero-text { color: #fff; }
        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 20px;
            background: rgba(255,255,255,0.12);
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 500;
            margin-bottom: 24px;
            backdrop-filter: blur(8px);
        }
        .hero-badge i { color: var(--accent); }
        .hero-title {
            font-size: clamp(2.4rem, 5vw, 3.8rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 20px;
            color: #fff;
        }
        .hero-title em {
            font-style: normal;
            color: var(--accent);
        }
        .hero-desc {
            font-size: 1.1rem;
            line-height: 1.8;
            opacity: 0.9;
            margin-bottom: 36px;
            max-width: 520px;
        }
        .hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }
        .hero-visual {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .hero-image-wrapper {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 24px 64px rgba(0,0,0,0.3);
        }
        .hero-image-wrapper img {
            width: 100%;
            height: 480px;
            object-fit: cover;
        }
        .hero-float-card {
            position: absolute;
            bottom: -20px; left: -20px;
            background: #fff;
            border-radius: var(--radius);
            padding: 20px 24px;
            box-shadow: var(--shadow-lg);
            display: flex;
            align-items: center;
            gap: 14px;
        }
        .hero-float-card .icon-circle {
            width: 48px; height: 48px;
            border-radius: 50%;
            background: var(--primary-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            font-size: 1.2rem;
        }
        .hero-float-card .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--dark);
        }
        .hero-float-card .stat-label {
            font-size: 0.8rem;
            color: var(--gray);
        }

        /* ===== ABOUT ===== */
        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }
        .about-image {
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-lg);
            position: relative;
        }
        .about-image img { width: 100%; height: 420px; object-fit: cover; }
        .about-image::after {
            content: '';
            position: absolute;
            inset: 0;
            border: 3px solid var(--accent);
            border-radius: var(--radius-lg);
            margin: -12px;
        }
        .about-content .section-label { margin-bottom: 16px; }
        .about-content h2 { margin-bottom: 20px; }
        .about-content p { margin-bottom: 16px; color: var(--gray); }
        .about-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 32px;
        }
        .about-stat {
            text-align: center;
            padding: 20px;
            background: var(--bg-white);
            border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
        }
        .about-stat .number {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            font-weight: 700;
            color: var(--primary);
        }
        .about-stat .label {
            font-size: 0.85rem;
            color: var(--gray);
            margin-top: 4px;
        }

        /* ===== IMPACT / STORIES ===== */
        .stories-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 32px;
        }
        .story-card {
            background: var(--bg-white);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
        }
        .story-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
        .story-card-img {
            height: 220px;
            overflow: hidden;
        }
        .story-card-img img {
            width: 100%; height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .story-card:hover .story-card-img img { transform: scale(1.05); }
        .story-card-body { padding: 24px; }
        .story-tag {
            display: inline-block;
            padding: 4px 12px;
            background: var(--accent-light);
            color: var(--accent-dark);
            border-radius: 50px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 12px;
        }
        .story-card-body h3 {
            font-size: 1.25rem;
            margin-bottom: 10px;
            color: var(--dark);
        }
        .story-card-body p {
            font-size: 0.92rem;
            color: var(--gray);
            margin-bottom: 16px;
        }
        .story-meta {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 0.82rem;
            color: var(--gray);
        }
        .story-meta img {
            width: 32px; height: 32px;
            border-radius: 50%;
            object-fit: cover;
        }

        /* ===== PROGRAMS ===== */
        .programs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 28px;
        }
        .program-card {
            background: var(--bg-white);
            border-radius: var(--radius-lg);
            padding: 36px 28px;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border-top: 4px solid var(--primary);
            position: relative;
        }
        .program-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
        .program-icon {
            width: 56px; height: 56px;
            border-radius: 14px;
            background: var(--primary-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        .program-card h3 {
            font-size: 1.15rem;
            margin-bottom: 10px;
            color: var(--dark);
        }
        .program-card p {
            font-size: 0.9rem;
            color: var(--gray);
            margin-bottom: 20px;
        }
        .program-link {
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--primary);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: var(--transition);
        }
        .program-link:hover { gap: 10px; }

        /* ===== DONATION TRACKER ===== */
        .tracker-section {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: #fff;
            border-radius: var(--radius-lg);
            padding: 60px;
            position: relative;
            overflow: hidden;
        }
        .tracker-section::before {
            content: '';
            position: absolute;
            top: -50%; right: -20%;
            width: 400px; height: 400px;
            background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
            border-radius: 50%;
        }
        .tracker-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 48px;
            align-items: center;
            position: relative; z-index: 1;
        }
        .tracker-info h2 { color: #fff; margin-bottom: 16px; }
        .tracker-info p { opacity: 0.85; margin-bottom: 24px; line-height: 1.8; }
        .tracker-goals { display: flex; flex-direction: column; gap: 20px; }
        .tracker-goal-item {}
        .tracker-goal-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 0.9rem;
        }
        .tracker-goal-bar {
            height: 10px;
            background: rgba(255,255,255,0.15);
            border-radius: 10px;
            overflow: hidden;
        }
        .tracker-goal-fill {
            height: 100%;
            border-radius: 10px;
            background: var(--accent);
            transition: width 1.5s ease;
            width: 0;
        }
        .tracker-visual {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }
        .tracker-circle {
            width: 200px; height: 200px;
            border-radius: 50%;
            background: rgba(255,255,255,0.08);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            border: 3px solid rgba(255,255,255,0.2);
        }
        .tracker-circle::before {
            content: '';
            position: absolute;
            inset: -3px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: var(--accent);
            animation: spin 3s linear infinite;
        }
        @keyframes spin { to { transform: rotate(360deg); } }
        .tracker-amount {
            font-family: 'Playfair Display', serif;
            font-size: 2.4rem;
            font-weight: 700;
        }
        .tracker-amount small { font-size: 1rem; font-weight: 400; opacity: 0.7; }
        .tracker-target { font-size: 0.85rem; opacity: 0.7; }
        .tracker-donors {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .tracker-donors img {
            width: 36px; height: 36px;
            border-radius: 50%;
            border: 2px solid rgba(255,255,255,0.3);
        }
        .tracker-donors span { font-size: 0.85rem; opacity: 0.8; }

        /* ===== TESTIMONIALS ===== */
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 28px;
        }
        .testimonial-card {
            background: var(--bg-white);
            border-radius: var(--radius);
            padding: 32px;
            box-shadow: var(--shadow-sm);
            position: relative;
        }
        .testimonial-card::before {
            content: '\201C';
            position: absolute;
            top: 16px; left: 24px;
            font-family: 'Playfair Display', serif;
            font-size: 4rem;
            color: var(--primary-light);
            line-height: 1;
        }
        .testimonial-stars {
            color: var(--accent);
            margin-bottom: 16px;
            font-size: 0.9rem;
        }
        .testimonial-text {
            font-size: 0.95rem;
            color: var(--gray);
            margin-bottom: 20px;
            font-style: italic;
            line-height: 1.8;
        }
        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .testimonial-author img {
            width: 44px; height: 44px;
            border-radius: 50%;
            object-fit: cover;
        }
        .testimonial-author .name {
            font-weight: 600;
            color: var(--dark);
            font-size: 0.9rem;
        }
        .testimonial-author .role {
            font-size: 0.8rem;
            color: var(--gray);
        }

        /* ===== FAQ ACCORDION ===== */
        .faq-list { max-width: 720px; margin: 0 auto; }
        .faq-item {
            background: var(--bg-white);
            border-radius: var(--radius);
            margin-bottom: 12px;
            box-shadow: var(--shadow-sm);
            overflow: hidden;
            transition: var(--transition);
        }
        .faq-item.active { box-shadow: var(--shadow-md); }
        .faq-question {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 24px;
            cursor: pointer;
            font-weight: 600;
            font-size: 1rem;
            color: var(--dark);
            transition: var(--transition);
        }
        .faq-question:hover { color: var(--primary); }
        .faq-question i {
            transition: var(--transition);
            color: var(--accent);
            font-size: 0.9rem;
        }
        .faq-item.active .faq-question i { transform: rotate(180deg); }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
        }
        .faq-answer-inner {
            padding: 0 24px 20px;
            font-size: 0.92rem;
            color: var(--gray);
            line-height: 1.8;
        }

        /* ===== CTA SECTION ===== */
        .cta-section {
            background: var(--bg-warm);
            text-align: center;
        }
        .cta-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 28px;
        }
        .cta-card {
            background: var(--bg-white);
            border-radius: var(--radius-lg);
            padding: 40px 28px;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
        }
        .cta-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
        .cta-card .icon {
            width: 64px; height: 64px;
            border-radius: 16px;
            background: var(--primary-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: var(--primary);
            margin: 0 auto 20px;
        }
        .cta-card h3 { font-size: 1.15rem; margin-bottom: 10px; color: var(--dark); }
        .cta-card p { font-size: 0.9rem; color: var(--gray); margin-bottom: 20px; }

        /* ===== SIDEBAR LAYOUT ===== */
        .content-layout {
            display: grid;
            grid-template-columns: 1fr 340px;
            gap: 40px;
            align-items: start;
        }
        .sidebar-card {
            background: var(--bg-white);
            border-radius: var(--radius);
            padding: 24px;
            box-shadow: var(--shadow-sm);
            margin-bottom: 24px;
        }
        .sidebar-card h3 {
            font-size: 1.05rem;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 2px solid var(--primary-light);
            color: var(--dark);
        }
        .event-list { display: flex; flex-direction: column; gap: 14px; }
        .event-item {
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }
        .event-date {
            min-width: 48px;
            text-align: center;
            background: var(--primary-light);
            border-radius: 8px;
            padding: 6px 8px;
        }
        .event-date .day {
            font-family: 'Playfair Display', serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--primary);
            display: block;
        }
        .event-date .month {
            font-size: 0.7rem;
            font-weight: 600;
            color: var(--primary);
            text-transform: uppercase;
        }
        .event-detail .event-title {
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--dark);
            margin-bottom: 2px;
        }
        .event-detail .event-time {
            font-size: 0.78rem;
            color: var(--gray);
        }
        .newsletter-form { display: flex; flex-direction: column; gap: 12px; }
        .newsletter-form input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid var(--gray-light);
            border-radius: 10px;
            font-family: inherit;
            font-size: 0.9rem;
            transition: var(--transition);
            outline: none;
        }
        .newsletter-form input:focus { border-color: var(--primary); }
        .newsletter-form .btn { width: 100%; justify-content: center; }
        .impact-mini {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 12px 0;
            border-bottom: 1px solid var(--gray-light);
        }
        .impact-mini:last-child { border-bottom: none; }
        .impact-mini .mini-icon {
            width: 40px; height: 40px;
            border-radius: 10px;
            background: var(--accent-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-dark);
            font-size: 0.9rem;
        }
        .impact-mini .mini-text .mini-value {
            font-weight: 700;
            color: var(--dark);
            font-size: 0.95rem;
        }
        .impact-mini .mini-text .mini-label {
            font-size: 0.78rem;
            color: var(--gray);
        }

        /* ===== FOOTER ===== */
        .footer {
            background: var(--dark);
            color: rgba(255,255,255,0.7);
            padding: 64px 0 0;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            padding-bottom: 48px;
            border-bottom: 1px solid rgba(255,255,255,0.08);
        }
        .footer-brand .logo-text {
            font-size: 1.2rem;
            margin-bottom: 12px;
            display: block;
        }
        .footer-brand p { font-size: 0.88rem; line-height: 1.8; margin-bottom: 16px; }
        .footer-social { display: flex; gap: 10px; }
        .footer-social a {
            width: 38px; height: 38px;
            border-radius: 50%;
            background: rgba(255,255,255,0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transition);
            color: #fff;
            font-size: 0.9rem;
        }
        .footer-social a:hover { background: var(--primary); transform: translateY(-2px); }
        .footer-col h4 {
            color: #fff;
            font-size: 0.95rem;
            margin-bottom: 18px;
            font-family: 'Source Sans 3', sans-serif;
            font-weight: 600;
        }
        .footer-col a {
            display: block;
            font-size: 0.85rem;
            padding: 4px 0;
            transition: var(--transition);
        }
        .footer-col a:hover { color: var(--accent); padding-left: 4px; }
        .footer-contact-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 0.85rem;
            margin-bottom: 12px;
        }
        .footer-contact-item i {
            color: var(--accent);
            margin-top: 3px;
            width: 16px;
            text-align: center;
        }
        .footer-bottom {
            padding: 24px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.8rem;
        }
        .footer-bottom-links { display: flex; gap: 20px; }
        .footer-bottom-links a:hover { color: var(--accent); }

        /* ===== SCROLL ANIMATIONS ===== */
        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 1024px) {
            .hero-content { grid-template-columns: 1fr; }
            .hero-visual { order: -1; }
            .hero-image-wrapper img { height: 320px; }
            .about-grid { grid-template-columns: 1fr; }
            .tracker-grid { grid-template-columns: 1fr; }
            .content-layout { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .nav { display: none; flex-direction: column; position: absolute; top: 72px; left: 0; right: 0; background: var(--bg-cream); padding: 20px; box-shadow: var(--shadow-md); }
            .nav.open { display: flex; }
            .hamburger { display: flex; }
            .hero-title { font-size: 2rem; }
            .section { padding: 64px 0; }
            .tracker-section { padding: 40px 24px; }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
        }

        /* ===== PARTICLE DECORATION ===== */
        .hero-particles {
            position: absolute; inset: 0;
            z-index: 1;
            overflow: hidden;
        }
        .particle {
            position: absolute;
            border-radius: 50%;
            background: rgba(255,255,255,0.06);
            animation: float linear infinite;
        }
        @keyframes float {
            0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }
        }
    </style>
</head>
<body>

    <!-- ===== HEADER ===== -->
    <header class="header" id="header">
        <div class="header-inner">
            <a href="#" class="logo">
                <img src="https://placehold.co/44x44/0d6b5e/ffffff?text=HB&font=playfair+display" alt="HopeBridge Foundation Logo" class="logo-img">
                <span class="logo-text">Hope<span>Bridge</span></span>
            </a>
            <nav class="nav" id="mainNav">
                <a href="#home" class="nav-link active">Home</a>
                <a href="#about" class="nav-link">About</a>
                <a href="#programs" class="nav-link">Programs</a>
                <a href="#impact" class="nav-link">Impact</a>
                <a href="#blog" class="nav-link">Blog</a>
                <a href="#partners" class="nav-link">Partners</a>
                <a href="#contact" class="nav-link">Contact</a>
                <a href="#donate" class="nav-cta">Donate Now</a>
            </nav>
            <button class="hamburger" id="hamburger" aria-label="Toggle navigation">
                <span></span><span></span><span></span>
            </button>
        </div>
    </header>

    <main>
        <!-- ===== HERO ===== -->
        <section class="hero" id="home">
            <div class="hero-bg"></div>
            <div class="hero-particles" id="particles"></div>
            <div class="container">
                <div class="hero-content">
                    <div class="hero-text fade-up">
                        <div class="hero-badge"><i class="fas fa-heart"></i> Trusted by 12,000+ Families Worldwide</div>
                        <h1 class="hero-title">Building Bridges to a <em>Brighter Future</em> for Every Community</h1>
                        <p class="hero-desc">HopeBridge Foundation is a registered 501(c)(3) nonprofit dedicated to eradicating poverty, expanding access to education, and empowering underserved communities across 14 countries. Since our founding in 2009, we have mobilized over $48 million in charitable contributions and coordinated more than 2.3 million volunteer hours.</p>
                        <div class="hero-buttons">
                            <a href="#donate" class="btn btn-accent">Make a Donation <i class="fas fa-arrow-right"></i></a>
                            <a href="#programs" class="btn btn-outline" style="color:#fff;border-color:rgba(255,255,255,0.4);">Explore Programs</a>
                        </div>
                    </div>
                    <div class="hero-visual fade-up">
                        <div class="hero-image-wrapper">
                            <img src="https://picsum.photos/600/480?random=hero" alt="Community volunteers working together">
                            <div class="hero-float-card">
                                <div class="icon-circle"><i class="fas fa-hands-helping"></i></div>
                                <div>
                                    <div class="stat-number">2.3M+</div>
                                    <div class="stat-label">Volunteer Hours</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== ABOUT ===== -->
        <section class="section" id="about">
            <div class="container">
                <div class="about-grid">
                    <div class="about-image fade-up">
                        <img src="https://picsum.photos/600/420?random=about" alt="HopeBridge Foundation community outreach">
                    </div>
                    <div class="about-content fade-up">
                        <span class="section-label">Our Mission</span>
                        <h2>Empowering Communities Through Compassionate Action</h2>
                        <p>At HopeBridge Foundation, we believe that lasting change begins with genuine human connection. Our mission is to create sustainable pathways out of poverty by addressing the root causes of inequality — lack of education, limited healthcare access, and insufficient economic opportunity.</p>
                        <p>For over 15 years, our dedicated team of more than 340 full-time staff and 12,000 active volunteers has worked hand-in-hand with local leaders in some of the world's most underserved regions. We don't just deliver aid; we build capacity, foster resilience, and ensure that every dollar donated creates a ripple effect of positive change.</p>
                        <p>Our programs are designed with community input at every stage, ensuring that the solutions we implement are culturally appropriate, locally sustainable, and truly impactful. We measure our success not just in numbers, but in the transformed lives and strengthened communities that result from our collective efforts.</p>
                        <div class="about-stats">
                            <div class="about-stat">
                                <div class="number">14</div>
                                <div class="label">Countries</div>
                            </div>
                            <div class="about-stat">
                                <div class="number">$48M</div>
                                <div class="label">Raised</div>
                            </div>
                            <div class="about-stat">
                                <div class="number">89%</div>
                                <div class="label">Efficiency Rate</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== IMPACT STORIES ===== -->
        <section class="section section-alt" id="impact">
            <div class="container">
                <div class="text-center fade-up">
                    <span class="section-label">Beneficiary Stories</span>
                    <h2 class="section-title">Real Impact, Real Lives Changed</h2>
                    <p class="section-desc">Every number represents a human story of resilience and hope. These are the voices of the communities we serve, sharing how HopeBridge has made a tangible difference in their lives.</p>
                </div>
                <div class="stories-grid">
                    <article class="story-card fade-up">
                        <div class="story-card-img">
                            <img src="https://picsum.photos/400/220?random=story1" alt="Maria's story">
                        </div>
                        <div class="story-card-body">
                            <span class="story-tag">Education</span>
                            <h3>Maria's Journey from Farm Worker to University Scholar</h3>
                            <p>When Maria first joined our Rural Education Initiative in 2018, she was working 12-hour days on her family's smallholding with no hope of continuing her studies. Today, she is pursuing a degree in agricultural engineering at the National University, thanks to our scholarship program and mentorship network. Maria now volunteers as a tutor for younger students in her community, paying forward the opportunity that changed her life.</p>
                            <div class="story-meta">
                                <img src="https://i.pravatar.cc/32?u=maria" alt="Maria">
                                <div>
                                    <strong>Maria Santos</strong>
                                    <span>Scholar, 2018–Present</span>
                                </div>
                            </div>
                        </div>
                    </article>
                    <article class="story-card fade-up">
                        <div class="story-card-img">
                            <img src="https://picsum.photos/400/220?random=story2" alt="Clean water project">
                        </div>
                        <div class="story-card-body">
                            <span class="story-tag">Healthcare</span>
                            <h3>Clean Water Transforms 3 Villages in East Africa</h3>
                            <p>Our Water Access Program installed 12 solar-powered boreholes across three villages in rural Kenya, providing clean drinking water to over 8,500 residents. The impact was immediate and profound: waterborne disease incidents dropped by 74% within the first year, school attendance among children increased by 35%, and women reported reclaiming an average of 4 hours per day previously spent walking to distant water sources.</p>
                            <div class="story-meta">
                                <img src="https://i.pravatar.cc/32?u=water" alt="Community leader">
                                <div>
                                    <strong>James Omondi</strong>
                                    <span>Community Leader, Kenya</span>
                                </div>
                            </div>
                        </div>
                    </article>
                    <article class="story-card fade-up">
                        <div class="story-card-img">
                            <img src="https://picsum.photos/400/220?random=story3" alt="Microfinance success">
                        </div>
                        <div class="story-card-body">
                            <span class="story-tag">Economic Empowerment</span>
                            <h3>From Microloan to Marketplace: How Amina Built a Business</h3>
                            <p>Amina received a $200 microloan through our Women's Economic Empowerment program in 2020. She used the funds to purchase a sewing machine and started repairing clothes in her neighborhood. Within 18 months, she had saved enough to open a small shop, hired two employees, and now trains other women in tailoring skills. Her story is one of over 4,200 women who have launched businesses through our microfinance initiative.</p>
                            <div class="story-meta">
                                <img src="https://i.pravatar.cc/32?u=amina" alt="Amina">
                                <div>
                                    <strong>Amina Diallo</strong>
                                    <span>Entrepreneur, Senegal</span>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </section>

        <!-- ===== PROGRAMS ===== -->
        <section class="section" id="programs">
            <div class="container">
                <div class="text-center fade-up">
                    <span class="section-label">What We Do</span>
                    <h2 class="section-title">Our Core Programs</h2>
                    <p class="section-desc">Each program is designed with measurable outcomes and community partnership at its core. We focus on areas where targeted intervention creates the greatest long-term impact.</p>
                </div>
                <div class="programs-grid">
                    <div class="program-card fade-up">
                        <div class="program-icon"><i class="fas fa-graduation-cap"></i></div>
                        <h3>Education Access Initiative</h3>
                        <p>Building schools, training teachers, and providing scholarships to ensure every child — regardless of background — has access to quality primary and secondary education. Our programs have enrolled over 18,000 students in the past three years.</p>
                        <a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="program-card fade-up">
                        <div class="program-icon"><i class="fas fa-heartbeat"></i></div>
                        <h3>Healthcare & Wellness</h3>
                        <p>Deploying mobile clinics, training community health workers, and establishing rural health posts to bring essential medical care to populations that would otherwise go without. We have conducted over 250,000 patient consultations since 2015.</p>
                        <a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="program-card fade-up">
                        <div class="program-icon"><i class="fas fa-seedling"></i></div>
                        <h3>Sustainable Agriculture</h3>
                        <p>Teaching climate-resilient farming techniques, providing drought-resistant seed varieties, and connecting smallholder farmers to fair markets. Our agricultural programs have increased crop yields by an average of 60% for participating families.</p>
                        <a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="program-card fade-up">
                        <div class="program-icon"><i class="fas fa-users"></i></div>
                        <h3>Community Leadership</h3>
                        <p>Empowering local leaders with the skills, resources, and networks needed to drive sustainable development from within. Our leadership academies have trained over 2,800 community organizers across 14 countries.</p>
                        <a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="program-card fade-up">
                        <div class="program-icon"><i class="fas fa-hand-holding-water"></i></div>
                        <h3>Water & Sanitation</h3>
                        <p>Installing clean water infrastructure and sanitation facilities in underserved communities, dramatically reducing waterborne illness and freeing up time — particularly for women and girls — for education and economic activity.</p>
                        <a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="program-card fade-up">
                        <div class="program-icon"><i class="fas fa-shield-alt"></i></div>
                        <h3>Emergency Relief</h3>
                        <p>Rapid-response teams providing immediate assistance — food, shelter, medical care — during natural disasters and humanitarian crises. Our emergency fund has been deployed to 23 crisis situations since 2012.</p>
                        <a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== DONATION TRACKER + SIDEBAR ===== -->
        <section class="section section-alt" id="donate">
            <div class="container">
                <div class="content-layout">
                    <!-- Main Content: Donation Tracker -->
                    <div class="fade-up">
                        <span class="section-label">Interactive Impact</span>
                        <h2 class="section-title">Our 2024 Fundraising Progress</h2>
                        <p style="color:var(--gray);margin-bottom:32px;">Every contribution brings us closer to our annual goal. Track our progress in real-time and see how your generosity translates into measurable community impact. All donations are tax-deductible and directly fund our on-the-ground programs.</p>

                        <div class="tracker-section">
                            <div class="tracker-grid">
                                <div class="tracker-info">
                                    <h2>Help Us Reach $2 Million</h2>
                                    <p>Your donation — no matter the size — fuels our programs in education, healthcare, clean water, and economic empowerment. See how close we are to our 2024 fundraising target and join the thousands of donors who have already made a difference.</p>
                                    <div class="tracker-goals">
                                        <div class="tracker-goal-item">
                                            <div class="tracker-goal-header"><span>Education Programs</span><span id="eduPct">0%</span></div>
                                            <div class="tracker-goal-bar"><div class="tracker-goal-fill" data-width="72"></div></div>
                                        </div>
                                        <div class="tracker-goal-item">
                                            <div class="tracker-goal-header"><span>Healthcare Access</span><span id="healthPct">0%</span></div>
                                            <div class="tracker-goal-bar"><div class="tracker-goal-fill" data-width="58"></div></div>
                                        </div>
                                        <div class="tracker-goal-item">
                                            <div class="tracker-goal-header"><span>Water & Sanitation</span><span id="waterPct">0%</span></div>
                                            <div class="tracker-goal-bar"><div class="tracker-goal-fill" data-width="85"></div></div>
                                        </div>
                                        <div class="tracker-goal-item">
                                            <div class="tracker-goal-header"><span>Emergency Relief</span><span id="emergPct">0%</span></div>
                                            <div class="tracker-goal-bar"><div class="tracker-goal-fill" data-width="41"></div></div>
                                        </div>
                                    </div>
                                    <a href="#" class="btn btn-accent" style="margin-top:24px;">Make a Donation <i class="fas fa-heart"></i></a>
                                </div>
                                <div class="tracker-visual">
                                    <div class="tracker-circle">
                                        <div class="tracker-amount" id="donatedAmount">$0<small>.00</small></div>
                                        <div class="tracker-target">of $2,000,000 goal</div>
                                    </div>
                                    <div class="tracker-donors">
                                        <img src="https://i.pravatar.cc/32?u=d1" alt="Donor">
                                        <img src="https://i.pravatar.cc/32?u=d2" alt="Donor">
                                        <img src="https://i.pravatar.cc/32?u=d3" alt="Donor">
                                        <img src="https://i.pravatar.cc/32?u=d4" alt="Donor">
                                        <img src="https://i.pravatar.cc/32?u=d5" alt="Donor">
                                        <span>+ 12,847 donors</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Sidebar -->
                    <aside>
                        <div class="sidebar-card fade-up">
                            <h3><i class="fas fa-calendar-alt" style="color:var(--primary);margin-right:8px;"></i> Upcoming Events</h3>
                            <div class="event-list">
                                <div class="event-item">
                                    <div class="event-date"><span class="day">15</span><span class="month">Jan</span></div>
                                    <div class="event-detail">
                                        <div class="event-title">Annual Gala & Fundraising Dinner</div>
                                        <div class="event-time"><i class="fas fa-clock" style="margin-right:4px;"></i> 6:00 PM – 11:00 PM</div>
                                    </div>
                                </div>
                                <div class="event-item">
                                    <div class="event-date"><span class="day">22</span><span class="month">Jan</span></div>
                                    <div class="event-detail">
                                        <div class="event-title">Volunteer Orientation Session</div>
                                        <div class="event-time"><i class="fas fa-clock" style="margin-right:4px;"></i> 10:00 AM – 12:00 PM</div>
                                    </div>
                                </div>
                                <div class="event-item">
                                    <div class="event-date"><span class="day">05</span><span class="month">Feb</span></div>
                                    <div class="event-detail">
                                        <div class="event-title">Community Health Fair — Nairobi</div>
                                        <div class="event-time"><i class="fas fa-clock" style="margin-right:4px;"></i> 8:00 AM – 4:00 PM</div>
                                    </div>
                                </div>
                                <div class="event-item">
                                    <div class="event-date"><span class="day">18</span><span class="month">Feb</span></div>
                                    <div class="event-detail">
                                        <div class="event-title">Virtual Fundraising Run</div>
                                        <div class="event-time"><i class="fas fa-clock" style="margin-right:4px;"></i> All Day Event</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="sidebar-card fade-up">
                            <h3><i class="fas fa-envelope" style="color:var(--primary);margin-right:8px;"></i> Newsletter Signup</h3>
                            <p style="font-size:0.85rem;color:var(--gray);margin-bottom:14px;">Stay connected with our latest impact stories, program updates, and upcoming events.</p>
                            <form class="newsletter-form" id="newsletterForm">
                                <input type="text" placeholder="Your full name" required aria-label="Full name">
                                <input type="email" placeholder="Your email address" required aria-label="Email address">
                                <button type="submit" class="btn btn-primary">Subscribe <i class="fas fa-paper-plane"></i></button>
                            </form>
                        </div>

                        <div class="sidebar-card fade-up">
                            <h3><i class="fas fa-chart-line" style="color:var(--primary);margin-right:8px;"></i> Quick Impact</h3>
                            <div class="impact-mini">
                                <div class="mini-icon"><i class="fas fa-child"></i></div>
                                <div class="mini-text"><div class="mini-value">18,432</div><div class="mini-label">Children Enrolled in Education</div></div>
                            </div>
                            <div class="impact-mini">
                                <div class="mini-icon"><i class="fas fa-tint"></i></div>
                                <div class="mini-text"><div class="mini-value">42</div><div class="mini-label">Clean Water Wells Installed</div></div>
                            </div>
                            <div class="impact-mini">
                                <div class="mini-icon"><i class="fas fa-user-md"></i></div>
                                <div class="mini-text"><div class="mini-value">250K+</div><div class="mini-label">Healthcare Consultations</div></div>
                            </div>
                            <div class="impact-mini">
                                <div class="mini-icon"><i class="fas fa-store"></i></div>
                                <div class="mini-text"><div class="mini-value">4,200+</div><div class="mini-label">Microbusinesses Launched</div></div>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </section>

        <!-- ===== TESTIMONIALS ===== -->
        <section class="section" id="testimonials">
            <div class="container">
                <div class="text-center fade-up">
                    <span class="section-label">Voices of Trust</span>
                    <h2 class="section-title">What Our Partners & Donors Say</h2>
                    <p class="section-desc">Hear from the individuals, organizations, and communities whose lives have been transformed through partnership with HopeBridge Foundation.</p>
                </div>
                <div class="testimonials-grid">
                    <div class="testimonial-card fade-up">
                        <div class="testimonial-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                        <p class="testimonial-text">"HopeBridge's transparency and measurable impact set them apart. Every quarterly report shows exactly where funds go and what outcomes were achieved. We've renewed our partnership for the fifth consecutive year."</p>
                        <div class="testimonial-author">
                            <img src="https://i.pravatar.cc/44?u=partner1" alt="Dr. Sarah Chen">
                            <div>
                                <div class="name">Dr. Sarah Chen</div>
                                <div class="role">Director, Global Health Initiative</div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card fade-up">
                        <div class="testimonial-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                        <p class="testimonial-text">"The scholarship program changed everything for my daughter. She's now studying computer science and has already secured an internship. HopeBridge didn't just fund her education — they believed in her potential."</p>
                        <div class="testimonial-author">
                            <img src="https://i.pravatar.cc/44?u=partner2" alt="James Mwangi">
                            <div>
                                <div class="name">James Mwangi</div>
                                <div class="role">Beneficiary Parent, Kenya</div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card fade-up">
                        <div class="testimonial-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i></div>
                        <p class="testimonial-text">"As a corporate sponsor, we've seen firsthand how HopeBridge maximizes every dollar. Their volunteer coordination platform is world-class, and their community engagement model is something every organization should study."</p>
                        <div class="testimonial-author">
                            <img src="https://i.pravatar.cc/44?u=partner3" alt="Elena Rodriguez">
                            <div>
                                <div class="name">Elena Rodriguez</div>
                                <div class="role">VP of CSR, Meridian Corp</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== FAQ ===== -->
        <section class="section section-alt" id="faq">
            <div class="container">
                <div class="text-center fade-up">
                    <span class="section-label">Frequently Asked Questions</span>
                    <h2 class="section-title">Everything You Need to Know</h2>
                    <p class="section-desc">Find answers to common questions about HopeBridge Foundation, our programs, and how you can get involved.</p>
                </div>
                <div class="faq-list">
                    <div class="faq-item fade-up">
                        <div class="faq-question" tabindex="0" role="button" aria-expanded="false">
                            <span>Is HopeBridge Foundation a registered charity?</span>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="faq-answer">
                            <div class="faq-answer-inner">Yes, HopeBridge Foundation is a registered 501(c)(3) nonprofit organization based in the United States (EIN: 47-3829104). All donations are tax-deductible to the fullest extent permitted by law. We are also registered as a charitable organization in the United Kingdom (Charity No. 1182342), Canada (BN: 88947 1026 RR0001), and Kenya (Registration No. OP.20/001/12345).</div>
                        </div>
                    </div>
                    <div class="faq-item fade-up">
                        <div class="faq-question" tabindex="0" role="button" aria-expanded="false">
                            <span>How does HopeBridge measure program impact?</span>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="faq-answer">
                            <div class="faq-answer-inner">We employ a rigorous impact measurement framework aligned with the OECD DAC criteria and the UN Sustainable Development Goals. Each program tracks key performance indicators (KPIs) including beneficiary reach, outcome metrics (e.g., school enrollment rates, health outcomes), and long-term sustainability indicators. Independent third-party audits are conducted annually, and full impact reports are published publicly on our website every quarter.</div>
                        </div>
                    </div>
                    <div class="faq-item fade-up">
                        <div class="faq-question" tabindex="0" role="button" aria-expanded="false">
                            <span>How much of my donation goes directly to programs?</span>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="faq-answer">
                            <div class="faq-answer-inner">We are proud to maintain a program expense ratio of 89%, meaning that for every dollar donated, $0.89 goes directly to program activities in the field. The remaining 11% covers essential administrative costs, fundraising expenses, and governance — all of which are necessary to ensure transparency, accountability, and long-term organizational sustainability. This ratio consistently exceeds the Charity Navigator 70% benchmark for top-rated nonprofits.</div>
                        </div>
                    </div>
                    <div class="faq-item fade-up">
                        <div class="faq-question" tabindex="0" role="button" aria-expanded="false">
                            <span>Can I volunteer remotely?</span>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="faq-answer">
                            <div class="faq-answer-inner">Absolutely. We offer a robust virtual volunteering program that includes skills-based opportunities such as grant writing, graphic design, translation, data analysis, and social media management. Remote volunteers commit a minimum of 5 hours per week and receive comprehensive training and support from our Volunteer Coordination team. In-person opportunities are also available at our regional offices and program sites.</div>
                        </div>
                    </div>
                    <div class="faq-item fade-up">
                        <div class="faq-question" tabindex="0" role="button" aria-expanded="false">
                            <span>How can my company become a corporate partner?</span>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="faq-answer">
                            <div class="faq-answer-inner">We welcome corporate partnerships at every level. Our Corporate Engagement team can design a customized partnership package that aligns with your company's CSR goals, employee engagement initiatives, and budget. Options include cause-related marketing campaigns, employee volunteer programs, matching gift programs, and sponsored initiative partnerships. Please contact our partnerships team at partnerships@hopebridge.org for a detailed proposal.</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== CTA SECTION ===== -->
        <section class="cta-section section" id="contact">
            <div class="container">
                <div class="text-center fade-up">
                    <span class="section-label" style="color:var(--primary);">Take Action Today</span>
                    <h2 class="section-title" style="color:var(--dark);">Every Action Counts. Start Yours Now.</h2>
                    <p class="section-desc" style="margin-left:auto;margin-right:auto;">Whether you donate, volunteer, or spread the word, your contribution creates a ripple effect of positive change. Join our community of changemakers and help us build bridges to a more equitable future.</p>
                    <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;">
                        <a href="#" class="btn btn-primary">Take Action <i class="fas fa-hands-helping"></i></a>
                        <a href="#" class="btn btn-outline" style="color:var(--primary);border-color:var(--primary);">Register as Volunteer</a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- ===== FOOTER ===== -->
    <footer class="footer" id="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <span class="logo-text">Hope<span>Bridge</span> Foundation</span>
                    <p>Connecting communities and building futures through compassionate action, sustainable programs, and unwavering commitment to the communities we serve. Since 2009, we have been a trusted partner in global development and humanitarian assistance.</p>
                    <div class="footer-social">
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
                <div class="footer-col">
                    <h4>Quick Links</h4>
                    <a href="#home">Home</a>
                    <a href="#about">About Us</a>
                    <a href="#programs">Programs</a>
                    <a href="#impact">Impact Stories</a>
                    <a href="#blog">Blog</a>
                    <a href="#donate">Donate</a>
                </div>
                <div class="footer-col">
                    <h4>Programs</h4>
                    <a href="#">Education Access</a>
                    <a href="#">Healthcare & Wellness</a>
                    <a href="#">Sustainable Agriculture</a>
                    <a href="#">Water & Sanitation</a>
                    <a href="#">Emergency Relief</a>
                    <a href="#">Community Leadership</a>
                </div>
                <div class="footer-col">
                    <h4>Contact Us</h4>
                    <div class="footer-contact-item"><i class="fas fa-map-marker-alt"></i><span>1200 Charity Lane, Suite 400<br>New York, NY 10001</span></div>
                    <div class="footer-contact-item"><i class="fas fa-phone"></i><span>+1 (212) 555-0198</span></div>
                    <div class="footer-contact-item"><i class="fas fa-envelope"></i><span>info@hopebridge.org</span></div>
                    <div class="footer-contact-item"><i class="fas fa-clock"></i><span>Mon–Fri: 9AM – 6PM EST</span></div>
                </div>
            </div>
            <div class="footer-bottom">
                <span>&copy; <span id="currentYear"></span> HopeBridge Foundation. All rights reserved.</span>
                <div class="footer-bottom-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Cookie Policy</a>
                    <a href="#">Accessibility</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- ===== JAVASCRIPT ===== -->
    <script>
        // ===== Mobile Navigation Toggle =====
        const hamburger = document.getElementById('hamburger');
        const nav = document.getElementById('mainNav');
        hamburger.addEventListener('click', () => {
            hamburger.classList.toggle('active');
            nav.classList.toggle('open');
        });
        // Close nav on link click
        nav.querySelectorAll('.nav-link').forEach(link => {
            link.addEventListener('click', () => {
                hamburger.classList.remove('active');
                nav.classList.remove('open');
            });
        });

        // ===== Header Scroll Effect =====
        const header = document.getElementById('header');
        window.addEventListener('scroll', () => {
            header.classList.toggle('scrolled', window.scrollY > 50);
        });

        // ===== Active Nav Link on Scroll =====
        const sections = document.querySelectorAll('section[id]');
        const navLinks = nav.querySelectorAll('.nav-link');
        window.addEventListener('scroll', () => {
            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop - 100;
                if (window.scrollY >= sectionTop) current = section.getAttribute('id');
            });
            navLinks.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href') === '#' + current) link.classList.add('active');
            });
        });

        // ===== Scroll Animations (Intersection Observer) =====
        const fadeElements = document.querySelectorAll('.fade-up');
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
        fadeElements.forEach(el => observer.observe(el));

        // ===== Donation Tracker Animation =====
        function animateTracker() {
            const fills = document.querySelectorAll('.tracker-goal-fill');
            const amounts = [72, 58, 85, 41];
            const pctIds = ['eduPct', 'healthPct', 'waterPct', 'emergPct'];
            fills.forEach((fill, i) => {
                setTimeout(() => {
                    fill.style.width = amounts[i] + '%';
                    document.getElementById(pctIds[i]).textContent = amounts[i] + '%';
                }, 300 + i * 200);
            });
            // Animate donation counter
            const target = 1420000;
            const duration = 2000;
            const start = performance.now();
            const amountEl = document.getElementById('donatedAmount');
            function update(now) {
                const elapsed = now - start;
                const progress = Math.min(elapsed / duration, 1);
                const eased = 1 - Math.pow(1 - progress, 3);
                const current = Math.floor(eased * target);
                amountEl.innerHTML = '$' + current.toLocaleString() + '<small>.00</small>';
                if (progress < 1) requestAnimationFrame(update);
            }
            requestAnimationFrame(update);
        }

        // Trigger tracker animation when visible
        const trackerSection = document.querySelector('.tracker-section');
        if (trackerSection) {
            const trackerObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        animateTracker();
                        trackerObserver.unobserve(entry.target);
                    }
                });
            }, { threshold: 0.3 });
            trackerObserver.observe(trackerSection);
        }

        // ===== FAQ Accordion =====
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                const answer = item.querySelector('.faq-answer');
                const isActive = item.classList.contains('active');

                // Close all
                document.querySelectorAll('.faq-item').forEach(faq => {
                    faq.classList.remove('active');
                    faq.querySelector('.faq-answer').style.maxHeight = null;
                    faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');
                });

                // Open clicked if not already active
                if (!isActive) {
                    item.classList.add('active');
                    answer.style.maxHeight = answer.scrollHeight + 'px';
                    question.setAttribute('aria-expanded', 'true');
                }
            });
            // Keyboard accessibility
            question.addEventListener('keydown', (e) => {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    question.click();
                }
            });
        });

        // ===== Newsletter Form =====
        const newsletterForm = document.getElementById('newsletterForm');
        if (newsletterForm) {
            newsletterForm.addEventListener('submit', (e) => {
                e.preventDefault();
                const btn = newsletterForm.querySelector('.btn');
                const originalText = btn.innerHTML;
                btn.innerHTML = '<i class="fas fa-check"></i> Subscribed!';
                btn.style.background = '#0d6b5e';
                btn.style.color = '#fff';
                setTimeout(() => {
                    btn.innerHTML = originalText;
                    btn.style.background = '';
                    btn.style.color = '';
                    newsletterForm.reset();
                }, 3000);
            });
        }

        // ===== Hero Particles =====
        const particlesContainer = document.getElementById('particles');
        if (particlesContainer) {
            for (let i = 0; i < 20; i++) {
                const particle = document.createElement('div');
                particle.classList.add('particle');
                const size = Math.random() * 6 + 2;
                particle.style.width = size + 'px';
                particle.style.height = size + 'px';
                particle.style.left = Math.random() * 100 + '%';
                particle.style.animationDuration = (Math.random() * 15 + 10) + 's';
                particle.style.animationDelay = (Math.random() * 10) + 's';
                particlesContainer.appendChild(particle);
            }
        }

        // ===== Set Current Year =====
        document.getElementById('currentYear').textContent = new Date().getFullYear();

        // ===== Smooth Scroll for Anchor Links =====
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    e.preventDefault();
                    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:45:25.953Z",
  "url": "https://benchmark.aimac.invalid/1bdeeb807751a35632831e61ce2bd574acaa579868aa3dad2f4b924e09c0b495.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-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-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-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-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": "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": "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": []
    },
    {
      "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": "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": []
    },
    {
      "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": []
    },
    {
      "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": []
    },
    {
      "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": "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": []
    },
    {
      "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-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": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                            <span>Is HopeBridge Foundation a registered charity?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </div>",
          "target": [
            ".faq-item.fade-up:nth-child(1) > .faq-question[role=\"button\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<div class=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                            <span>Is HopeBridge Foundation a registered charity?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </div>",
          "target": [
            ".faq-item.fade-up:nth-child(1) > .faq-question[role=\"button\"]"
          ]
        }
      ]
    },
    {
      "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": "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": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                            <span>Is HopeBridge Foundation a registered charity?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </div>",
          "target": [
            ".faq-item.fade-up:nth-child(1) > .faq-question[role=\"button\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<div class=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n                            <span>Is HopeBridge Foundation a registered charity?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </div>",
          "target": [
            ".faq-item.fade-up:nth-child(1) > .faq-question[role=\"button\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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": "<div class=\"particle\" style=\"width: 3.32477px; height: 3.32477px; left: 56.4621%; animation-duration: 18.3601s; animation-delay: 9.32767s;\"></div>",
          "target": [
            ".particle:nth-child(1)"
          ]
        }
      ]
    },
    {
      "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 type=\"submit\" class=\"btn btn-primary\">Subscribe <i class=\"fas fa-paper-plane\"></i></button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "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": "<h1 class=\"hero-title\">Building Bridges to a <em>Brighter Future</em> for Every Community</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Empowering Communities Through Compassionate Action</h2>",
                  "target": [
                    ".about-content > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Real Impact, Real Lives Changed</h2>",
                  "target": [
                    "#impact > .container > .text-center.fade-up > .section-title"
                  ]
                },
                {
                  "html": "<h3>Maria's Journey from Farm Worker to University Scholar</h3>",
                  "target": [
                    "article:nth-child(1) > .story-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Clean Water Transforms 3 Villages in East Africa</h3>",
                  "target": [
                    "article:nth-child(2) > .story-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>From Microloan to Marketplace: How Amina Built a Business</h3>",
                  "target": [
                    "article:nth-child(3) > .story-card-body > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Our Core Programs</h2>",
                  "target": [
                    "#programs > .container > .text-center.fade-up > .section-title"
                  ]
                },
                {
                  "html": "<h3>Education Access Initiative</h3>",
                  "target": [
                    ".program-card.fade-up:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Healthcare &amp; Wellness</h3>",
                  "target": [
                    ".program-card.fade-up:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Sustainable Agriculture</h3>",
                  "target": [
                    ".program-card.fade-up:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Community Leadership</h3>",
                  "target": [
                    ".program-card.fade-up:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h3>Water &amp; Sanitation</h3>",
                  "target": [
                    ".program-card.fade-up:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Emergency Relief</h3>",
                  "target": [
                    ".program-card.fade-up:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Our 2024 Fundraising Progress</h2>",
                  "target": [
                    ".content-layout > .fade-up > .section-title"
                  ]
                },
                {
                  "html": "<h2>Help Us Reach $2 Million</h2>",
                  "target": [
                    ".tracker-info > h2"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-calendar-alt\" style=\"color:var(--primary);margin-right:8px;\"></i> Upcoming Events</h3>",
                  "target": [
                    ".sidebar-card.fade-up:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-envelope\" style=\"color:var(--primary);margin-right:8px;\"></i> Newsletter Signup</h3>",
                  "target": [
                    ".sidebar-card.fade-up:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-chart-line\" style=\"color:var(--primary);margin-right:8px;\"></i> Quick Impact</h3>",
                  "target": [
                    ".sidebar-card.fade-up:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">What Our Partners &amp; Donors Say</h2>",
                  "target": [
                    "#testimonials > .container > .text-center.fade-up > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Everything You Need to Know</h2>",
                  "target": [
                    "#faq > .container > .text-center.fade-up > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\" style=\"color:var(--dark);\">Every Action Counts. Start Yours Now.</h2>",
                  "target": [
                    "#contact > .container > .text-center.fade-up > .section-title"
                  ]
                },
                {
                  "html": "<h4>Quick Links</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Programs</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact Us</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "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": "#0d6b5e",
                "bgColor": "#e0f2f1",
                "contrastRatio": 5.52,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 5.52"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#home\" class=\"nav-link active\">Home</a>",
          "target": [
            ".active"
          ]
        }
      ]
    },
    {
      "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": "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": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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://placehold.co/44x44/0d6b5e/ffffff?text=HB&amp;font=playfair+display\" alt=\"HopeBridge Foundation Logo\" class=\"logo-img\">",
          "target": [
            ".logo-img"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute exists and is not empty"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Your full name\" required=\"\" aria-label=\"Full name\">",
          "target": [
            "input[type=\"text\"]"
          ]
        }
      ]
    },
    {
      "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=\"#\" class=\"logo\">\n                <img src=\"https://placehold.co/44x44/0d6b5e/ffffff?text=HB&amp;font=playfair+display\" alt=\"HopeBridge Foundation Logo\" class=\"logo-img\">\n                <span class=\"logo-text\">Hope<span>Bridge</span></span>\n            </a>",
          "target": [
            ".logo"
          ]
        }
      ]
    },
    {
      "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://placehold.co/44x44/0d6b5e/ffffff?text=HB&amp;font=playfair+display\" alt=\"HopeBridge Foundation Logo\" class=\"logo-img\">",
          "target": [
            ".logo-img"
          ]
        }
      ]
    },
    {
      "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-size",
              "data": {
                "minSize": 24,
                "width": 171,
                "height": 44
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (171px by 44px, should be at least 24px by 24px)"
            },
            {
              "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=\"#\" class=\"logo\">\n                <img src=\"https://placehold.co/44x44/0d6b5e/ffffff?text=HB&amp;font=playfair+display\" alt=\"HopeBridge Foundation Logo\" class=\"logo-img\">\n                <span class=\"logo-text\">Hope<span>Bridge</span></span>\n            </a>",
          "target": [
            ".logo"
          ]
        }
      ]
    }
  ],
  "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": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "15.6pt (20.8px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<div class=\"hero-bg\"></div>",
                  "target": [
                    ".hero-bg"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"logo-text\">Hope<span>Bridge</span></span>",
          "target": [
            ".logo > .logo-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "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": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"hero-float-card\">",
                  "target": [
                    ".hero-float-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stat-label\">Volunteer Hours</div>",
          "target": [
            ".stat-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0d6b5e",
                "bgColor": "#1a202c",
                "contrastRatio": 2.55,
                "fontSize": "14.4pt (19.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"footer\" id=\"footer\">",
                  "target": [
                    "#footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.55 (foreground color: #0d6b5e, background color: #1a202c, font size: 14.4pt (19.2px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"logo-text\">Hope<span>Bridge</span> Foundation</span>",
          "target": [
            ".footer-brand > .logo-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.55 (foreground color: #0d6b5e, background color: #1a202c, font size: 14.4pt (19.2px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf9",
                "contrastRatio": 3.92,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<div class=\"hero-float-card\">",
                  "target": [
                    ".hero-float-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #718096, background color: #fefcf9, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#impact\" class=\"nav-link\">Impact</a>",
          "target": [
            ".nav-link[href$=\"#impact\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #718096, background color: #fefcf9, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fefcf8",
                "contrastRatio": 2.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Our Mission</span>",
          "target": [
            ".about-content > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>At HopeBridge Foundation, we believe that lasting change begins with genuine human connection. Our mission is to create sustainable pathways out of poverty by addressing the root causes of inequality \u2014 lack of education, limited healthcare access, and insufficient economic opportunity.</p>",
          "target": [
            ".about-content > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "p:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "p:nth-child(5)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"about-stat\">\n                                <div class=\"number\">14</div>\n                                <div class=\"label\">Countries</div>\n                            </div>",
                  "target": [
                    ".about-stat:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">Countries</div>",
          "target": [
            ".about-stat:nth-child(1) > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"about-stat\">\n                                <div class=\"number\">$48M</div>\n                                <div class=\"label\">Raised</div>\n                            </div>",
                  "target": [
                    ".about-stat:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">Raised</div>",
          "target": [
            ".about-stat:nth-child(2) > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"about-stat\">\n                                <div class=\"number\">89%</div>\n                                <div class=\"label\">Efficiency Rate</div>\n                            </div>",
                  "target": [
                    ".about-stat:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"label\">Efficiency Rate</div>",
          "target": [
            ".about-stat:nth-child(3) > .label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#programs\" class=\"nav-link\">Programs</a>",
          "target": [
            ".nav-link[href$=\"#programs\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#blog\" class=\"nav-link\">Blog</a>",
          "target": [
            ".nav-link[href$=\"#blog\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#partners\" class=\"nav-link\">Partners</a>",
          "target": [
            "a[href$=\"#partners\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#contact\" class=\"nav-link\">Contact</a>",
          "target": [
            "a[href$=\"#contact\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Beneficiary Stories</span>",
          "target": [
            ".text-center.visible.fade-up > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Every number represents a human story of resilience and hope. These are the voices of the communities we serve, sharing how HopeBridge has made a tangible difference in their lives.</p>",
          "target": [
            ".text-center.visible.fade-up > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fefcf7",
                "contrastRatio": 2.03,
                "fontSize": "15.6pt (20.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf7, font size: 15.6pt (20.8px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Bridge</span>",
          "target": [
            ".logo > .logo-text > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf7, font size: 15.6pt (20.8px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf7",
                "contrastRatio": 3.91,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf7, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#home\" class=\"nav-link\">Home</a>",
          "target": [
            ".nav-link[href$=\"#home\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf7, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf7",
                "contrastRatio": 3.91,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"header scrolled\" id=\"header\">",
                  "target": [
                    "#header"
                  ]
                },
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf7, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#about\" class=\"nav-link\">About</a>",
          "target": [
            ".nav-link[href$=\"#about\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf7, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c78a1e",
                "bgColor": "#fef3c7",
                "contrastRatio": 2.66,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-tag\">Education</span>",
                  "target": [
                    "article:nth-child(1) > .story-card-body > .story-tag"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #c78a1e, background color: #fef3c7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-tag\">Education</span>",
          "target": [
            "article:nth-child(1) > .story-card-body > .story-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #c78a1e, background color: #fef3c7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "article:nth-child(1) > .story-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>Maria Santos</strong>",
          "target": [
            "article:nth-child(1) > .story-card-body > .story-meta > div > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Scholar, 2018\u2013Present</span>",
          "target": [
            "article:nth-child(1) > .story-card-body > .story-meta > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c78a1e",
                "bgColor": "#fef3c7",
                "contrastRatio": 2.66,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-tag\">Healthcare</span>",
                  "target": [
                    "article:nth-child(2) > .story-card-body > .story-tag"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #c78a1e, background color: #fef3c7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-tag\">Healthcare</span>",
          "target": [
            "article:nth-child(2) > .story-card-body > .story-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #c78a1e, background color: #fef3c7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "article:nth-child(2) > .story-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>James Omondi</strong>",
          "target": [
            "article:nth-child(2) > .story-card-body > .story-meta > div > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Community Leader, Kenya</span>",
          "target": [
            "article:nth-child(2) > .story-card-body > .story-meta > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c78a1e",
                "bgColor": "#fef3c7",
                "contrastRatio": 2.66,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-tag\">Economic Empowerment</span>",
                  "target": [
                    "article:nth-child(3) > .story-card-body > .story-tag"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #c78a1e, background color: #fef3c7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-tag\">Economic Empowerment</span>",
          "target": [
            "article:nth-child(3) > .story-card-body > .story-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #c78a1e, background color: #fef3c7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "article:nth-child(3) > .story-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>Amina Diallo</strong>",
          "target": [
            "article:nth-child(3) > .story-card-body > .story-meta > div > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card fade-up visible\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Entrepreneur, Senegal</span>",
          "target": [
            "article:nth-child(3) > .story-card-body > .story-meta > div > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Beneficiary Stories</span>",
          "target": [
            "#impact > .container > .text-center.visible.fade-up > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Every number represents a human story of resilience and hope. These are the voices of the communities we serve, sharing how HopeBridge has made a tangible difference in their lives.</p>",
          "target": [
            "#impact > .container > .text-center.visible.fade-up > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fefcf8",
                "contrastRatio": 2.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">What We Do</span>",
          "target": [
            "#programs > .container > .text-center.visible.fade-up > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Each program is designed with measurable outcomes and community partnership at its core. We focus on areas where targeted intervention creates the greatest long-term impact.</p>",
          "target": [
            "#programs > .container > .text-center.visible.fade-up > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.visible.fade-up:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Building schools, training teachers, and providing scholarships to ensure every child \u2014 regardless of background \u2014 has access to quality primary and secondary education. Our programs have enrolled over 18,000 students in the past three years.</p>",
          "target": [
            ".program-card.visible.fade-up:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.visible.fade-up:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Deploying mobile clinics, training community health workers, and establishing rural health posts to bring essential medical care to populations that would otherwise go without. We have conducted over 250,000 patient consultations since 2015.</p>",
          "target": [
            ".program-card.visible.fade-up:nth-child(2) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Teaching climate-resilient farming techniques, providing drought-resistant seed varieties, and connecting smallholder farmers to fair markets. Our agricultural programs have increased crop yields by an average of 60% for participating families.</p>",
          "target": [
            ".program-card.visible.fade-up:nth-child(3) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.visible.fade-up:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Empowering local leaders with the skills, resources, and networks needed to drive sustainable development from within. Our leadership academies have trained over 2,800 community organizers across 14 countries.</p>",
          "target": [
            ".program-card.visible.fade-up:nth-child(4) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.visible.fade-up:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Installing clean water infrastructure and sanitation facilities in underserved communities, dramatically reducing waterborne illness and freeing up time \u2014 particularly for women and girls \u2014 for education and economic activity.</p>",
          "target": [
            ".program-card.visible.fade-up:nth-child(5) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.visible.fade-up:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Rapid-response teams providing immediate assistance \u2014 food, shelter, medical care \u2014 during natural disasters and humanitarian crises. Our emergency fund has been deployed to 23 crisis situations since 2012.</p>",
          "target": [
            ".program-card.visible.fade-up:nth-child(6) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"donate\">",
                  "target": [
                    "#donate"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Interactive Impact</span>",
          "target": [
            ".content-layout > .visible.fade-up > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"donate\">",
                  "target": [
                    "#donate"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"color:var(--gray);margin-bottom:32px;\">Every contribution brings us closer to our annual goal. Track our progress in real-time and see how your generosity translates into measurable community impact. All donations are tax-deductible and directly fund our on-the-ground programs.</p>",
          "target": [
            ".content-layout > .visible.fade-up > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"event-time\"><i class=\"fas fa-clock\" style=\"margin-right:4px;\"></i> 6:00 PM \u2013 11:00 PM</div>",
          "target": [
            ".event-item:nth-child(1) > .event-detail > .event-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"event-time\"><i class=\"fas fa-clock\" style=\"margin-right:4px;\"></i> 10:00 AM \u2013 12:00 PM</div>",
          "target": [
            ".event-item:nth-child(2) > .event-detail > .event-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"event-time\"><i class=\"fas fa-clock\" style=\"margin-right:4px;\"></i> 8:00 AM \u2013 4:00 PM</div>",
          "target": [
            ".event-item:nth-child(3) > .event-detail > .event-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"event-time\"><i class=\"fas fa-clock\" style=\"margin-right:4px;\"></i> All Day Event</div>",
          "target": [
            ".event-item:nth-child(4) > .event-detail > .event-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size:0.85rem;color:var(--gray);margin-bottom:14px;\">Stay connected with our latest impact stories, program updates, and upcoming events.</p>",
          "target": [
            ".sidebar-card.visible.fade-up:nth-child(2) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"mini-label\">Children Enrolled in Education</div>",
          "target": [
            ".impact-mini:nth-child(2) > .mini-text > .mini-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"mini-label\">Clean Water Wells Installed</div>",
          "target": [
            ".impact-mini:nth-child(3) > .mini-text > .mini-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"mini-label\">Healthcare Consultations</div>",
          "target": [
            ".impact-mini:nth-child(4) > .mini-text > .mini-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"mini-label\">Microbusinesses Launched</div>",
          "target": [
            ".impact-mini:nth-child(5) > .mini-text > .mini-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fefcf8",
                "contrastRatio": 2.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Voices of Trust</span>",
          "target": [
            "#testimonials > .container > .text-center.visible.fade-up > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Hear from the individuals, organizations, and communities whose lives have been transformed through partnership with HopeBridge Foundation.</p>",
          "target": [
            "#testimonials > .container > .text-center.visible.fade-up > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-up:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"testimonial-text\">\"HopeBridge's transparency and measurable impact set them apart. Every quarterly report shows exactly where funds go and what outcomes were achieved. We've renewed our partnership for the fifth consecutive year.\"</p>",
          "target": [
            ".testimonial-card.visible.fade-up:nth-child(1) > .testimonial-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-up:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">Director, Global Health Initiative</div>",
          "target": [
            ".testimonial-card.visible.fade-up:nth-child(1) > .testimonial-author > div > .role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-up:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"testimonial-text\">\"The scholarship program changed everything for my daughter. She's now studying computer science and has already secured an internship. HopeBridge didn't just fund her education \u2014 they believed in her potential.\"</p>",
          "target": [
            ".testimonial-card.visible.fade-up:nth-child(2) > .testimonial-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-up:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">Beneficiary Parent, Kenya</div>",
          "target": [
            ".testimonial-card.visible.fade-up:nth-child(2) > .testimonial-author > div > .role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"testimonial-text\">\"As a corporate sponsor, we've seen firsthand how HopeBridge maximizes every dollar. Their volunteer coordination platform is world-class, and their community engagement model is something every organization should study.\"</p>",
          "target": [
            ".testimonial-card.visible.fade-up:nth-child(3) > .testimonial-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-up:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">VP of CSR, Meridian Corp</div>",
          "target": [
            ".testimonial-card.visible.fade-up:nth-child(3) > .testimonial-author > div > .role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"faq\">",
                  "target": [
                    "#faq"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Frequently Asked Questions</span>",
          "target": [
            "#faq > .container > .text-center.visible.fade-up > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"faq\">",
                  "target": [
                    "#faq"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Find answers to common questions about HopeBridge Foundation, our programs, and how you can get involved.</p>",
          "target": [
            "#faq > .container > .text-center.visible.fade-up > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Beneficiary Stories</span>",
          "target": [
            "#impact > .container > .text-center.fade-up.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Every number represents a human story of resilience and hope. These are the voices of the communities we serve, sharing how HopeBridge has made a tangible difference in their lives.</p>",
          "target": [
            "#impact > .container > .text-center.fade-up.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fefcf8",
                "contrastRatio": 2.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">What We Do</span>",
          "target": [
            "#programs > .container > .text-center.fade-up.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Each program is designed with measurable outcomes and community partnership at its core. We focus on areas where targeted intervention creates the greatest long-term impact.</p>",
          "target": [
            "#programs > .container > .text-center.fade-up.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.fade-up.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Building schools, training teachers, and providing scholarships to ensure every child \u2014 regardless of background \u2014 has access to quality primary and secondary education. Our programs have enrolled over 18,000 students in the past three years.</p>",
          "target": [
            ".program-card.fade-up.visible:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.fade-up.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Deploying mobile clinics, training community health workers, and establishing rural health posts to bring essential medical care to populations that would otherwise go without. We have conducted over 250,000 patient consultations since 2015.</p>",
          "target": [
            ".program-card.fade-up.visible:nth-child(2) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.fade-up.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Teaching climate-resilient farming techniques, providing drought-resistant seed varieties, and connecting smallholder farmers to fair markets. Our agricultural programs have increased crop yields by an average of 60% for participating families.</p>",
          "target": [
            ".program-card.fade-up.visible:nth-child(3) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.fade-up.visible:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Empowering local leaders with the skills, resources, and networks needed to drive sustainable development from within. Our leadership academies have trained over 2,800 community organizers across 14 countries.</p>",
          "target": [
            ".program-card.fade-up.visible:nth-child(4) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.fade-up.visible:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Installing clean water infrastructure and sanitation facilities in underserved communities, dramatically reducing waterborne illness and freeing up time \u2014 particularly for women and girls \u2014 for education and economic activity.</p>",
          "target": [
            ".program-card.fade-up.visible:nth-child(5) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card fade-up visible\">",
                  "target": [
                    ".program-card.fade-up.visible:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Rapid-response teams providing immediate assistance \u2014 food, shelter, medical care \u2014 during natural disasters and humanitarian crises. Our emergency fund has been deployed to 23 crisis situations since 2012.</p>",
          "target": [
            ".program-card.fade-up.visible:nth-child(6) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"donate\">",
                  "target": [
                    "#donate"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Interactive Impact</span>",
          "target": [
            ".content-layout > .fade-up.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"donate\">",
                  "target": [
                    "#donate"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"color:var(--gray);margin-bottom:32px;\">Every contribution brings us closer to our annual goal. Track our progress in real-time and see how your generosity translates into measurable community impact. All donations are tax-deductible and directly fund our on-the-ground programs.</p>",
          "target": [
            ".content-layout > .fade-up.visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card fade-up visible\">",
                  "target": [
                    ".sidebar-card.fade-up.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size:0.85rem;color:var(--gray);margin-bottom:14px;\">Stay connected with our latest impact stories, program updates, and upcoming events.</p>",
          "target": [
            ".sidebar-card.fade-up.visible:nth-child(2) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fefcf8",
                "contrastRatio": 2.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Voices of Trust</span>",
          "target": [
            "#testimonials > .container > .text-center.fade-up.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.03 (foreground color: #e8a838, background color: #fefcf8, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fefcf8",
                "contrastRatio": 3.91,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Hear from the individuals, organizations, and communities whose lives have been transformed through partnership with HopeBridge Foundation.</p>",
          "target": [
            "#testimonials > .container > .text-center.fade-up.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #718096, background color: #fefcf8, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.fade-up.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"testimonial-text\">\"HopeBridge's transparency and measurable impact set them apart. Every quarterly report shows exactly where funds go and what outcomes were achieved. We've renewed our partnership for the fifth consecutive year.\"</p>",
          "target": [
            ".testimonial-card.fade-up.visible:nth-child(1) > .testimonial-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.fade-up.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">Director, Global Health Initiative</div>",
          "target": [
            ".testimonial-card.fade-up.visible:nth-child(1) > .testimonial-author > div > .role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.fade-up.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"testimonial-text\">\"The scholarship program changed everything for my daughter. She's now studying computer science and has already secured an internship. HopeBridge didn't just fund her education \u2014 they believed in her potential.\"</p>",
          "target": [
            ".testimonial-card.fade-up.visible:nth-child(2) > .testimonial-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.fade-up.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">Beneficiary Parent, Kenya</div>",
          "target": [
            ".testimonial-card.fade-up.visible:nth-child(2) > .testimonial-author > div > .role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.fade-up.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"testimonial-text\">\"As a corporate sponsor, we've seen firsthand how HopeBridge maximizes every dollar. Their volunteer coordination platform is world-class, and their community engagement model is something every organization should study.\"</p>",
          "target": [
            ".testimonial-card.fade-up.visible:nth-child(3) > .testimonial-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#ffffff",
                "contrastRatio": 4.01,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-up visible\">",
                  "target": [
                    ".testimonial-card.fade-up.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"role\">VP of CSR, Meridian Corp</div>",
          "target": [
            ".testimonial-card.fade-up.visible:nth-child(3) > .testimonial-author > div > .role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e8a838",
                "bgColor": "#fdf8f0",
                "contrastRatio": 1.96,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"faq\">",
                  "target": [
                    "#faq"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-label\">Frequently Asked Questions</span>",
          "target": [
            "#faq > .container > .text-center.fade-up.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #e8a838, background color: #fdf8f0, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"faq\">",
                  "target": [
                    "#faq"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">Find answers to common questions about HopeBridge Foundation, our programs, and how you can get involved.</p>",
          "target": [
            "#faq > .container > .text-center.fade-up.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#fdf8f0",
                "contrastRatio": 3.79,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"cta-section section\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\" style=\"margin-left:auto;margin-right:auto;\">Whether you donate, volunteer, or spread the word, your contribution creates a ripple effect of positive change. Join our community of changemakers and help us build bridges to a more equitable future.</p>",
          "target": [
            "#contact > .container > .text-center.fade-up.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #718096, background color: #fdf8f0, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 7743
      },
      {
        "y": 576,
        "height": 7743
      },
      {
        "y": 1152,
        "height": 7743
      },
      {
        "y": 1728,
        "height": 7743
      },
      {
        "y": 2304,
        "height": 7743
      },
      {
        "y": 2880,
        "height": 7743
      },
      {
        "y": 3456,
        "height": 7743
      },
      {
        "y": 4032,
        "height": 7743
      },
      {
        "y": 4608,
        "height": 7743
      },
      {
        "y": 5184,
        "height": 7743
      },
      {
        "y": 5760,
        "height": 7743
      },
      {
        "y": 6336,
        "height": 7743
      },
      {
        "y": 6912,
        "height": 7743
      },
      {
        "y": 7023,
        "height": 7743
      }
    ],
    "scans": 15,
    "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 "Non-Profit/Charity" 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: "Non-Profit/Charity"
- Description: Charitable organizations, non-profit initiatives, volunteering, and fundraising resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Non-Profit/Charity" 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: "Blog", "Programs", "Partners".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Non-Profit/Charity" category. Consider themes similar to: "Beneficiary Stories", "Impact Stories", "Organization News".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "volunteer hours", "beneficiary", "impact measurement".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Make Donation", "Take Action", "Register".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Non-Profit/Charity" sector. Ideas similar but not limited to: "donation tracker".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "event calendar", "newsletter signup", "impact reports".
-   **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.