inclusionAI Ling 3.0 Flash – Health and Fitness

via Novita · Generated

  • AIMAC Debt 6.18
  • Cost $0.0013
  • Total Violations 81
  • HTML Size 73 KB
  • Em Dashes 23

Screenshot

View inclusionAI Ling 3.0 Flash Health and Fitness page View Live Page

Accessibility Issues Found

81 Serious

  • color-contrast serious 81 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <a href="#home" class="active">Home</a>

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>VitalCore Health & Fitness — Empowering Your Wellness Journey</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=Outfit:wght@300;400;500;600;700;800;900&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: #f7fafc;
            line-height: 1.7;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 { font-family: 'Outfit', sans-serif; line-height: 1.2; }
        a { text-decoration: none; color: inherit; transition: color 0.3s; }
        img { max-width: 100%; display: block; }
        ul { list-style: none; }
        button { cursor: pointer; font-family: inherit; border: none; outline: none; }
        :focus-visible { outline: 3px solid #0ea5a0; outline-offset: 2px; border-radius: 4px; }

        /* ========== CSS VARIABLES ========== */
        :root {
            --primary: #0ea5a0;
            --primary-dark: #0b8a85;
            --primary-light: #e0f5f4;
            --accent: #f59e0b;
            --accent-light: #fef3c7;
            --dark: #1a202c;
            --dark-2: #2d3748;
            --gray: #718096;
            --gray-light: #e2e8f0;
            --gray-lighter: #edf2f7;
            --white: #ffffff;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
            --shadow-md: 0 4px 14px rgba(0,0,0,0.1);
            --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
            --shadow-xl: 0 20px 60px rgba(0,0,0,0.15);
            --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: 80px 0; }
        .section-alt { background: var(--white); }
        .section-label {
            display: inline-flex; align-items: center; gap: 8px;
            font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 0.8rem;
            text-transform: uppercase; letter-spacing: 2px; color: var(--primary);
            margin-bottom: 12px;
        }
        .section-label::before {
            content: ''; width: 24px; height: 3px; background: var(--primary); border-radius: 2px;
        }
        .section-title {
            font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800;
            color: var(--dark); margin-bottom: 16px;
        }
        .section-desc {
            font-size: 1.1rem; color: var(--gray); max-width: 640px; line-height: 1.8;
        }
        .btn {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 14px 32px; border-radius: 50px; font-weight: 600;
            font-size: 0.95rem; transition: all var(--transition);
            position: relative; overflow: hidden;
        }
        .btn-primary {
            background: var(--primary); color: var(--white);
            box-shadow: 0 4px 16px rgba(14,165,160,0.3);
        }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(14,165,160,0.4); }
        .btn-outline {
            background: transparent; color: var(--primary);
            border: 2px solid var(--primary);
        }
        .btn-outline:hover { background: var(--primary); color: var(--white); transform: translateY(-2px); }
        .btn-accent {
            background: var(--accent); color: var(--dark);
            box-shadow: 0 4px 16px rgba(245,158,11,0.3);
        }
        .btn-accent:hover { background: #d97706; transform: translateY(-2px); }
        .btn-white {
            background: var(--white); color: var(--primary);
            box-shadow: var(--shadow-md);
        }
        .btn-white:hover { background: var(--primary-light); transform: translateY(-2px); }
        .text-center { text-align: center; }

        /* ========== HEADER ========== */
        .site-header {
            position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
            background: rgba(255,255,255,0.92); backdrop-filter: blur(16px);
            border-bottom: 1px solid var(--gray-light);
            transition: box-shadow var(--transition);
        }
        .site-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: 10px;
            font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 1.3rem;
            color: var(--dark);
        }
        .logo img { width: 40px; height: 40px; border-radius: 10px; }
        .logo span { color: var(--primary); }
        .nav-desktop { display: flex; align-items: center; gap: 4px; }
        .nav-desktop a {
            padding: 8px 16px; border-radius: 8px; font-weight: 500;
            font-size: 0.92rem; color: var(--dark-2); transition: all var(--transition);
        }
        .nav-desktop a:hover, .nav-desktop a.active { color: var(--primary); background: var(--primary-light); }
        .nav-cta { margin-left: 12px; }
        .mobile-toggle {
            display: none; background: none; font-size: 1.5rem; color: var(--dark);
            padding: 8px;
        }
        .mobile-nav {
            display: none; position: fixed; top: 72px; left: 0; right: 0; bottom: 0;
            background: var(--white); z-index: 999; padding: 24px;
            flex-direction: column; gap: 4px; overflow-y: auto;
        }
        .mobile-nav.open { display: flex; }
        .mobile-nav a {
            padding: 14px 16px; border-radius: 10px; font-weight: 500;
            font-size: 1.05rem; color: var(--dark-2); transition: all var(--transition);
        }
        .mobile-nav a:hover { background: var(--primary-light); color: var(--primary); }
        .mobile-nav .btn { margin-top: 16px; justify-content: center; }

        /* ========== HERO ========== */
        .hero {
            position: relative; min-height: 100vh; display: flex; align-items: center;
            padding-top: 72px; overflow: hidden;
            background: linear-gradient(135deg, #e0f5f4 0%, #f0fdf4 50%, #fef3c7 100%);
        }
        .hero::before {
            content: ''; position: absolute; top: -20%; right: -10%;
            width: 600px; height: 600px; border-radius: 50%;
            background: radial-gradient(circle, rgba(14,165,160,0.15) 0%, transparent 70%);
            pointer-events: none;
        }
        .hero::after {
            content: ''; position: absolute; bottom: -15%; left: -5%;
            width: 500px; height: 500px; border-radius: 50%;
            background: radial-gradient(circle, rgba(245,158,11,0.1) 0%, transparent 70%);
            pointer-events: none;
        }
        .hero-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
            align-items: center; position: relative; z-index: 1;
        }
        .hero-content { max-width: 560px; }
        .hero-badge {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 6px 16px; border-radius: 50px; background: var(--primary-light);
            font-size: 0.85rem; font-weight: 600; color: var(--primary-dark);
            margin-bottom: 24px;
        }
        .hero-badge i { font-size: 0.75rem; }
        .hero-title {
            font-size: clamp(2.4rem, 5vw, 3.8rem); font-weight: 900;
            color: var(--dark); margin-bottom: 20px;
        }
        .hero-title em { color: var(--primary); font-style: normal; }
        .hero-desc {
            font-size: 1.1rem; color: var(--gray); margin-bottom: 32px;
            line-height: 1.8; max-width: 480px;
        }
        .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
        .hero-stats { display: flex; gap: 32px; }
        .hero-stat { text-align: left; }
        .hero-stat-value {
            font-family: 'Outfit', sans-serif; font-size: 1.8rem; font-weight: 800;
            color: var(--dark);
        }
        .hero-stat-label { font-size: 0.85rem; color: var(--gray); font-weight: 500; }
        .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; }
        .hero-img-wrapper {
            position: relative; border-radius: var(--radius-lg); overflow: hidden;
            box-shadow: var(--shadow-xl);
        }
        .hero-img-wrapper img { width: 100%; height: 480px; object-fit: cover; }
        .hero-float-card {
            position: absolute; background: var(--white); border-radius: var(--radius);
            padding: 16px 20px; box-shadow: var(--shadow-lg);
            display: flex; align-items: center; gap: 12px;
            animation: floatCard 3s ease-in-out infinite;
        }
        .hero-float-card.card-1 { top: 20px; right: -30px; animation-delay: 0s; }
        .hero-float-card.card-2 { bottom: 40px; left: -20px; animation-delay: 1.5s; }
        .hero-float-card .icon-circle {
            width: 44px; height: 44px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.1rem;
        }
        .hero-float-card.card-1 .icon-circle { background: var(--primary-light); color: var(--primary); }
        .hero-float-card.card-2 .icon-circle { background: var(--accent-light); color: #d97706; }
        .hero-float-card .card-text strong { display: block; font-size: 0.9rem; color: var(--dark); }
        .hero-float-card .card-text span { font-size: 0.8rem; color: var(--gray); }
        @keyframes floatCard {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        /* ========== SERVICES ========== */
        .services-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 28px; margin-top: 48px;
        }
        .service-card {
            background: var(--white); border-radius: var(--radius);
            padding: 36px 28px; box-shadow: var(--shadow-sm);
            border: 1px solid var(--gray-light);
            transition: all var(--transition); position: relative; overflow: hidden;
        }
        .service-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            transform: scaleX(0); transform-origin: left; transition: transform var(--transition);
        }
        .service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: transparent; }
        .service-card:hover::before { transform: scaleX(1); }
        .service-icon {
            width: 56px; height: 56px; border-radius: 14px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.4rem; margin-bottom: 20px;
        }
        .service-icon.teal { background: var(--primary-light); color: var(--primary); }
        .service-icon.amber { background: var(--accent-light); color: #d97706; }
        .service-icon.green { background: #dcfce7; color: #16a34a; }
        .service-icon.blue { background: #dbeafe; color: #2563eb; }
        .service-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: var(--dark); }
        .service-card p { color: var(--gray); font-size: 0.95rem; line-height: 1.7; margin-bottom: 16px; }
        .service-card .card-link {
            font-weight: 600; font-size: 0.9rem; color: var(--primary);
            display: inline-flex; align-items: center; gap: 6px;
            transition: gap var(--transition);
        }
        .service-card .card-link:hover { gap: 10px; }

        /* ========== ABOUT / WHY US ========== */
        .about-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
        }
        .about-image { position: relative; }
        .about-image img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
        .about-image-overlay {
            position: absolute; bottom: -20px; left: -20px; right: -20px;
            background: var(--white); border-radius: var(--radius);
            padding: 20px 28px; box-shadow: var(--shadow-lg);
            display: flex; align-items: center; gap: 16px;
        }
        .about-image-overlay .stat-number {
            font-family: 'Outfit', sans-serif; font-size: 2rem; font-weight: 800;
            color: var(--primary); line-height: 1;
        }
        .about-image-overlay .stat-label { font-size: 0.85rem; color: var(--gray); font-weight: 500; }
        .about-content .section-label { margin-bottom: 16px; }
        .about-content .section-title { margin-bottom: 20px; }
        .about-content p { color: var(--gray); margin-bottom: 16px; font-size: 1.02rem; line-height: 1.8; }
        .about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }
        .about-feature {
            display: flex; align-items: flex-start; gap: 10px;
            padding: 12px 16px; background: var(--gray-lighter); border-radius: 10px;
        }
        .about-feature i { color: var(--primary); margin-top: 3px; font-size: 0.9rem; }
        .about-feature span { font-size: 0.9rem; font-weight: 500; color: var(--dark-2); }

        /* ========== INTERACTIVE WORKOUT PLANNER ========== */
        .planner-section {
            background: linear-gradient(135deg, var(--dark) 0%, #2d3748 100%);
            color: var(--white); position: relative; overflow: hidden;
        }
        .planner-section::before {
            content: ''; position: absolute; top: -50%; right: -20%;
            width: 500px; height: 500px; border-radius: 50%;
            background: radial-gradient(circle, rgba(14,165,160,0.15) 0%, transparent 70%);
        }
        .planner-section::after {
            content: ''; position: absolute; bottom: -30%; left: -10%;
            width: 400px; height: 400px; border-radius: 50%;
            background: radial-gradient(circle, rgba(245,158,11,0.1) 0%, transparent 70%);
        }
        .planner-section .section-title { color: var(--white); }
        .planner-section .section-desc { color: rgba(255,255,255,0.7); }
        .planner-container {
            display: grid; grid-template-columns: 1fr 1fr; gap: 40px;
            margin-top: 48px; position: relative; z-index: 1;
        }
        .planner-form label {
            display: block; font-weight: 600; font-size: 0.9rem;
            margin-bottom: 6px; color: rgba(255,255,255,0.85);
        }
        .planner-form input, .planner-form select, .planner-form textarea {
            width: 100%; padding: 12px 16px; border-radius: 10px;
            border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.08);
            color: var(--white); font-family: inherit; font-size: 0.95rem;
            margin-bottom: 16px; transition: border-color var(--transition);
        }
        .planner-form input::placeholder, .planner-form textarea::placeholder { color: rgba(255,255,255,0.4); }
        .planner-form input:focus, .planner-form select:focus, .planner-form textarea:focus {
            outline: none; border-color: var(--primary); background: rgba(255,255,255,0.12);
        }
        .planner-form select option { background: var(--dark-2); color: var(--white); }
        .planner-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
        .planner-results {
            background: rgba(255,255,255,0.06); border-radius: var(--radius);
            padding: 28px; border: 1px solid rgba(255,255,255,0.1);
        }
        .planner-results h3 {
            font-size: 1.3rem; margin-bottom: 8px; color: var(--white);
        }
        .planner-results .result-desc { color: rgba(255,255,255,0.6); font-size: 0.9rem; margin-bottom: 20px; }
        .result-plan {
            background: rgba(14,165,160,0.1); border: 1px solid rgba(14,165,160,0.2);
            border-radius: var(--radius); padding: 20px; margin-bottom: 16px;
        }
        .result-plan h4 {
            font-size: 1rem; color: var(--primary); margin-bottom: 10px;
            display: flex; align-items: center; gap: 8px;
        }
        .result-plan ul { list-style: none; }
        .result-plan li {
            padding: 6px 0; color: rgba(255,255,255,0.8); font-size: 0.9rem;
            display: flex; align-items: center; gap: 8px;
        }
        .result-plan li i { color: var(--primary); font-size: 0.75rem; }
        .result-calories {
            display: flex; gap: 20px; margin-top: 16px; padding-top: 16px;
            border-top: 1px solid rgba(255,255,255,0.1);
        }
        .cal-item { text-align: center; flex: 1; }
        .cal-item .cal-value {
            font-family: 'Outfit', sans-serif; font-size: 1.6rem; font-weight: 800;
            color: var(--accent);
        }
        .cal-item .cal-label { font-size: 0.78rem; color: rgba(255,255,255,0.5); }

        /* ========== TESTIMONIALS ========== */
        .testimonials-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 28px; margin-top: 48px;
        }
        .testimonial-card {
            background: var(--white); border-radius: var(--radius);
            padding: 32px; box-shadow: var(--shadow-sm);
            border: 1px solid var(--gray-light); transition: all var(--transition);
        }
        .testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
        .testimonial-stars { color: var(--accent); font-size: 0.9rem; margin-bottom: 16px; display: flex; gap: 2px; }
        .testimonial-text {
            font-size: 1rem; line-height: 1.8; color: var(--dark-2);
            margin-bottom: 20px; font-style: italic;
        }
        .testimonial-author { display: flex; align-items: center; gap: 14px; }
        .testimonial-author img {
            width: 48px; height: 48px; border-radius: 50%; object-fit: cover;
        }
        .testimonial-author .author-name { font-weight: 700; font-size: 0.95rem; color: var(--dark); }
        .testimonial-author .author-role { font-size: 0.82rem; color: var(--gray); }

        /* ========== FAQ ========== */
        .faq-container { max-width: 800px; margin: 48px auto 0; }
        .faq-item {
            border: 1px solid var(--gray-light); border-radius: var(--radius);
            margin-bottom: 12px; overflow: hidden; transition: all var(--transition);
            background: var(--white);
        }
        .faq-item.active { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(14,165,160,0.1); }
        .faq-question {
            width: 100%; padding: 20px 24px; display: flex; justify-content: space-between;
            align-items: center; background: none; font-family: 'Outfit', sans-serif;
            font-weight: 600; font-size: 1rem; color: var(--dark); text-align: left;
            transition: background var(--transition);
        }
        .faq-question:hover { background: var(--gray-lighter); }
        .faq-item.active .faq-question { background: var(--primary-light); }
        .faq-question i { transition: transform var(--transition); color: var(--gray); font-size: 0.9rem; }
        .faq-item.active .faq-question i { transform: rotate(180deg); color: var(--primary); }
        .faq-answer {
            max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;
        }
        .faq-item.active .faq-answer { max-height: 300px; }
        .faq-answer-inner { padding: 0 24px 20px; color: var(--gray); font-size: 0.95rem; line-height: 1.8; }

        /* ========== BLOG PREVIEW ========== */
        .blog-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 28px; margin-top: 48px;
        }
        .blog-card {
            background: var(--white); border-radius: var(--radius);
            overflow: hidden; box-shadow: var(--shadow-sm);
            border: 1px solid var(--gray-light); transition: all var(--transition);
        }
        .blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
        .blog-card-img { position: relative; overflow: hidden; height: 200px; }
        .blog-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
        .blog-card:hover .blog-card-img img { transform: scale(1.05); }
        .blog-card-tag {
            position: absolute; top: 12px; left: 12px;
            padding: 4px 12px; border-radius: 50px; font-size: 0.75rem;
            font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
        }
        .blog-card-tag.nutrition { background: #dcfce7; color: #16a34a; }
        .blog-card-tag.fitness { background: var(--primary-light); color: var(--primary); }
        .blog-card-tag.wellness { background: var(--accent-light); color: #d97706; }
        .blog-card-body { padding: 24px; }
        .blog-card-meta {
            display: flex; gap: 16px; font-size: 0.8rem; color: var(--gray);
            margin-bottom: 12px;
        }
        .blog-card-body h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; color: var(--dark); }
        .blog-card-body p { font-size: 0.9rem; color: var(--gray); line-height: 1.7; margin-bottom: 16px; }
        .blog-card-link {
            font-weight: 600; font-size: 0.88rem; color: var(--primary);
            display: inline-flex; align-items: center; gap: 6px;
            transition: gap var(--transition);
        }
        .blog-card-link:hover { gap: 10px; }

        /* ========== CTA BANNER ========== */
        .cta-banner {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: var(--white); text-align: center; padding: 64px 24px;
            position: relative; overflow: hidden;
        }
        .cta-banner::before {
            content: ''; position: absolute; top: -50%; left: -20%;
            width: 400px; height: 400px; border-radius: 50%;
            background: rgba(255,255,255,0.05);
        }
        .cta-banner::after {
            content: ''; position: absolute; bottom: -40%; right: -10%;
            width: 350px; height: 350px; border-radius: 50%;
            background: rgba(255,255,255,0.05);
        }
        .cta-banner h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); margin-bottom: 12px; position: relative; z-index: 1; }
        .cta-banner p { font-size: 1.05rem; opacity: 0.85; max-width: 500px; margin: 0 auto 28px; position: relative; z-index: 1; }
        .cta-banner .btn { position: relative; z-index: 1; }

        /* ========== FOOTER ========== */
        .site-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.1);
        }
        .footer-brand .logo { margin-bottom: 16px; }
        .footer-brand .logo img { width: 36px; height: 36px; }
        .footer-brand p { font-size: 0.9rem; line-height: 1.8; margin-bottom: 20px; }
        .footer-contact { display: flex; flex-direction: column; gap: 10px; }
        .footer-contact-item { display: flex; align-items: center; gap: 10px; font-size: 0.9rem; }
        .footer-contact-item i { color: var(--primary); width: 18px; text-align: center; }
        .footer-col h4 {
            font-size: 0.95rem; font-weight: 700; color: var(--white);
            margin-bottom: 18px; text-transform: uppercase; letter-spacing: 1px;
        }
        .footer-col a {
            display: block; padding: 6px 0; font-size: 0.9rem;
            transition: color var(--transition);
        }
        .footer-col a:hover { color: var(--primary); }
        .footer-social { display: flex; gap: 12px; margin-top: 20px; }
        .footer-social a {
            width: 40px; height: 40px; border-radius: 50%;
            background: rgba(255,255,255,0.08); display: flex;
            align-items: center; justify-content: center;
            transition: all var(--transition); font-size: 0.9rem;
        }
        .footer-social a:hover { background: var(--primary); color: var(--white); transform: translateY(-3px); }
        .footer-bottom {
            display: flex; justify-content: space-between; align-items: center;
            padding: 20px 0; font-size: 0.82rem; flex-wrap: wrap; gap: 12px;
        }
        .footer-bottom-links { display: flex; gap: 20px; }
        .footer-bottom-links a:hover { color: var(--primary); }

        /* ========== RESPONSIVE ========== */
        @media (max-width: 1024px) {
            .hero-grid { grid-template-columns: 1fr; text-align: center; }
            .hero-content { max-width: 100%; margin: 0 auto; }
            .hero-desc { margin-left: auto; margin-right: auto; }
            .hero-actions { justify-content: center; }
            .hero-stats { justify-content: center; }
            .hero-visual { max-width: 500px; margin: 0 auto; }
            .about-grid { grid-template-columns: 1fr; }
            .planner-container { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .nav-desktop { display: none; }
            .mobile-toggle { display: block; }
            .hero-stats { flex-direction: column; gap: 16px; align-items: center; }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; text-align: center; }
            .about-features { grid-template-columns: 1fr; }
            .planner-form .form-row { grid-template-columns: 1fr; }
            .section { padding: 60px 0; }
            .hero-float-card { display: none; }
        }

        /* ========== SCROLL ANIMATIONS ========== */
        .fade-in {
            opacity: 0; transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        .fade-in.visible { opacity: 1; transform: translateY(0); }
    </style>
</head>
<body>

    <!-- ========== HEADER ========== -->
    <header class="site-header" id="siteHeader">
        <div class="header-inner">
            <a href="#" class="logo">
                <img src="https://placehold.co/40x40/0ea5a0/ffffff?text=VC&font=outfit" alt="VitalCore Logo">
                Vital<span>Core</span>
            </a>
            <nav class="nav-desktop" aria-label="Primary navigation">
                <a href="#home" class="active">Home</a>
                <a href="#services">Services</a>
                <a href="#about">About</a>
                <a href="#classes">Fitness Classes</a>
                <a href="#planner">Planner</a>
                <a href="#appointments">Appointments</a>
                <a href="#blog">Blog</a>
            </nav>
            <div class="nav-cta">
                <a href="#appointments" class="btn btn-primary btn-sm" style="display:none;" id="headerCta">Book Now</a>
            </div>
            <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle navigation">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </header>
    <nav class="mobile-nav" id="mobileNav" aria-label="Mobile navigation">
        <a href="#home" onclick="closeMobileNav()">Home</a>
        <a href="#services" onclick="closeMobileNav()">Services</a>
        <a href="#about" onclick="closeMobileNav()">About</a>
        <a href="#classes" onclick="closeMobileNav()">Fitness Classes</a>
        <a href="#planner" onclick="closeMobileNav()">Planner</a>
        <a href="#appointments" onclick="closeMobileNav()">Appointments</a>
        <a href="#blog" onclick="closeMobileNav()">Blog</a>
        <a href="#appointments" class="btn btn-primary text-center" onclick="closeMobileNav()">Book Appointment</a>
    </nav>

    <!-- ========== HERO ========== -->
    <section class="hero" id="home">
        <div class="container">
            <div class="hero-grid">
                <div class="hero-content">
                    <div class="hero-badge"><i class="fas fa-circle-check"></i> Trusted by 12,000+ Members</div>
                    <h1 class="hero-title">Your Path to <em>Optimal Health</em> Starts Here</h1>
                    <p class="hero-desc">
                        At VitalCore, we combine evidence-based preventive care, personalized fitness programming, and holistic wellness strategies to help you build a stronger, healthier, and more resilient life. Our multidisciplinary team is dedicated to your long-term well-being — not just quick fixes.
                    </p>
                    <div class="hero-actions">
                        <a href="#appointments" class="btn btn-primary">Start Your Trial <i class="fas fa-arrow-right"></i></a>
                        <a href="#services" class="btn btn-outline">Explore Services</a>
                    </div>
                    <div class="hero-stats">
                        <div class="hero-stat">
                            <div class="hero-stat-value">150+</div>
                            <div class="hero-stat-label">Certified Specialists</div>
                        </div>
                        <div class="hero-stat">
                            <div class="hero-stat-value">98%</div>
                            <div class="hero-stat-label">Member Satisfaction</div>
                        </div>
                        <div class="hero-stat">
                            <div class="hero-stat-value">25+</div>
                            <div class="hero-stat-label">Years of Excellence</div>
                        </div>
                    </div>
                </div>
                <div class="hero-visual">
                    <div class="hero-img-wrapper">
                        <img src="https://picsum.photos/600/480?random=health1" alt="Healthy lifestyle" loading="eager">
                    </div>
                    <div class="hero-float-card card-1">
                        <div class="icon-circle"><i class="fas fa-heart-pulse"></i></div>
                        <div class="card-text">
                            <strong>Heart Health Score</strong>
                            <span>92% — Excellent</span>
                        </div>
                    </div>
                    <div class="hero-float-card card-2">
                        <div class="icon-circle"><i class="fas fa-dumbbell"></i></div>
                        <div class="card-text">
                            <strong>Weekly Goal</strong>
                            <span>5 of 7 sessions done</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== SERVICES ========== -->
    <section class="section section-alt" id="services">
        <div class="container">
            <div class="text-center fade-in">
                <div class="section-label">Our Services</div>
                <h2 class="section-title">Comprehensive Wellness Solutions</h2>
                <p class="section-desc">
                    From preventive screenings to chronic care management, our integrated approach addresses every dimension of your health. Each service is designed by leading specialists and backed by the latest clinical research.
                </p>
            </div>
            <div class="services-grid">
                <div class="service-card fade-in">
                    <div class="service-icon teal"><i class="fas fa-heart-pulse"></i></div>
                    <h3>Preventive Screening</h3>
                    <p>
                        Early detection is the cornerstone of long-term health. Our preventive screening programs include comprehensive blood panels, cardiovascular risk assessments, body composition analysis, and age-appropriate cancer screenings — all tailored to your unique health profile and family history.
                    </p>
                    <a href="#appointments" class="card-link">Schedule Screening <i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon amber"><i class="fas fa-person-running"></i></div>
                    <h3>Fitness Programming</h3>
                    <p>
                        Whether you're recovering from an injury or training for a marathon, our certified exercise physiologists design progressive, evidence-based fitness plans. We integrate strength training, cardiovascular conditioning, mobility work, and recovery protocols to optimize your performance safely.
                    </p>
                    <a href="#classes" class="card-link">View Class Schedule <i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon green"><i class="fas fa-apple-whole"></i></div>
                    <h3>Nutrition Counseling</h3>
                    <p>
                        Our registered dietitians develop personalized wellness plans grounded in nutritional science. From managing chronic conditions like diabetes and hypertension through dietary intervention to building sustainable eating habits for weight management, we provide the guidance and accountability you need.
                    </p>
                    <a href="#appointments" class="card-link">Book a Consultation <i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon blue"><i class="fas fa-user-doctor"></i></div>
                    <h3>Chronic Care Management</h3>
                    <p>
                        Living with a chronic condition requires a coordinated, compassionate approach. Our care teams create individualized management plans for diabetes, cardiovascular disease, autoimmune disorders, and more — combining medical treatment, lifestyle modification, and ongoing monitoring.
                    </p>
                    <a href="#appointments" class="card-link">Learn More <i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon teal"><i class="fas fa-brain"></i></div>
                    <h3>Mental Wellness Support</h3>
                    <p>
                        Mental health is inseparable from physical health. Our licensed therapists and counselors provide cognitive behavioral therapy, stress management coaching, and mindfulness-based interventions integrated into your overall wellness plan for holistic healing.
                    </p>
                    <a href="#appointments" class="card-link">Find a Therapist <i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon amber"><i class="fas fa-hand-holding-medical"></i></div>
                    <h3>Recovery & Rehabilitation</h3>
                    <p>
                        Our state-of-the-art recovery center offers physiotherapy, aquatic therapy, cryotherapy, and advanced sports medicine services. Whether you're rehabilitating from surgery or an athletic injury, our team guides you through every phase of recovery with precision and care.
                    </p>
                    <a href="#appointments" class="card-link">Start Recovery <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== ABOUT ========== -->
    <section class="section" id="about">
        <div class="container">
            <div class="about-grid">
                <div class="about-image fade-in">
                    <img src="https://picsum.photos/600/500?random=health2" alt="Our facility" loading="lazy">
                    <div class="about-image-overlay">
                        <div>
                            <div class="stat-number">12K+</div>
                            <div class="stat-label">Active Members</div>
                        </div>
                        <div style="width:1px;height:40px;background:var(--gray-light);"></div>
                        <div>
                            <div class="stat-number">4.9</div>
                            <div class="stat-label">Avg. Rating</div>
                        </div>
                    </div>
                </div>
                <div class="about-content fade-in">
                    <div class="section-label">Why VitalCore</div>
                    <h2 class="section-title">Where Science Meets Compassionate Care</h2>
                    <p>
                        For over two decades, VitalCore Health & Fitness has been at the forefront of integrative wellness. We believe that true health is not merely the absence of disease — it is a state of complete physical, mental, and social well-being. Our philosophy centers on empowering every member with the knowledge, tools, and support systems needed to thrive.
                    </p>
                    <p>
                        Our multidisciplinary team of over 150 certified professionals — including physicians, physiotherapists, registered dietitians, exercise physiologists, and mental health counselors — collaborates under one roof to deliver coordinated, whole-person care. This integrated model eliminates the fragmentation that often plagues traditional healthcare, ensuring every aspect of your wellness journey is seamlessly managed.
                    </p>
                    <div class="about-features">
                        <div class="about-feature"><i class="fas fa-check-circle"></i><span>Board-Certified Specialists</span></div>
                        <div class="about-feature"><i class="fas fa-check-circle"></i><span>State-of-the-Art Facility</span></div>
                        <div class="about-feature"><i class="fas fa-check-circle"></i><span>Personalized Wellness Plans</span></div>
                        <div class="about-feature"><i class="fas fa-check-circle"></i><span>24/7 Member Portal Access</span></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== INTERACTIVE WORKOUT PLANNER ========== -->
    <section class="section planner-section" id="planner">
        <div class="container">
            <div class="text-center fade-in">
                <div class="section-label" style="color:#0ea5a0;">Interactive Tool</div>
                <h2 class="section-title">Personalized Workout Planner</h2>
                <p class="section-desc">
                    Answer a few questions and our algorithm will generate a customized weekly workout plan tailored to your fitness level, goals, and available time. No guesswork — just science-backed programming.
                </p>
            </div>
            <div class="planner-container fade-in">
                <div class="planner-form">
                    <div class="form-row">
                        <div>
                            <label for="plannerName">Your Name</label>
                            <input type="text" id="plannerName" placeholder="e.g. Alex Morgan" autocomplete="name">
                        </div>
                        <div>
                            <label for="plannerAge">Age</label>
                            <input type="number" id="plannerAge" placeholder="e.g. 34" min="13" max="100">
                        </div>
                    </div>
                    <label for="plannerLevel">Fitness Level</label>
                    <select id="plannerLevel">
                        <option value="">Select your level...</option>
                        <option value="beginner">Beginner — New to exercise</option>
                        <option value="intermediate">Intermediate — Exercising regularly</option>
                        <option value="advanced">Advanced — Training consistently</option>
                    </select>
                    <label for="plannerGoal">Primary Goal</label>
                    <select id="plannerGoal">
                        <option value="">Choose a goal...</option>
                        <option value="weight-loss">Weight Loss</option>
                        <option value="muscle-gain">Muscle Building</option>
                        <option value="endurance">Endurance & Stamina</option>
                        <option value="flexibility">Flexibility & Mobility</option>
                        <option value="general">General Health & Wellness</option>
                    </select>
                    <label for="plannerDays">Days Per Week</label>
                    <select id="plannerDays">
                        <option value="">Select days...</option>
                        <option value="2">2 Days</option>
                        <option value="3">3 Days</option>
                        <option value="4">4 Days</option>
                        <option value="5">5 Days</option>
                        <option value="6">6 Days</option>
                    </select>
                    <label for="plannerTime">Available Time Per Session (minutes)</label>
                    <input type="number" id="plannerTime" placeholder="e.g. 45" min="15" max="180">
                    <button class="btn btn-primary" id="generatePlan" style="width:100%;justify-content:center;">
                        <i class="fas fa-wand-magic-sparkles"></i> Generate My Plan
                    </button>
                </div>
                <div class="planner-results" id="plannerResults" style="display:none;">
                    <h3 id="resultGreeting">Your Personalized Plan</h3>
                    <p class="result-desc" id="resultDesc">Based on your inputs, here is your tailored weekly workout schedule:</p>
                    <div id="planOutput"></div>
                    <div class="result-calories" id="resultCalories"></div>
                    <a href="#appointments" class="btn btn-primary" style="margin-top:20px;width:100%;justify-content:center;">
                        Start Trial <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== FITNESS CLASSES ========== -->
    <section class="section section-alt" id="classes">
        <div class="container">
            <div class="text-center fade-in">
                <div class="section-label">Fitness Classes</div>
                <h2 class="section-title">Find Your Flow</h2>
                <p class="section-desc">
                    Our diverse class schedule caters to every fitness level and interest. From high-intensity interval training to restorative yoga, each class is led by certified instructors who prioritize safety, proper form, and measurable results.
                </p>
            </div>
            <div class="services-grid" style="margin-top:48px;">
                <div class="service-card fade-in">
                    <div class="service-icon teal"><i class="fas fa-fire"></i></div>
                    <h3>HIIT Blast</h3>
                    <p>
                        45 minutes of maximum effort intervals designed to torch calories and boost your metabolic rate for hours after the session. Suitable for intermediate to advanced members with modifications available for beginners.
                    </p>
                    <span class="card-link">Mon/Wed/Fri — 6:00 AM <i class="fas fa-arrow-right"></i></span>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon amber"><i class="fas fa-spa"></i></div>
                    <h3>Vinyasa Flow Yoga</h3>
                    <p>
                        A dynamic, breath-synchronized practice that builds strength, flexibility, and mental clarity. Our instructors guide you through progressive sequences that honor your body's current capabilities while encouraging growth.
                    </p>
                    <span class="card-link">Tue/Thu — 7:30 AM <i class="fas fa-arrow-right"></i></span>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon green"><i class="fas fa-dumbbell"></i></div>
                    <h3>Strength Foundations</h3>
                    <p>
                        Build a rock-solid foundation with compound movements, proper biomechanics, and progressive overload principles. This class is ideal for beginners looking to learn correct lifting technique and experienced lifters seeking structured programming.
                    </p>
                    <span class="card-link">Mon/Wed — 5:30 PM <i class="fas fa-arrow-right"></i></span>
                </div>
                <div class="service-card fade-in">
                    <div class="service-icon blue"><i class="fas fa-water"></i></div>
                    <h3>Aqua Rehabilitation</h3>
                    <p>
                        Leverage the natural resistance and buoyancy of water for low-impact conditioning, joint-friendly strengthening, and cardiovascular improvement. Particularly beneficial for members in recovery or managing chronic pain conditions.
                    </p>
                    <span class="card-link">Tue/Thu/Sat — 9:00 AM <i class="fas fa-arrow-right"></i></span>
                </div>
            </div>
            <div class="text-center" style="margin-top:40px;">
                <a href="#appointments" class="btn btn-primary">View Full Schedule <i class="fas fa-calendar-days"></i></a>
            </div>
        </div>
    </section>

    <!-- ========== TESTIMONIALS ========== -->
    <section class="section" id="testimonials">
        <div class="container">
            <div class="text-center fade-in">
                <div class="section-label">Testimonials</div>
                <h2 class="section-title">Stories of Transformation</h2>
                <p class="section-desc">
                    Real results from real members who have made VitalCore part of their wellness journey.
                </p>
            </div>
            <div class="testimonials-grid">
                <div class="testimonial-card fade-in">
                    <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>
                    <blockquote class="testimonial-text">
                        "After my cardiac event two years ago, I was terrified of exercising again. The VitalCore team created a carefully monitored recovery program that rebuilt my confidence and my heart health. I'm now stronger than I've been in a decade."
                    </blockquote>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/80?u=member1" alt="Sarah Mitchell" loading="lazy">
                        <div>
                            <div class="author-name">Sarah Mitchell</div>
                            <div class="author-role">Cardiac Recovery Member — 2 Years</div>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card fade-in">
                    <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>
                    <blockquote class="testimonial-text">
                        "The nutrition counseling alone changed my life. I went from struggling with pre-diabetes to having all my biomarkers in the healthy range. The personalized wellness plan and ongoing support made all the difference."
                    </blockquote>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/80?u=member2" alt="David Chen" loading="lazy">
                        <div>
                            <div class="author-name">David Chen</div>
                            <div class="author-role">Nutrition Program Member — 1 Year</div>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card fade-in">
                    <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-stroke"></i>
                    </div>
                    <blockquote class="testimonial-text">
                        "As a competitive marathon runner, I needed more than just a gym — I needed a team that understood athletic performance. VitalCore's sports medicine and recovery services have helped me shave 8 minutes off my personal best."
                    </blockquote>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/80?u=member3" alt="Maria Gonzalez" loading="lazy">
                        <div>
                            <div class="author-name">Maria Gonzalez</div>
                            <div class="author-role">Competitive Athlete — 3 Years</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== FAQ ========== -->
    <section class="section section-alt" id="faq">
        <div class="container">
            <div class="text-center fade-in">
                <div class="section-label">Frequently Asked Questions</div>
                <h2 class="section-title">Everything You Need to Know</h2>
                <p class="section-desc">
                    We've compiled answers to the most common questions our prospective and current members ask about our services, policies, and facilities.
                </p>
            </div>
            <div class="faq-container">
                <div class="faq-item fade-in">
                    <button class="faq-question" aria-expanded="false">
                        What does a new member wellness assessment include?
                        <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner">
                            Your initial wellness assessment is a comprehensive 90-minute session that includes a detailed health history review, body composition analysis via DEXA scan, cardiovascular fitness testing (VO2 max), flexibility and mobility screening, blood pressure and resting metabolic rate measurement, and a one-on-one consultation with a licensed exercise physiologist. Based on these results, we develop a personalized wellness plan that serves as your roadmap for the first 90 days of membership.
                        </div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" aria-expanded="false">
                        Do you accept health insurance for medical services?
                        <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner">
                            Yes, VitalCore is in-network with most major insurance providers for our medical services, including preventive screenings, chronic care management, and physician consultations. Our billing team will verify your coverage before your first appointment and provide you with a clear estimate of any out-of-pocket costs. Fitness classes and nutrition counseling may be covered under certain Health Savings Account (HSA) or Flexible Spending Account (FSA) plans — we recommend checking with your insurance provider for specific details.
                        </div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" aria-expanded="false">
                        Can I try a class before committing to a membership?
                        <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner">
                            Absolutely. We offer a complimentary 7-day trial that includes access to all fitness classes, the wellness center, and one introductory consultation with a health coach. This gives you a complete experience of our facilities and programming before making any commitment. To start your trial, simply click the "Start Trial" button on our homepage or contact our membership team directly.
                        </div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" aria-expanded="false">
                        How are chronic care management plans structured?
                        <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner">
                            Our chronic care management plans follow a structured, evidence-based protocol. Each plan begins with a thorough diagnostic workup and specialist consultation. We then establish measurable health targets and create a multi-disciplinary care plan that may include medication management, dietary modification, exercise programming, behavioral health support, and regular monitoring. Members receive quarterly progress reviews where we adjust the plan based on clinical outcomes and your personal feedback, ensuring continuous improvement toward your health goals.
                        </div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" aria-expanded="false">
                        What safety measures are in place during fitness classes?
                        <i class="fas fa-chevron-down"></i>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner">
                            Safety is our top priority in every class. All sessions are led by nationally certified instructors who hold current CPR/AED credentials. Our facilities maintain a 1:12 instructor-to-member ratio for personalized attention. Each class begins with a proper warm-up and ends with a guided cool-down. We also conduct pre-participation health screenings for new members and maintain emergency response protocols that are regularly drilled by our staff. Our facility is equipped with AED devices on every floor and staff are trained in emergency response procedures.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== BLOG ========== -->
    <section class="section" id="blog">
        <div class="container">
            <div class="text-center fade-in">
                <div class="section-label">From the Blog</div>
                <h2 class="section-title">Health Insights & Wellness Tips</h2>
                <p class="section-desc">
                    Stay informed with the latest research, expert advice, and practical wellness strategies from our team of specialists.
                </p>
            </div>
            <div class="blog-grid">
                <article class="blog-card fade-in">
                    <div class="blog-card-img">
                        <img src="https://picsum.photos/400/200?random=blog1" alt="Preventive screening" loading="lazy">
                        <span class="blog-card-tag nutrition">Nutrition</span>
                    </div>
                    <div class="blog-card-body">
                        <div class="blog-card-meta">
                            <span><i class="far fa-clock"></i> 6 min read</span>
                            <span><i class="far fa-calendar"></i> Dec 12, 2024</span>
                        </div>
                        <h3>The Science of Preventive Screening: What Tests You Actually Need and When</h3>
                        <p>
                            Navigating the world of preventive health screenings can feel overwhelming. Our medical director breaks down the evidence-based screening schedule for adults of all ages, explaining which tests offer genuine clinical value and which are best skipped.
                        </p>
                        <a href="#" class="blog-card-link">Read More <i class="fas fa-arrow-right"></i></a>
                    </div>
                </article>
                <article class="blog-card fade-in">
                    <div class="blog-card-img">
                        <img src="https://picsum.photos/400/200?random=blog2" alt="Chronic care" loading="lazy">
                        <span class="blog-card-tag fitness">Fitness</span>
                    </div>
                    <div class="blog-card-body">
                        <div class="blog-card-meta">
                            <span><i class="far fa-clock"></i> 8 min read</span>
                            <span><i class="far fa-calendar"></i> Dec 8, 2024</span>
                        </div>
                        <h3>Building a Sustainable Exercise Routine: Tips from Exercise Physiologists</h3>
                        <p>
                            The biggest barrier to fitness isn't lack of time or motivation — it's an unsustainable approach. Learn how our exercise physiologists design routines that fit real life, build lasting habits, and deliver measurable results without burnout.
                        </p>
                        <a href="#" class="blog-card-link">Read More <i class="fas fa-arrow-right"></i></a>
                    </div>
                </article>
                <article class="blog-card fade-in">
                    <div class="blog-card-img">
                        <img src="https://picsum.photos/400/200?random=blog3" alt="Mental wellness" loading="lazy">
                        <span class="blog-card-tag wellness">Wellness</span>
                    </div>
                    <div class="blog-card-body">
                        <div class="blog-card-meta">
                            <span><i class="far fa-clock"></i> 5 min read</span>
                            <span><i class="far fa-calendar"></i> Dec 3, 2024</span>
                        </div>
                        <h3>The Mind-Body Connection: How Mental Wellness Impacts Physical Recovery</h3>
                        <p>
                            Emerging research continues to confirm what we've long observed at VitalCore: mental and physical health are deeply intertwined. Discover how integrating mindfulness, stress management, and therapeutic support accelerates recovery from injury and chronic illness.
                        </p>
                        <a href="#" class="blog-card-link">Read More <i class="fas fa-arrow-right"></i></a>
                    </div>
                </article>
            </div>
            <div class="text-center" style="margin-top:40px;">
                <a href="#" class="btn btn-outline">View All Articles <i class="fas fa-arrow-right"></i></a>
            </div>
        </div>
    </section>

    <!-- ========== CTA BANNER ========== -->
    <section class="cta-banner" id="appointments">
        <div class="container text-center fade-in">
            <h2>Ready to Take the Next Step?</h2>
            <p>
                Whether you're starting your wellness journey or optimizing an already healthy lifestyle, our team is here to guide you. Book your first appointment today and experience the VitalCore difference.
            </p>
            <a href="#" class="btn btn-white">Book an Appointment <i class="fas fa-calendar-check"></i></a>
        </div>
    </section>

    <!-- ========== FOOTER ========== -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="#" class="logo" style="margin-bottom:16px;">
                        <img src="https://placehold.co/36x36/0ea5a0/ffffff?text=VC&font=outfit" alt="VitalCore Logo">
                        Vital<span>Core</span>
                    </a>
                    <p>
                        Empowering your wellness journey through evidence-based preventive care, personalized fitness programming, and compassionate chronic care management. Located in the heart of the city, serving our community since 1999.
                    </p>
                    <div class="footer-contact">
                        <div class="footer-contact-item">
                            <i class="fas fa-location-dot"></i>
                            <span>742 Wellness Boulevard, Suite 300, San Francisco, CA 94102</span>
                        </div>
                        <div class="footer-contact-item">
                            <i class="fas fa-phone"></i>
                            <a href="tel:+15551234567">(555) 123-4567</a>
                        </div>
                        <div class="footer-contact-item">
                            <i class="fas fa-envelope"></i>
                            <a href="mailto:hello@vitalcorehealth.com">hello@vitalcorehealth.com</a>
                        </div>
                    </div>
                    <div class="footer-social">
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></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>Services</h4>
                    <a href="#services">Preventive Screening</a>
                    <a href="#services">Fitness Programming</a>
                    <a href="#services">Nutrition Counseling</a>
                    <a href="#services">Chronic Care Management</a>
                    <a href="#services">Mental Wellness</a>
                    <a href="#services">Recovery & Rehab</a>
                </div>
                <div class="footer-col">
                    <h4>Quick Links</h4>
                    <a href="#home">Home</a>
                    <a href="#about">About Us</a>
                    <a href="#classes">Fitness Classes</a>
                    <a href="#planner">Workout Planner</a>
                    <a href="#blog">Blog</a>
                    <a href="#faq">FAQ</a>
                </div>
                <div class="footer-col">
                    <h4>Resources</h4>
                    <a href="#">Member Portal</a>
                    <a href="#">Health Library</a>
                    <a href="#">Provider Directory</a>
                    <a href="#">Insurance Info</a>
                    <a href="#">Careers</a>
                    <a href="#">Contact Us</a>
                </div>
            </div>
            <div class="footer-bottom">
                <span>&copy; <span id="currentYear"></span> VitalCore Health & Fitness. All rights reserved.</span>
                <div class="footer-bottom-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Accessibility</a>
                    <a href="#">Cookie Policy</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- ========== SCRIPTS ========== -->
    <script>
        // --- Mobile Nav ---
        const mobileToggle = document.getElementById('mobileToggle');
        const mobileNav = document.getElementById('mobileNav');
        mobileToggle.addEventListener('click', () => {
            const isOpen = mobileNav.classList.toggle('open');
            mobileToggle.innerHTML = isOpen ? '<i class="fas fa-xmark"></i>' : '<i class="fas fa-bars"></i>';
        });
        function closeMobileNav() {
            mobileNav.classList.remove('open');
            mobileToggle.innerHTML = '<i class="fas fa-bars"></i>';
        }

        // --- Header scroll shadow ---
        const header = document.getElementById('siteHeader');
        window.addEventListener('scroll', () => {
            header.classList.toggle('scrolled', window.scrollY > 10);
        });

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

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

        // --- FAQ Accordion ---
        document.querySelectorAll('.faq-question').forEach(btn => {
            btn.addEventListener('click', () => {
                const item = btn.parentElement;
                const isActive = item.classList.contains('active');
                // Close all
                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));
                document.querySelectorAll('.faq-question').forEach(b => b.setAttribute('aria-expanded', 'false'));
                // Toggle clicked
                if (!isActive) {
                    item.classList.add('active');
                    btn.setAttribute('aria-expanded', 'true');
                }
            });
        });

        // --- Workout Planner ---
        const generateBtn = document.getElementById('generatePlan');
        const resultsDiv = document.getElementById('plannerResults');
        const planOutput = document.getElementById('planOutput');
        const resultCalories = document.getElementById('resultCalories');
        const resultGreeting = document.getElementById('resultGreeting');
        const resultDesc = document.getElementById('resultDesc');

        const workoutPlans = {
            'weight-loss': {
                title: 'Weight Loss Plan',
                icon: 'fa-fire',
                color: '#ef4444',
                bgColor: 'rgba(239,68,68,0.1)',
                items: [
                    '30 min moderate-intensity cardio (running, cycling, or elliptical)',
                    '15 min full-body resistance circuit (bodyweight or light dumbbells)',
                    '10 min high-intensity interval bursts for metabolic boost',
                    '10 min cool-down stretch focusing on major muscle groups'
                ]
            },
            'muscle-gain': {
                title: 'Muscle Building Plan',
                icon: 'fa-dumbbell',
                color: '#8b5cf6',
                bgColor: 'rgba(139,92,246,0.1)',
                items: [
                    '10 min dynamic warm-up and mobility work',
                    '40 min progressive resistance training (compound movements)',
                    '15 min targeted isolation work for lagging muscle groups',
                    '5 min cool-down with static stretching and foam rolling'
                ]
            },
            'endurance': {
                title: 'Endurance Builder Plan',
                icon: 'fa-person-running',
                color: '#f59e0b',
                bgColor: 'rgba(245,158,11,0.1)',
                items: [
                    '5 min gradual warm-up at low intensity',
                    '35 min sustained cardio zone 2-3 training',
                    '10 min tempo intervals to push aerobic threshold',
                    '10 min recovery cool-down with breathing exercises'
                ]
            },
            'flexibility': {
                title: 'Flexibility & Mobility Plan',
                icon: 'fa-spa',
                color: '#10b981',
                bgColor: 'rgba(16,185,129,0.1)',
                items: [
                    '10 min gentle dynamic warm-up',
                    '30 min guided yoga flow or mobility sequence',
                    '15 min deep static stretching for tight areas',
                    '5 min mindfulness and breathing cool-down'
                ]
            },
            'general': {
                title: 'General Wellness Plan',
                icon: 'fa-heart-pulse',
                color: '#0ea5a0',
                bgColor: 'rgba(14,165,160,0.1)',
                items: [
                    '10 min warm-up with light cardio and dynamic stretches',
                    '25 min mixed training (cardio + strength + core)',
                    '10 min focused mobility and flexibility work',
                    '5 min guided breathing and relaxation cool-down'
                ]
            }
        };

        generateBtn.addEventListener('click', () => {
            const name = document.getElementById('plannerName').value.trim() || 'Member';
            const level = document.getElementById('plannerLevel').value;
            const goal = document.getElementById('plannerGoal').value;
            const days = parseInt(document.getElementById('plannerDays').value);
            const time = parseInt(document.getElementById('plannerTime').value);

            if (!level || !goal || !days || !time) {
                // Simple validation
                const btn = generateBtn;
                btn.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Please fill all fields';
                btn.style.background = '#ef4444';
                setTimeout(() => {
                    btn.innerHTML = '<i class="fas fa-wand-magic-sparkles"></i> Generate My Plan';
                    btn.style.background = '';
                }, 2000);
                return;
            }

            const plan = workoutPlans[goal] || workoutPlans['general'];
            const calories = Math.round(time * days * (level === 'beginner' ? 5 : level === 'intermediate' ? 7 : 9) * (goal === 'weight-loss' ? 1.1 : goal === 'muscle-gain' ? 0.9 : 1));
            const proteinG = Math.round(calories * 0.3 / 4);
            const carbsG = Math.round(calories * 0.45 / 4);

            resultsDiv.style.display = 'block';
            resultGreeting.textContent = `Hello, ${name}! Here's Your Plan`;
            resultDesc.textContent = `Based on your ${level} level, ${goal.replace('-', ' ')} goal, and ${days} days/week schedule (${time} min/session):`;

            let html = '';
            for (let i = 0; i < days; i++) {
                const dayNames = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
                const day = dayNames[i % 7];
                const isRest = i >= days;
                if (isRest) continue;
                html += `
                    <div class="result-plan">
                        <h4><i class="fas ${plan.icon}"></i> ${day} — ${plan.title}</h4>
                        <ul>
                            ${plan.items.map(item => `<li><i class="fas fa-check"></i> ${item}</li>`).join('')}
                        </ul>
                    </div>
                `;
            }
            planOutput.innerHTML = html;

            resultCalories.innerHTML = `
                <div class="cal-item">
                    <div class="cal-value">${calories}</div>
                    <div class="cal-label">Est. Weekly Cal Burn</div>
                </div>
                <div class="cal-item">
                    <div class="cal-value">${proteinG}g</div>
                    <div class="cal-label">Daily Protein</div>
                </div>
                <div class="cal-item">
                    <div class="cal-value">${carbsG}g</div>
                    <div class="cal-label">Daily Carbs</div>
                </div>
            `;

            resultsDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        });

        // --- 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:24.344Z",
  "url": "https://benchmark.aimac.invalid/a2223f47a9267d90dcd3d83005486b945d8ce27894c60f024cedf0ab111cad10.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-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "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": "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": "<nav class=\"nav-desktop\" aria-label=\"Primary navigation\">",
          "target": [
            ".nav-desktop"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"nav-desktop\" aria-label=\"Primary navigation\">",
          "target": [
            ".nav-desktop"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"nav-desktop\" aria-label=\"Primary navigation\">",
          "target": [
            ".nav-desktop"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"nav-desktop\" aria-label=\"Primary navigation\">",
          "target": [
            ".nav-desktop"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"nav-desktop\" aria-label=\"Primary navigation\">",
          "target": [
            ".nav-desktop"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [
            {
              "id": "autocomplete-valid",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "the autocomplete attribute is correctly formatted"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" id=\"plannerName\" placeholder=\"e.g. Alex Morgan\" autocomplete=\"name\">",
          "target": [
            "#plannerName"
          ]
        }
      ]
    },
    {
      "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=\"services-grid\" style=\"margin-top:48px;\">",
          "target": [
            "#classes > .container > .services-grid"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"btn btn-primary\" id=\"generatePlan\" style=\"width:100%;justify-content:center;\">\n                        <i class=\"fas fa-wand-magic-sparkles\"></i> Generate My Plan\n                    </button>",
          "target": [
            "#generatePlan"
          ]
        }
      ]
    },
    {
      "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\">Your Path to <em>Optimal Health</em> Starts Here</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Comprehensive Wellness Solutions</h2>",
                  "target": [
                    "#services > .container > .text-center.fade-in > .section-title"
                  ]
                },
                {
                  "html": "<h3>Preventive Screening</h3>",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Fitness Programming</h3>",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Nutrition Counseling</h3>",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Chronic Care Management</h3>",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h3>Mental Wellness Support</h3>",
                  "target": [
                    ".service-card.fade-in:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Recovery &amp; Rehabilitation</h3>",
                  "target": [
                    ".service-card.fade-in:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Where Science Meets Compassionate Care</h2>",
                  "target": [
                    ".about-content > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Personalized Workout Planner</h2>",
                  "target": [
                    "#planner > .container > .text-center.fade-in > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Find Your Flow</h2>",
                  "target": [
                    "#classes > .container > .text-center.fade-in > .section-title"
                  ]
                },
                {
                  "html": "<h3>HIIT Blast</h3>",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Vinyasa Flow Yoga</h3>",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Strength Foundations</h3>",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Aqua Rehabilitation</h3>",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Stories of Transformation</h2>",
                  "target": [
                    "#testimonials > .container > .text-center.fade-in > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Everything You Need to Know</h2>",
                  "target": [
                    "#faq > .container > .text-center.fade-in > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Health Insights &amp; Wellness Tips</h2>",
                  "target": [
                    "#blog > .container > .text-center.fade-in > .section-title"
                  ]
                },
                {
                  "html": "<h3>The Science of Preventive Screening: What Tests You Actually Need and When</h3>",
                  "target": [
                    "article:nth-child(1) > .blog-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Building a Sustainable Exercise Routine: Tips from Exercise Physiologists</h3>",
                  "target": [
                    "article:nth-child(2) > .blog-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>The Mind-Body Connection: How Mental Wellness Impacts Physical Recovery</h3>",
                  "target": [
                    "article:nth-child(3) > .blog-card-body > h3"
                  ]
                },
                {
                  "html": "<h2>Ready to Take the Next Step?</h2>",
                  "target": [
                    ".container.text-center.fade-in > h2"
                  ]
                },
                {
                  "html": "<h4>Services</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Quick Links</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "messageKey": "hidden"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is hidden"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" id=\"plannerName\" placeholder=\"e.g. Alex Morgan\" autocomplete=\"name\">",
          "target": [
            "#plannerName"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "plannerName",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" id=\"plannerName\" placeholder=\"e.g. Alex Morgan\" autocomplete=\"name\">",
          "target": [
            "#plannerName"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"plannerName\">Your Name</label>",
                  "target": [
                    "label[for=\"plannerName\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"plannerName\" placeholder=\"e.g. Alex Morgan\" autocomplete=\"name\">",
          "target": [
            "#plannerName"
          ]
        }
      ]
    },
    {
      "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/40x40/0ea5a0/ffffff?text=VC&amp;font=outfit\" alt=\"VitalCore Logo\">",
          "target": [
            ".header-inner > .logo[href=\"#\"] > img[alt=\"VitalCore Logo\"]"
          ]
        }
      ]
    },
    {
      "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": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"plannerName\">Your Name</label>",
                  "target": [
                    "label[for=\"plannerName\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            },
            {
              "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\" id=\"plannerName\" placeholder=\"e.g. Alex Morgan\" autocomplete=\"name\">",
          "target": [
            "#plannerName"
          ]
        }
      ]
    },
    {
      "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/40x40/0ea5a0/ffffff?text=VC&amp;font=outfit\" alt=\"VitalCore Logo\">\n                Vital<span>Core</span>\n            </a>",
          "target": [
            ".header-inner > .logo[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "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/40x40/0ea5a0/ffffff?text=VC&amp;font=outfit\" alt=\"VitalCore Logo\">",
          "target": [
            ".header-inner > .logo[href=\"#\"] > img[alt=\"VitalCore Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"plannerLevel\">Fitness Level</label>",
                  "target": [
                    "label[for=\"plannerLevel\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"plannerLevel\">",
          "target": [
            "#plannerLevel"
          ]
        }
      ]
    },
    {
      "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": 154,
                "height": 40
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (154px by 40px, 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/40x40/0ea5a0/ffffff?text=VC&amp;font=outfit\" alt=\"VitalCore Logo\">\n                Vital<span>Core</span>\n            </a>",
          "target": [
            ".header-inner > .logo[href=\"#\"]"
          ]
        }
      ]
    }
  ],
  "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=\"site-header\" id=\"siteHeader\">",
                  "target": [
                    "#siteHeader"
                  ]
                },
                {
                  "html": "<section class=\"hero\" id=\"home\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"logo\">\n                <img src=\"https://placehold.co/40x40/0ea5a0/ffffff?text=VC&amp;font=outfit\" alt=\"VitalCore Logo\">\n                Vital<span>Core</span>\n            </a>",
          "target": [
            ".header-inner > .logo[href=\"#\"]"
          ],
          "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": "#0ea5a0",
                "bgColor": "#e0f5f4",
                "contrastRatio": 2.68,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#home\" class=\"active\">Home</a>",
                  "target": [
                    ".active"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #0ea5a0, background color: #e0f5f4, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#home\" class=\"active\">Home</a>",
          "target": [
            ".active"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #0ea5a0, background color: #e0f5f4, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#0ea5a0",
                "contrastRatio": 3.03,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#appointments\" class=\"btn btn-primary\">View Full Schedule <i class=\"fas fa-calendar-days\"></i></a>",
                  "target": [
                    ".text-center:nth-child(3) > .btn-primary.btn[href$=\"#appointments\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#appointments\" class=\"btn btn-primary\">View Full Schedule <i class=\"fas fa-calendar-days\"></i></a>",
          "target": [
            ".text-center:nth-child(3) > .btn-primary.btn[href$=\"#appointments\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #ffffff, background color: #0ea5a0, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f7fafc",
                "contrastRatio": 2.9,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\">View All Articles <i class=\"fas fa-arrow-right\"></i></a>",
          "target": [
            ".btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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=\"section-label\">Our Services</div>",
          "target": [
            ".visible.text-center.fade-in > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    From preventive screenings to chronic care management, our integrated approach addresses every dimension of your health. Each service is designed by leading specialists and backed by the latest clinical research.\n                </p>",
          "target": [
            ".visible.text-center.fade-in > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), 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=\"service-card fade-in visible\">",
                  "target": [
                    ".visible.service-card.fade-in: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>",
          "target": [
            ".visible.service-card.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".visible.service-card.fade-in: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>",
          "target": [
            ".visible.service-card.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".visible.service-card.fade-in: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>",
          "target": [
            ".visible.service-card.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".visible.service-card.fade-in:nth-child(4)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".visible.service-card.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".visible.service-card.fade-in:nth-child(5)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".visible.service-card.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".visible.service-card.fade-in:nth-child(6)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".visible.service-card.fade-in: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: 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": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"about-image-overlay\">",
                  "target": [
                    ".about-image-overlay"
                  ]
                }
              ],
              "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=\"stat-label\">Active Members</div>",
          "target": [
            "div:nth-child(1) > .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: 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-image-overlay\">",
                  "target": [
                    ".about-image-overlay"
                  ]
                }
              ],
              "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=\"stat-label\">Avg. Rating</div>",
          "target": [
            "div:nth-child(3) > .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: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f7fafc",
                "contrastRatio": 2.9,
                "fontSize": "9.6pt (12.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 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"section-label\">Why VitalCore</div>",
          "target": [
            ".about-content > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#f7fafc",
                "contrastRatio": 3.83,
                "fontSize": "12.2pt (16.32px)",
                "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.83 (foreground color: #718096, background color: #f7fafc, font size: 12.2pt (16.32px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            ".about-content > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.83 (foreground color: #718096, background color: #f7fafc, font size: 12.2pt (16.32px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#f7fafc",
                "contrastRatio": 3.83,
                "fontSize": "12.2pt (16.32px)",
                "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.83 (foreground color: #718096, background color: #f7fafc, font size: 12.2pt (16.32px), 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.83 (foreground color: #718096, background color: #f7fafc, font size: 12.2pt (16.32px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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=\"section-label\">Our Services</div>",
          "target": [
            "#services > .container > .text-center.visible.fade-in > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    From preventive screenings to chronic care management, our integrated approach addresses every dimension of your health. Each service is designed by leading specialists and backed by the latest clinical research.\n                </p>",
          "target": [
            "#services > .container > .text-center.visible.fade-in > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), 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=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.visible.fade-in: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>",
          "target": [
            ".service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.visible.fade-in: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>",
          "target": [
            ".service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.visible.fade-in: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>",
          "target": [
            ".service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.visible.fade-in:nth-child(4)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.visible.fade-in:nth-child(5)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.visible.fade-in:nth-child(6)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.visible.fade-in: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>",
          "target": [
            "#services > .container > .services-grid > .service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.visible.fade-in: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>",
          "target": [
            "#services > .container > .services-grid > .service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.visible.fade-in: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>",
          "target": [
            "#services > .container > .services-grid > .service-card.visible.fade-in: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: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"classes\">",
                  "target": [
                    "#classes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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=\"section-label\">Fitness Classes</div>",
          "target": [
            "#classes > .container > .text-center.visible.fade-in > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"classes\">",
                  "target": [
                    "#classes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    Our diverse class schedule caters to every fitness level and interest. From high-intensity interval training to restorative yoga, each class is led by certified instructors who prioritize safety, proper form, and measurable results.\n                </p>",
          "target": [
            "#classes > .container > .text-center.visible.fade-in > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), 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=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.visible.fade-in: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>\n                        45 minutes of maximum effort intervals designed to torch calories and boost your metabolic rate for hours after the session. Suitable for intermediate to advanced members with modifications available for beginners.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.visible.fade-in: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>\n                        A dynamic, breath-synchronized practice that builds strength, flexibility, and mental clarity. Our instructors guide you through progressive sequences that honor your body's current capabilities while encouraging growth.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.visible.fade-in: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>\n                        Build a rock-solid foundation with compound movements, proper biomechanics, and progressive overload principles. This class is ideal for beginners looking to learn correct lifting technique and experienced lifters seeking structured programming.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.visible.fade-in:nth-child(4)"
                  ]
                }
              ],
              "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>",
          "target": [
            "#services > .container > .services-grid > .service-card.visible.fade-in: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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.visible.fade-in:nth-child(4)"
                  ]
                }
              ],
              "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>\n                        Leverage the natural resistance and buoyancy of water for low-impact conditioning, joint-friendly strengthening, and cardiovascular improvement. Particularly beneficial for members in recovery or managing chronic pain conditions.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.visible.fade-in: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: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f7fafc",
                "contrastRatio": 2.9,
                "fontSize": "9.6pt (12.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 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"section-label\">Testimonials</div>",
          "target": [
            "#testimonials > .container > .text-center.visible.fade-in > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#f7fafc",
                "contrastRatio": 3.83,
                "fontSize": "13.2pt (17.6px)",
                "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.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    Real results from real members who have made VitalCore part of their wellness journey.\n                </p>",
          "target": [
            "#testimonials > .container > .text-center.visible.fade-in > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.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.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-in visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-in: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": "<div class=\"author-role\">Cardiac Recovery Member \u2014 2 Years</div>",
          "target": [
            ".testimonial-card.visible.fade-in:nth-child(1) > .testimonial-author > div > .author-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.8pt (13.12px), 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": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-in visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-in: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": "<div class=\"author-role\">Nutrition Program Member \u2014 1 Year</div>",
          "target": [
            ".testimonial-card.visible.fade-in:nth-child(2) > .testimonial-author > div > .author-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.8pt (13.12px), 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": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-in visible\">",
                  "target": [
                    ".testimonial-card.visible.fade-in: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": "<div class=\"author-role\">Competitive Athlete \u2014 3 Years</div>",
          "target": [
            ".testimonial-card.visible.fade-in:nth-child(3) > .testimonial-author > div > .author-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.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.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.03 (foreground color: #0ea5a0, 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=\"section-label\">Frequently Asked Questions</div>",
          "target": [
            "#faq > .container > .text-center.visible.fade-in > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "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 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    We've compiled answers to the most common questions our prospective and current members ask about our services, policies, and facilities.\n                </p>",
          "target": [
            "#faq > .container > .text-center.visible.fade-in > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f7fafc",
                "contrastRatio": 2.9,
                "fontSize": "9.6pt (12.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 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"section-label\">From the Blog</div>",
          "target": [
            "#blog > .container > .text-center.visible.fade-in > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#f7fafc",
                "contrastRatio": 3.83,
                "fontSize": "13.2pt (17.6px)",
                "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.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    Stay informed with the latest research, expert advice, and practical wellness strategies from our team of specialists.\n                </p>",
          "target": [
            "#blog > .container > .text-center.visible.fade-in > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#16a34a",
                "bgColor": "#dcfce7",
                "contrastRatio": 3,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"blog-card-tag nutrition\">Nutrition</span>",
                  "target": [
                    ".nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3 (foreground color: #16a34a, background color: #dcfce7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-card-tag nutrition\">Nutrition</span>",
          "target": [
            ".nutrition"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3 (foreground color: #16a34a, background color: #dcfce7, 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": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"far fa-clock\"></i> 6 min read</span>",
          "target": [
            "article:nth-child(1) > .blog-card-body > .blog-card-meta > span:nth-child(1)"
          ],
          "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": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"far fa-calendar\"></i> Dec 12, 2024</span>",
          "target": [
            "article:nth-child(1) > .blog-card-body > .blog-card-meta > span:nth-child(2)"
          ],
          "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": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "article:nth-child(1) > .blog-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: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in visible\">",
                  "target": [
                    "article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, background color: #ffffff, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"blog-card-link\">Read More <i class=\"fas fa-arrow-right\"></i></a>",
          "target": [
            "article:nth-child(1) > .blog-card-body > .blog-card-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, background color: #ffffff, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#e0f5f4",
                "contrastRatio": 2.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"blog-card-tag fitness\">Fitness</span>",
                  "target": [
                    ".fitness"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #0ea5a0, background color: #e0f5f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"blog-card-tag fitness\">Fitness</span>",
          "target": [
            ".fitness"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #0ea5a0, background color: #e0f5f4, 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": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"far fa-clock\"></i> 8 min read</span>",
          "target": [
            "article:nth-child(2) > .blog-card-body > .blog-card-meta > span:nth-child(1)"
          ],
          "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": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"far fa-calendar\"></i> Dec 8, 2024</span>",
          "target": [
            "article:nth-child(2) > .blog-card-body > .blog-card-meta > span:nth-child(2)"
          ],
          "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": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "article:nth-child(2) > .blog-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: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in visible\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, background color: #ffffff, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"blog-card-link\">Read More <i class=\"fas fa-arrow-right\"></i></a>",
          "target": [
            "article:nth-child(2) > .blog-card-body > .blog-card-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, background color: #ffffff, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d97706",
                "bgColor": "#fef3c7",
                "contrastRatio": 2.86,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"blog-card-tag wellness\">Wellness</span>",
                  "target": [
                    ".wellness"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.86 (foreground color: #d97706, 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=\"blog-card-tag wellness\">Wellness</span>",
          "target": [
            ".wellness"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.86 (foreground color: #d97706, 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": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"far fa-clock\"></i> 5 min read</span>",
          "target": [
            "article:nth-child(3) > .blog-card-body > .blog-card-meta > span:nth-child(1)"
          ],
          "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": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span><i class=\"far fa-calendar\"></i> Dec 3, 2024</span>",
          "target": [
            "article:nth-child(3) > .blog-card-body > .blog-card-meta > span:nth-child(2)"
          ],
          "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": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in 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: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "article:nth-child(3) > .blog-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: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"blog-card fade-in visible\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, background color: #ffffff, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"blog-card-link\">Read More <i class=\"fas fa-arrow-right\"></i></a>",
          "target": [
            "article:nth-child(3) > .blog-card-body > .blog-card-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, background color: #ffffff, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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=\"section-label\">Our Services</div>",
          "target": [
            "#services > .container > .text-center.fade-in.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"services\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    From preventive screenings to chronic care management, our integrated approach addresses every dimension of your health. Each service is designed by leading specialists and backed by the latest clinical research.\n                </p>",
          "target": [
            "#services > .container > .text-center.fade-in.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), 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=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in.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>",
          "target": [
            "#services > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in.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>",
          "target": [
            "#services > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in.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>",
          "target": [
            "#services > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#services > .container > .services-grid > .service-card.fade-in.visible:nth-child(4)"
                  ]
                }
              ],
              "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>",
          "target": [
            "#services > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.fade-in.visible:nth-child(5)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    ".service-card.fade-in.visible:nth-child(6)"
                  ]
                }
              ],
              "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>",
          "target": [
            ".service-card.fade-in.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: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"classes\">",
                  "target": [
                    "#classes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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=\"section-label\">Fitness Classes</div>",
          "target": [
            "#classes > .container > .text-center.fade-in.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"classes\">",
                  "target": [
                    "#classes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    Our diverse class schedule caters to every fitness level and interest. From high-intensity interval training to restorative yoga, each class is led by certified instructors who prioritize safety, proper form, and measurable results.\n                </p>",
          "target": [
            "#classes > .container > .text-center.fade-in.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), 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=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in.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>\n                        45 minutes of maximum effort intervals designed to torch calories and boost your metabolic rate for hours after the session. Suitable for intermediate to advanced members with modifications available for beginners.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in.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>\n                        A dynamic, breath-synchronized practice that builds strength, flexibility, and mental clarity. Our instructors guide you through progressive sequences that honor your body's current capabilities while encouraging growth.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in.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>\n                        Build a rock-solid foundation with compound movements, proper biomechanics, and progressive overload principles. This class is ideal for beginners looking to learn correct lifting technique and experienced lifters seeking structured programming.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.fade-in.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: 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": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"service-card fade-in visible\">",
                  "target": [
                    "#classes > .container > .services-grid > .service-card.fade-in.visible:nth-child(4)"
                  ]
                }
              ],
              "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>\n                        Leverage the natural resistance and buoyancy of water for low-impact conditioning, joint-friendly strengthening, and cardiovascular improvement. Particularly beneficial for members in recovery or managing chronic pain conditions.\n                    </p>",
          "target": [
            "#classes > .container > .services-grid > .service-card.fade-in.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: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f7fafc",
                "contrastRatio": 2.9,
                "fontSize": "9.6pt (12.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 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"section-label\">Testimonials</div>",
          "target": [
            "#testimonials > .container > .text-center.fade-in.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#f7fafc",
                "contrastRatio": 3.83,
                "fontSize": "13.2pt (17.6px)",
                "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.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    Real results from real members who have made VitalCore part of their wellness journey.\n                </p>",
          "target": [
            "#testimonials > .container > .text-center.fade-in.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.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.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-in visible\">",
                  "target": [
                    ".testimonial-card.fade-in.visible: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": "<div class=\"author-role\">Cardiac Recovery Member \u2014 2 Years</div>",
          "target": [
            ".testimonial-card.fade-in.visible:nth-child(1) > .testimonial-author > div > .author-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.8pt (13.12px), 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": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-in visible\">",
                  "target": [
                    ".testimonial-card.fade-in.visible: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": "<div class=\"author-role\">Nutrition Program Member \u2014 1 Year</div>",
          "target": [
            ".testimonial-card.fade-in.visible:nth-child(2) > .testimonial-author > div > .author-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.8pt (13.12px), 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": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card fade-in visible\">",
                  "target": [
                    ".testimonial-card.fade-in.visible: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": "<div class=\"author-role\">Competitive Athlete \u2014 3 Years</div>",
          "target": [
            ".testimonial-card.fade-in.visible:nth-child(3) > .testimonial-author > div > .author-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.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#ffffff",
                "contrastRatio": 3.03,
                "fontSize": "9.6pt (12.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.03 (foreground color: #0ea5a0, 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=\"section-label\">Frequently Asked Questions</div>",
          "target": [
            "#faq > .container > .text-center.fade-in.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.03 (foreground color: #0ea5a0, 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": "13.2pt (17.6px)",
                "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 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    We've compiled answers to the most common questions our prospective and current members ask about our services, policies, and facilities.\n                </p>",
          "target": [
            "#faq > .container > .text-center.fade-in.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.01 (foreground color: #718096, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0ea5a0",
                "bgColor": "#f7fafc",
                "contrastRatio": 2.9,
                "fontSize": "9.6pt (12.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 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"section-label\">From the Blog</div>",
          "target": [
            "#blog > .container > .text-center.fade-in.visible > .section-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.9 (foreground color: #0ea5a0, background color: #f7fafc, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#718096",
                "bgColor": "#f7fafc",
                "contrastRatio": 3.83,
                "fontSize": "13.2pt (17.6px)",
                "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.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-desc\">\n                    Stay informed with the latest research, expert advice, and practical wellness strategies from our team of specialists.\n                </p>",
          "target": [
            "#blog > .container > .text-center.fade-in.visible > .section-desc"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.83 (foreground color: #718096, background color: #f7fafc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8348
      },
      {
        "y": 576,
        "height": 8348
      },
      {
        "y": 1152,
        "height": 8348
      },
      {
        "y": 1728,
        "height": 8348
      },
      {
        "y": 2304,
        "height": 8348
      },
      {
        "y": 2880,
        "height": 8348
      },
      {
        "y": 3456,
        "height": 8348
      },
      {
        "y": 4032,
        "height": 8348
      },
      {
        "y": 4608,
        "height": 8348
      },
      {
        "y": 5184,
        "height": 8348
      },
      {
        "y": 5760,
        "height": 8348
      },
      {
        "y": 6336,
        "height": 8348
      },
      {
        "y": 6912,
        "height": 8348
      },
      {
        "y": 7488,
        "height": 8348
      },
      {
        "y": 7628,
        "height": 8348
      }
    ],
    "scans": 16,
    "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 "Health and Fitness" 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: "Health and Fitness"
- Description: Healthcare, wellness, fitness tips, nutrition, and medical resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Health and Fitness" 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: "Fitness Classes", "Appointments", "Blog".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Health and Fitness" category. Consider themes similar to: "Recovery Programs", "Medical Services", "Preventive Care".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "preventive screening", "wellness plan", "chronic care".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Start Trial", "View Schedule", "Join Program".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Health and Fitness" sector. Ideas similar but not limited to: "workout planner".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "health news", "health alerts", "provider spotlights".
-   **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.