Qwen Qwen3 Coder Next – Health and Fitness

via Parasail · Generated

  • AIMAC Debt 4.28
  • Cost $0.008
  • Total Violations 11
  • HTML Size 36 KB
  • Em Dashes 17

Screenshot

View Qwen Qwen3 Coder Next Health and Fitness page View Live Page

Accessibility Issues Found

11 Serious

  • color-contrast serious 11 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <p style="color: #607D8B; font-size: 0.95rem;">Answer 5 questions to receive insights on areas for improvement in your nutrition, movement, sleep, ...

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>VitalPath | Your Journey to Holistic Wellness</title>
  <meta name="description" content="VitalPath: A comprehensive health and fitness platform offering personalized wellness plans, expert medical guidance, nutrition strategies, and mental wellness resources.">
  
  <style>
    /* === CSS Variables & Reset === */
    :root {
      --primary: #2E7D32;
      --primary-dark: #1B5E20;
      --primary-light: #A5D6A7;
      --accent: #0277BD;
      --text-dark: #263238;
      --text-light: #455A64;
      --bg-off-white: #FAFAFA;
      --white: #FFFFFF;
      --shadow: 0 4px 20px rgba(0,0,0,0.06);
      --radius: 8px;
      --transition: all 0.3s ease;
    }

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

    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      color: var(--text-dark);
      background: var(--bg-off-white);
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a {
      text-decoration: none;
      color: inherit;
      transition: var(--transition);
    }

    /* === Typography & Utilities === */
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }

    h1, h2, h3 {
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 16px;
    }

    h1 { font-size: 2.75rem; line-height: 1.2; letter-spacing: -0.5px; }
    h2 { font-size: 2.25rem; color: var(--primary); }
    h3 { font-size: 1.5rem; }
    p {
      font-size: 1.1rem;
      color: var(--text-light);
      margin-bottom: 16px;
    }

    .btn {
      display: inline-block;
      padding: 14px 28px;
      border-radius: 50px;
      font-weight: 600;
      font-size: 1rem;
      cursor: pointer;
      transition: var(--transition);
      text-align: center;
    }

    .btn-primary {
      background: var(--primary);
      color: white;
      box-shadow: 0 4px 14px rgba(46, 125, 50, 0.3);
    }

    .btn-primary:hover {
      background: var(--primary-dark);
      transform: translateY(-2px);
    }

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

    .btn-secondary:hover {
      border-color: var(--primary);
      background: var(--primary-light);
      color: var(--primary-dark);
    }

    /* === Header === */
    header {
      background: white;
      box-shadow: 0 2px 12px rgba(0,0,0,0.05);
      position: sticky;
      top: 0;
      z-index: 100;
    }

    .header-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 0;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 800;
      font-size: 1.75rem;
      color: var(--primary);
    }

    .logo img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
    }

    nav ul {
      display: flex;
      gap: 32px;
      list-style: none;
    }

    nav a {
      color: var(--text-light);
      font-weight: 600;
      font-size: 1rem;
    }

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

    .mobile-menu-btn {
      display: none;
      font-size: 1.5rem;
      cursor: pointer;
      background: none;
      border: none;
      color: var(--primary);
    }

    /* === Hero Section === */
    .hero {
      background: linear-gradient(135deg, #E8F5E9 0%, #F1F8E9 100%);
      padding: 80px 0;
    }

    .hero-content {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 64px;
      align-items: center;
    }

    .hero-text h1 {
      font-size: 3.5rem;
      line-height: 1.2;
      margin-bottom: 24px;
    }

    .hero-text p {
      font-size: 1.25rem;
      margin-bottom: 32px;
      color: var(--text-light);
    }

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

    /* === Services Section === */
    .services {
      padding: 100px 0;
      background: white;
    }

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

    .section-header p {
      font-size: 1.25rem;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 32px;
    }

    .service-card {
      background: white;
      border-radius: var(--radius);
      padding: 32px;
      box-shadow: var(--shadow);
      transition: var(--transition);
    }

    .service-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    }

    .service-icon {
      width: 64px;
      height: 64px;
      background: #E8F5E9;
      color: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 28px;
      margin-bottom: 24px;
    }

    /* === Wellness Tips Section === */
    .tips {
      padding: 100px 0;
      background: var(--bg-off-white);
    }

    .tips-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 32px;
    }

    .tip-card {
      background: white;
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
      transition: var(--transition);
    }

    .tip-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 32px rgba(0,0,0,0.1);
    }

    .tip-image {
      width: 100%;
      height: 220px;
      object-fit: cover;
    }

    .tip-content {
      padding: 24px;
    }

    .tag {
      display: inline-block;
      background: var(--primary-light);
      color: var(--primary-dark);
      font-size: 0.75rem;
      font-weight: 700;
      padding: 6px 12px;
      border-radius: 20px;
      margin-bottom: 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* === Interactive Assessment === */
    .assessment {
      padding: 100px 0;
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
      color: white;
    }

    .assessment-content {
      max-width: 800px;
      margin: 0 auto;
      text-align: center;
    }

    .assessment-box {
      background: white;
      color: var(--text-dark);
      padding: 48px;
      border-radius: 16px;
      margin-top: 32px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    }

    .assessment-form {
      display: grid;
      gap: 24px;
      max-width: 500px;
      margin: 32px auto 0;
    }

    .form-group {
      text-align: left;
    }

    .form-group label {
      display: block;
      margin-bottom: 8px;
      font-weight: 600;
    }

    .form-group select,
    .form-group input {
      width: 100%;
      padding: 14px;
      border: 1px solid #E0E0E0;
      border-radius: 8px;
      font-size: 1rem;
      font-family: inherit;
    }

    .form-group select:focus,
    .form-group input:focus {
      outline: none;
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.2);
    }

    /* === Testimonials Section === */
    .testimonials {
      padding: 100px 0;
      background: white;
    }

    .testimonial-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
      gap: 32px;
    }

    .testimonial-card {
      background: var(--bg-off-white);
      padding: 32px;
      border-radius: var(--radius);
      position: relative;
    }

    .quote-icon {
      position: absolute;
      top: 24px;
      left: 24px;
      font-size: 48px;
      color: var(--primary-light);
      opacity: 0.5;
    }

    .testimonial-text {
      font-style: italic;
      margin-bottom: 24px;
      padding-left: 24px;
    }

    .client-info {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .client-avatar {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      object-fit: cover;
    }

    /* === Sidebar & Recent News === */
    .news-sidebar {
      padding: 100px 0 120px;
      background: var(--bg-off-white);
    }

    .news-content {
      display: grid;
      grid-template-columns: 1.5fr 0.5fr;
      gap: 48px;
    }

    .news-item {
      background: white;
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
      margin-bottom: 32px;
    }

    .news-item img {
      height: 220px;
      object-fit: cover;
    }

    .news-body {
      padding: 24px;
    }

    .sidebar-box {
      background: white;
      border-radius: var(--radius);
      padding: 24px;
      box-shadow: var(--shadow);
      margin-bottom: 32px;
    }

    .sidebar-box h3 {
      color: var(--primary-dark);
      margin-bottom: 20px;
      border-bottom: 2px solid #E0E0E0;
      padding-bottom: 12px;
    }

    .alert-item {
      display: flex;
      gap: 12px;
      padding: 16px 0;
      border-bottom: 1px solid #F0F0F0;
    }

    .alert-icon {
      font-size: 24px;
    }

    .alert-text h4 {
      margin-bottom: 4px;
      font-size: 0.95rem;
    }

    .alert-text p {
      margin: 0;
      font-size: 0.9rem;
    }

    /* === CTA Section === */
    .cta-section {
      padding: 80px 0;
      text-align: center;
      background: #2E7D32;
      color: white;
    }

    .cta-section p {
      color: #E8F5E9;
      font-size: 1.25rem;
    }

    .cta-buttons {
      display: flex;
      justify-content: center;
      gap: 24px;
      margin-top: 24px;
    }

    .btn-white {
      background: white;
      color: var(--primary);
      padding: 14px 32px;
    }

    .btn-white:hover {
      background: #F0F0F0;
      color: var(--primary-dark);
    }

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

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

    /* === Footer === */
    footer {
      background: var(--text-dark);
      color: #CFD8DC;
      padding: 80px 0 24px;
    }

    .footer-content {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
      gap: 48px;
      margin-bottom: 64px;
    }

    .footer-col h4 {
      color: white;
      font-size: 1.15rem;
      margin-bottom: 24px;
    }

    .footer-col ul {
      list-style: none;
    }

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

    .footer-col a {
      color: #B0BEC5;
      transition: 0.2s;
    }

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

    .social-links {
      display: flex;
      gap: 16px;
      margin-top: 24px;
    }

    .social-icon {
      width: 36px;
      height: 36px;
      background: rgba(255,255,255,0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
    }

    .social-icon:hover {
      background: var(--primary);
      color: white;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      padding-top: 32px;
      text-align: center;
    }

    .copyright {
      font-size: 0.9rem;
      color: #90A4AE;
    }

    .privacy-links {
      display: flex;
      justify-content: center;
      gap: 24px;
      margin-top: 16px;
    }

    .privacy-links a {
      font-size: 0.85rem;
      color: #78909C;
    }

    .privacy-links a:hover {
      color: white;
    }

    /* === Responsive === */
    @media (max-width: 992px) {
      .hero-content {
        grid-template-columns: 1fr;
      }
      .news-content {
        grid-template-columns: 1fr;
      }
      .footer-content {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 768px) {
      h1 { font-size: 2.25rem; }
      nav ul { display: none; }
      .mobile-menu-btn { display: block; }
      .footer-content { grid-template-columns: 1fr; }
      .assessment-box { padding: 32px; }
    }
  </style>
</head>
<body>
  <!-- Header -->
  <header>
    <div class="container header-content">
      <a href="#" class="logo">
        <img src="https://placehold.co/48x48/2E7D32/FFFFFF?text=VP" alt="VitalPath Logo" />
        VitalPath
      </a>
      <button class="mobile-menu-btn" aria-label="Menu">☰</button>
      <nav>
        <ul>
          <li><a href="#home">Home</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#wellness">Wellness Tips</a></li>
          <li><a href="#assessment">Assessment</a></li>
          <li><a href="#testimonials">Testimonials</a></li>
          <li><a href="#appointments" class="btn btn-primary" style="padding: 10px 20px; font-size: 0.9rem;">Appointments</a></li>
          <li><a href="#providers" class="btn btn-primary" style="padding: 10px 20px; font-size: 0.9rem;">Find Provider</a></li>
          <li><a href="#nutrition" class="btn btn-primary" style="padding: 10px 20px; font-size: 0.9rem;">Nutrition</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <!-- Hero -->
  <section id="home" class="hero">
    <div class="container hero-content">
      <div class="hero-text">
        <h1>Your Personalized Journey to Holistic Wellness Starts Here</h1>
        <p>At VitalPath, we combine evidence-based medicine with personalized wellness strategies to help you achieve lasting health, vitality, and resilience — body, mind, and spirit.</p>
        <div class="hero-buttons">
          <a href="#assessment" class="btn btn-primary">Start Your Wellness Assessment</a>
          <a href="#services" class="btn btn-secondary" style="color: var(--primary-dark);">Explore Services</a>
        </div>
      </div>
      <div class="hero-image">
        <img src="https://picsum.photos/700/600?grayscale" alt="Healthy lifestyle and nature" />
      </div>
    </div>
  </section>

  <!-- Services -->
  <section id="services" class="services">
    <div class="container">
      <div class="section-header">
        <h2>Comprehensive Care for Every Aspect of Wellness</h2>
        <p>Our integrated approach addresses the full spectrum of your health needs — from preventative care to specialized rehabilitation.</p>
      </div>

      <div class="services-grid">
        <!-- Service Card 1 -->
        <div class="service-card">
          <div class="service-icon">🫀</div>
          <h3>Preventive & Primary Care</h3>
          <p>Regular check-ups, comprehensive screenings, and personalized health assessments form the foundation of long-term wellness. Our board-certified physicians use evidence-based protocols to detect potential issues early — before they become health concerns.</p>
          <p>We believe that true prevention goes beyond symptom management. Our wellness plans address root causes, incorporating nutrition, movement, stress management, and sleep optimization to build a resilient body capable of thriving.</p>
          <a href="#appointments" class="btn btn-secondary" style="margin-top: 24px;">Schedule Screening</a>
        </div>

        <!-- Service Card 2 -->
        <div class="service-card">
          <div class="service-icon">🧘</div>
          <h3>Mental Wellness & Resilience</h3>
          <p>Our integrated mental health services include cognitive behavioral therapy, mindfulness-based stress reduction, and biofeedback techniques. In today’s fast-paced world, emotional resilience is as vital as physical strength.</p>
          <p>We combine talk therapy with somatic practices — breathwork, movement, and nutritional neuroscience — to help you develop sustainable coping strategies and a greater sense of inner stability and joy.</p>
          <a href="#providers" class="btn btn-secondary" style="margin-top: 24px;">Meet Therapists</a>
        </div>

        <!-- Service Card 3 -->
        <div class="service-card">
          <div class="service-icon">🥗</div>
          <h3>Functional Nutrition</h3>
          <p>Personalized nutrition plans tailored to your genetic profile, lifestyle, and health goals. Our registered dietitians use food as medicine — focusing on whole, nutrient-dense ingredients that support gut health, reduce inflammation, and boost energy.</p>
          <p>Whether you're managing a chronic condition or optimizing performance, our metabolic testing and food sensitivity assessments ensure your diet truly nourishes your unique biology.</p>
          <a href="#nutrition" class="btn btn-secondary" style="margin-top: 24px;">Nutrition Consultation</a>
        </div>

        <!-- Service Card 4 -->
        <div class="service-card">
          <div class="service-icon">🏋️</div>
          <h3>Rehabilitation & Performance</h3>
          <p>Advanced physical therapy, movement assessments, and sports rehabilitation designed to restore function, prevent injury, and enhance performance. Our licensed physical therapists work with you on targeted mobility, strength, and neuromuscular re-education.</p>
          <p>From post-surgical recovery to ergonomic optimization for desk workers, we create evidence-based movement plans that align with your lifestyle and long-term goals.</p>
          <a href="#appointments" class="btn btn-secondary" style="margin-top: 24px;">Book Assessment</a>
        </div>

        <!-- Service Card 5 -->
        <div class="service-card">
          <div class="service-icon">🧬</div>
          <h3>Genomic Wellness</h3>
          <p>Personalized insights from your DNA to inform your health decisions. Our advanced genetic testing helps identify predispositions and tailor strategies for detoxification, nutrient metabolism, and chronic disease prevention.</p>
          <p>Knowledge is power — and our certified genetic counselors translate complex data into practical, actionable steps that empower you to take control of your wellness trajectory.</p>
          <a href="#providers" class="btn btn-secondary" style="margin-top: 24px;">Learn More</a>
        </div>

        <!-- Service Card 6 -->
        <div class="service-card">
          <div class="service-icon">🌙</div>
          <h3>Sleep Optimization</h3>
          <p>Restorative sleep is non-negotiable for health. Our sleep labs and virtual assessments help identify the root causes of poor sleep — from cortisol rhythms to gut-brain axis imbalances.</p>
          <p>We combine cognitive behavioral therapy for insomnia (CBT-I), light therapy, nutritional support, and environmental modifications to help you achieve deep, restorative rest night after night.</p>
          <a href="#appointments" class="btn btn-secondary" style="margin-top: 24px;">Book Sleep Consultation</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Wellness Tips -->
  <section id="wellness" class="tips">
    <div class="container">
      <div class="section-header">
        <h2>Expert Insights for Daily Wellbeing</h2>
        <p>Our integrative health experts share actionable strategies, research-backed tips, and practical routines to help you thrive.</p>
      </div>

      <div class="tips-grid">
        <!-- Tip Card 1 -->
        <article class="tip-card">
          <img src="https://picsum.photos/600/400?blur=4" class="tip-image" alt="Person meditating">
          <div class="tip-content">
            <span class="tag">Mindfulness</span>
            <h3>Why Morning Rituals Matter More Than You Think</h3>
            <p>How you start your day sets the physiological and psychological tone for everything that follows. Research shows that consistent morning routines can significantly reduce cortisol levels and improve cognitive performance throughout the day.</p>
            <p>Our experts recommend integrating five core elements: hydration, gentle movement, breathwork, gratitude practice, and intentional goal setting. These micro-habits compound into profound changes in resilience, focus, and overall wellbeing.</p>
            <a href="/articles/morning-rituals" style="color: var(--primary); font-weight: 600;">Read Full Guide →</a>
          </div>
        </article>

        <!-- Tip Card 2 -->
        <article class="tip-card">
          <img src="https://picsum.photos/600/400?blur=6" class="tip-image" alt="Colorful vegetables">
          <div class="tip-content">
            <span class="tag">Nutrition</span>
            <h3>Microbiome Matters: Feeding Your Gut for Whole-Body Health</h3>
            <p>Your gut microbiome influences everything from immunity to mood, metabolism to skin health. Yet modern life — antibiotics, processed foods, stress — can deplete the diversity of your gut bacteria, leading to systemic inflammation.</p>
            <p>Our clinical dietitians emphasize fermented foods, prebiotic fibers, polyphenol-rich plants, and intermittent fasting windows to nurture a resilient gut ecosystem. Small dietary shifts can lead to significant improvements in digestion, immunity, and mental clarity within weeks.</p>
            <a href="/articles/gut-health" style="color: var(--primary); font-weight: 600;">Explore Gut-Friendly Recipes →</a>
          </div>
        </article>

        <!-- Tip Card 3 -->
        <article class="tip-card">
          <img src="https://picsum.photos/600/400?blur=8" class="tip-image" alt="Senior exercises">
          <div class="tip-content">
            <span class="tag">Movement</span>
            <h3>Functional Fitness: Move Better, Live Better</h3>
            <p>Traditional fitness often misses the mark. Functional fitness focuses on movements that replicate real-life activities — squatting, lifting, twisting, balancing — improving your ability to move safely and confidently in daily life.</p>
            <p>Whether you're 25 or 75, building neuromuscular coordination and joint stability reduces injury risk and supports longevity. Our movement specialists design personalized programs that enhance mobility, posture, and strength with zero impact on your schedule or joints.</p>
            <a href="/programs/functional-fitness" style="color: var(--primary); font-weight: 600;">Start Your Assessment →</a>
          </div>
        </article>
      </div>
    </div>
  </section>

  <!-- Interactive Assessment -->
  <section id="assessment" class="assessment">
    <div class="container">
      <div class="assessment-content">
        <h2 style="color: white;">Discover Your Wellness Pathway</h2>
        <p>Take our comprehensive, science-backed assessment to receive a personalized wellness roadmap based on your unique biology, goals, and lifestyle.</p>
        
        <div class="assessment-box">
          <h3>Quick Wellness Profile</h3>
          <p style="color: #607D8B; font-size: 0.95rem;">Answer 5 questions to receive insights on areas for improvement in your nutrition, movement, sleep, and stress management.</p>
          
          <form class="assessment-form" id="wellness-form">
            <div class="form-group">
              <label for="current-goal">What’s your primary health focus right now?</label>
              <select id="current-goal">
                <option value="general-wellness">General Wellness & Prevention</option>
                <option value="weight-management">Weight Management</option>
                <option value="energy-focus">Increased Energy & Vitality</option>
                <option value="mental-clarity">Mental Clarity & Focus</option>
                <option value="joint-mobility">Joint Health & Mobility</option>
                <option value="sleep-improvement">Sleep Quality & Recovery</option>
              </select>
            </div>

            <div class="form-group">
              <label for="stress-level">How would you rate your current stress level?</label>
              <select id="stress-level">
                <option value="low">Low (1-3/10)</option>
                <option value="moderate">Moderate (4-6/10)</option>
                <option value="high">High (7-10/10)</option>
              </select>
            </div>

            <div class="form-group">
              <label for="activity-level">How active are you on an average week?</label>
              <select id="activity-level">
                <option value="sedentary">Sedentary (Desk job, minimal movement)</option>
                <option value="light">Lightly Active (Occasional walks/yoga)</option>
                <option value="moderate">Moderately Active (3-4x/week exercise)</option>
                <option value="active">Active (5-7x/week exercise)</option>
              </select>
            </div>

            <div class="form-group">
              <label for="diet-preference">What’s your current eating pattern?</label>
              <select id="diet-preference">
                <option value="standard">Standard Western Diet</option>
                <option value="balanced">Balanced, Whole Foods</option>
                <option value="plant-based">Predominantly Plant-Based</option>
                <option value="keto-paleo">Keto/Paleo/low-carb</option>
              </select>
            </div>

            <button type="submit" class="btn btn-primary" style="background: var(--primary); border-radius: 50px;">Generate Your Wellness Plan</button>
          </form>

          <p style="font-size: 0.85rem; opacity: 0.85; margin-top: 20px;">
            Your responses are secure and used solely to create your personalized recommendations. Opt-in for a free 15-minute consultation with a wellness coordinator.
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- Testimonials -->
  <section id="testimonials" class="testimonials">
    <div class="container">
      <div class="section-header">
        <h2>Stories of Transformation</h2>
        <p>Hear from our community members who have achieved meaningful health breakthroughs with VitalPath’s holistic approach.</p>
      </div>

      <div class="testimonial-grid">
        <!-- Testimonial 1 -->
        <div class="testimonial-card">
          <span class="quote-icon">"</span>
          <p class="testimonial-text">As a busy executive with burnout symptoms, I felt like I was running on empty. VitalPath's integrative program helped me reset my HPA axis, optimize my nutrition, and create sustainable boundaries. Now I'm sleeping deeply, thinking clearly, and leading with more presence.</p>
          <div class="client-info">
            <img src="https://i.pravatar.cc/150?u=maria" alt="Maria" class="client-avatar">
            <div>
              <h4 style="color: var(--text-dark);">Maria Chen</h4>
              <p style="font-size: 0.9rem; color: #757575;">Tech Executive</p>
            </div>
          </div>
        </div>

        <!-- Testimonial 2 -->
        <div class="testimonial-card">
          <span class="quote-icon">"</span>
          <p class="testimonial-text">After 12 years of unexplained fatigue and digestive issues, my VitalPath care team finally helped me identify the root causes. The functional nutrition approach — combined with targeted supplementation and stress management — gave me my energy back. I'm grateful for their collaborative, compassionate care.</p>
          <div class="client-info">
            <img src="https://i.pravatar.cc/150?u=James" alt="James" class="client-avatar">
            <div>
              <h4 style="color: var(--text-dark);">James Miller</h4>
              <p style="font-size: 0.9rem; color: #757575;">Educator</p>
            </div>
          </div>
        </div>

        <!-- Testimonial 3 -->
        <div class="testimonial-card">
          <span class="quote-icon">"</span>
          <p class="testimonial-text">The genomic testing revealed my body metabolizes certain nutrients very differently than average. With my personalized plan, I've lowered my LDL by 42 points and reversed my prediabetes risk — all without medication. VitalPath makes complex science accessible and actionable.</p>
          <div class="client-info">
            <img src="https://i.pravatar.cc/150?u=Sophia" alt="Sophia" class="client-avatar">
            <div>
              <h4 style="color: var(--text-dark);">Sophia Reynolds</h4>
              <p style="font-size: 0.9rem; color: #757575;">Yoga Instructor</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- News & Sidebar -->
  <section class="news-sidebar">
    <div class="container news-content">
      <div class="news-feed">
        <h2 style="color: var(--primary-dark);">Latest Wellness Insights</h2>
        
        <!-- Article 1 -->
        <article class="news-item">
          <img src="https://picsum.photos/800/450?blur=2" alt="Medical research">
          <div class="news-body">
            <h3 style="margin-bottom: 12px;">The Science of Circadian Alignment</h3>
            <p>Emerging chronobiology research shows that aligning meals, movement, and sleep with your natural circadian rhythm can improve metabolic health by up to 30%. Discover how to optimize your daily schedule for peak performance and longevity.</p>
            <a href="#" style="color: var(--primary); font-weight: 600;">Read Study Summary</a>
          </div>
        </article>

        <!-- Article 2 -->
        <article class="news-item">
          <img src="https://picsum.photos/800/450?blur=4" alt="Community health">
          <div class="news-body">
            <h3 style="margin-bottom: 12px;">Community-Based Support: The Secret Weapon for Lasting Change</h3>
            <p>New data confirms that individuals who participate in group-based wellness programs are 65% more likely to maintain behavior changes over 12 months. Learn how our Accountability Circles foster sustainable progress.</p>
            <a href="#" style="color: var(--primary); font-weight: 600;">Join a Circle</a>
          </div>
        </article>

        <!-- Article 3 -->
        <article class="news-item">
          <img src="https://picsum.photos/800/450?blur=6" alt="Healthy aging">
          <div class="news-body">
            <h3 style="margin-bottom: 12px;">Longevity Medicine: Beyond the Basics</h3>
            <p>Senolytics, NAD+ boosters, and peptide therapy — what's evidence-based and what's hype? Our longevity specialists break down the most promising interventions for healthy aging, with practical guidance for 2024.</p>
            <a href="#" style="color: var(--primary); font-weight: 600;">Download Guide</a>
          </div>
        </article>
      </div>

      <aside class="sidebar">
        <!-- Alert Box -->
        <div class="sidebar-box">
          <h3>Health Alerts</h3>
          <div class="alert-item">
            <div class="alert-icon">❗</div>
            <div class="alert-text">
              <h4>New: Flu Season Prevention</h4>
              <p>Discover natural immune-support strategies beyond vaccination. Updated weekly with expert insights.</p>
            </div>
          </div>
          <div class="alert-item">
            <div class="alert-icon">☀️</div>
            <div class="alert-text">
              <h4>UV Index Warning</h4>
              <p>High UV levels expected this week. Read our guide to safe sun exposure and vitamin D optimization.</p>
            </div>
          </div>
          <div class="alert-item">
            <div class="alert-icon">🌿</div>
            <div class="alert-text">
              <h4>Pollen Count Alert</h4>
              <p>Allergy season has arrived early. Get our team's holistic approach to respiratory relief.</p>
            </div>
          </div>
        </div>

        <!-- Fitness Challenge -->
        <div class="sidebar-box">
          <h3>Community Challenge</h3>
          <p style="font-size: 0.95rem;">10,000 Steps Daily Challenge</p>
          <p style="font-size: 0.95rem;">Track your progress and join hundreds of community members. Earn badges and inspire others!</p>
          <a href="#" class="btn btn-primary" style="width: 100%; margin-top: 16px; padding: 12px;">Join Challenge</a>
        </div>

        <!-- Newsletter -->
        <div class="sidebar-box">
          <h3>Weekly Wellness Bytes</h3>
          <p style="font-size: 0.95rem;">Get evidence-based tips delivered to your inbox every Monday.</p>
          <div style="display: flex; gap: 8px; margin-top: 16px;">
            <input type="email" placeholder="Your email" style="flex: 1; padding: 10px; border: 1px solid #E0E0E0; border-radius: 6px;">
            <button class="btn btn-primary" style="padding: 10px 16px;">Subscribe</button>
          </div>
        </div>
      </aside>
    </div>
  </section>

  <!-- CTA -->
  <section class="cta-section">
    <div class="container">
      <h2>Ready to Begin Your Wellness Journey?</h2>
      <p>Join over 15,000 members who have transformed their health with VitalPath's personalized, science-backed approach.</p>
      <div class="cta-buttons">
        <a href="#assessment" class="btn btn-white">Get Your Assessment</a>
        <a href="#appointments" class="btn btn-outline">Schedule a Consultation</a>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer>
    <div class="container">
      <div class="footer-content">
        <div class="footer-col">
          <div class="logo" style="margin-bottom: 24px; color: white;">
            <img src="https://placehold.co/48x48/2E7D32/FFFFFF?text=VP" alt="VitalPath Logo" />
            VitalPath
          </div>
          <p>Your trusted partner in whole-person wellness. We combine medical excellence with compassionate, individualized care to help you achieve optimal health — for life.</p>
        </div>

        <div class="footer-col">
          <h4>Services</h4>
          <ul>
            <li><a href="#">Primary Care</a></li>
            <li><a href="#">Mental Wellness</a></li>
            <li><a href="#">Nutrition</a></li>
            <li><a href="#">Rehabilitation</a></li>
            <li><a href="#">Genomic Testing</a></li>
            <li><a href="#">Sleep Medicine</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Resources</h4>
          <ul>
            <li><a href="#">Wellness Blog</a></li>
            <li><a href="#">Cooking Classes</a></li>
            <li><a href="#">Mobile App</a></li>
            <li><a href="#">Research Library</a></li>
            <li><a href="#">Community Events</a></li>
            <li><a href="#">Insurance Info</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Contact Us</h4>
          <p>1-800-VITAL-PATH<br>
            contact@vitalpathhealth.com<br><br>
            1000 Wellness Blvd, Suite 200<br>
            San Francisco, CA 94107</p>
          <div class="social-links">
            <a href="#" class="social-icon">f</a>
            <a href="#" class="social-icon">t</a>
            <a href="#" class="social-icon">in</a>
            <a href="#" class="social-icon">ig</a>
          </div>
        </div>
      </div>

      <div class="footer-bottom">
        <p class="copyright">&copy; 2024 VitalPath Health. All rights reserved.</p>
        <div class="privacy-links">
          <a href="#">Privacy Policy</a>
          <a href="#">Terms of Service</a>
          <a href="#">HIPAA Notice</a>
          <a href="#">Accessibility</a>
          <a href="#">Sitemap</a>
        </div>
      </div>
    </div>
  </footer>

  <script>
    // Simple form handling for assessment
    document.getElementById('wellness-form').addEventListener('submit', function(e) {
      e.preventDefault();
      
      // Get form values
      const goal = document.getElementById('current-goal').value;
      const stress = document.getElementById('stress-level').value;
      
      // In a real app, you'd submit to a server
      // Here, we'll simulate success and show an alert
      alert(`Thank you! Based on your responses:\n\nPrimary Focus: ${goal}\nStress Level: ${stress}\n\nA wellness coordinator will contact you shortly to discuss your personalized pathway.`);
      
      // Reset form
      this.reset();
    });

    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        document.querySelector(this.getAttribute('href')).scrollIntoView({
          behavior: 'smooth'
        });
      });
    });
  </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:40:58.352Z",
  "url": "https://benchmark.aimac.invalid/ec0d82bf1dd44f3d4f5dd41fd4974a34294bbc2fc2ae75a7d21a23df26bdcf9c.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#appointments\" class=\"btn btn-primary\" style=\"padding: 10px 20px; font-size: 0.9rem;\">Appointments</a>",
          "target": [
            ".btn-primary.btn[href$=\"#appointments\"]"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button type=\"submit\" class=\"btn btn-primary\" style=\"background: var(--primary); border-radius: 50px;\">Generate Your Wellness Plan</button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Your Personalized Journey to Holistic Wellness Starts Here</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Comprehensive Care for Every Aspect of Wellness</h2>",
                  "target": [
                    "#services > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>Preventive &amp; Primary Care</h3>",
                  "target": [
                    ".service-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Mental Wellness &amp; Resilience</h3>",
                  "target": [
                    ".service-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Functional Nutrition</h3>",
                  "target": [
                    ".service-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Rehabilitation &amp; Performance</h3>",
                  "target": [
                    ".service-card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h3>Genomic Wellness</h3>",
                  "target": [
                    ".service-card:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Sleep Optimization</h3>",
                  "target": [
                    ".service-card:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h2>Expert Insights for Daily Wellbeing</h2>",
                  "target": [
                    "#wellness > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>Why Morning Rituals Matter More Than You Think</h3>",
                  "target": [
                    ".tip-card:nth-child(1) > .tip-content > h3"
                  ]
                },
                {
                  "html": "<h3>Microbiome Matters: Feeding Your Gut for Whole-Body Health</h3>",
                  "target": [
                    ".tip-card:nth-child(2) > .tip-content > h3"
                  ]
                },
                {
                  "html": "<h3>Functional Fitness: Move Better, Live Better</h3>",
                  "target": [
                    ".tip-card:nth-child(3) > .tip-content > h3"
                  ]
                },
                {
                  "html": "<h2 style=\"color: white;\">Discover Your Wellness Pathway</h2>",
                  "target": [
                    ".assessment-content > h2"
                  ]
                },
                {
                  "html": "<h3>Quick Wellness Profile</h3>",
                  "target": [
                    ".assessment-box > h3"
                  ]
                },
                {
                  "html": "<h2>Stories of Transformation</h2>",
                  "target": [
                    "#testimonials > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h4 style=\"color: var(--text-dark);\">Maria Chen</h4>",
                  "target": [
                    ".testimonial-card:nth-child(1) > .client-info > div > h4"
                  ]
                },
                {
                  "html": "<h4 style=\"color: var(--text-dark);\">James Miller</h4>",
                  "target": [
                    ".testimonial-card:nth-child(2) > .client-info > div > h4"
                  ]
                },
                {
                  "html": "<h4 style=\"color: var(--text-dark);\">Sophia Reynolds</h4>",
                  "target": [
                    ".testimonial-card:nth-child(3) > .client-info > div > h4"
                  ]
                },
                {
                  "html": "<h2 style=\"color: var(--primary-dark);\">Latest Wellness Insights</h2>",
                  "target": [
                    ".news-feed > h2"
                  ]
                },
                {
                  "html": "<h3 style=\"margin-bottom: 12px;\">The Science of Circadian Alignment</h3>",
                  "target": [
                    ".news-item:nth-child(2) > .news-body > h3"
                  ]
                },
                {
                  "html": "<h3 style=\"margin-bottom: 12px;\">Community-Based Support: The Secret Weapon for Lasting Change</h3>",
                  "target": [
                    ".news-item:nth-child(3) > .news-body > h3"
                  ]
                },
                {
                  "html": "<h3 style=\"margin-bottom: 12px;\">Longevity Medicine: Beyond the Basics</h3>",
                  "target": [
                    ".news-item:nth-child(4) > .news-body > h3"
                  ]
                },
                {
                  "html": "<h3>Health Alerts</h3>",
                  "target": [
                    ".sidebar-box:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h4>New: Flu Season Prevention</h4>",
                  "target": [
                    ".alert-item:nth-child(2) > .alert-text > h4"
                  ]
                },
                {
                  "html": "<h4>UV Index Warning</h4>",
                  "target": [
                    ".alert-item:nth-child(3) > .alert-text > h4"
                  ]
                },
                {
                  "html": "<h4>Pollen Count Alert</h4>",
                  "target": [
                    ".alert-item:nth-child(4) > .alert-text > h4"
                  ]
                },
                {
                  "html": "<h3>Community Challenge</h3>",
                  "target": [
                    ".sidebar-box:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Weekly Wellness Bytes</h3>",
                  "target": [
                    ".sidebar-box:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Ready to Begin Your Wellness Journey?</h2>",
                  "target": [
                    ".container > h2"
                  ]
                },
                {
                  "html": "<h4>Services</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact Us</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#2e7d32",
                "bgColor": "#ffffff",
                "contrastRatio": 5.12,
                "fontSize": "21.0pt (28px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 5.12"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\">\n        <img src=\"https://placehold.co/48x48/2E7D32/FFFFFF?text=VP\" alt=\"VitalPath Logo\">\n        VitalPath\n      </a>",
          "target": [
            ".logo[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "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": "current-goal",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<select id=\"current-goal\">",
          "target": [
            "#current-goal"
          ]
        }
      ]
    },
    {
      "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=\"current-goal\">What\u2019s your primary health focus right now?</label>",
                  "target": [
                    "label[for=\"current-goal\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"current-goal\">",
          "target": [
            "#current-goal"
          ]
        }
      ]
    },
    {
      "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/48x48/2E7D32/FFFFFF?text=VP\" alt=\"VitalPath Logo\">",
          "target": [
            ".logo[href=\"#\"] > img[alt=\"VitalPath 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": "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=\"email\" placeholder=\"Your email\" style=\"flex: 1; padding: 10px; border: 1px solid #E0E0E0; border-radius: 6px;\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"tip-content\">",
                  "target": [
                    ".tip-card:nth-child(1) > .tip-content"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"/articles/morning-rituals\" style=\"color: var(--primary); font-weight: 600;\">Read Full Guide \u2192</a>",
          "target": [
            "a[href$=\"morning-rituals\"]"
          ]
        }
      ]
    },
    {
      "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/48x48/2E7D32/FFFFFF?text=VP\" alt=\"VitalPath Logo\">\n        VitalPath\n      </a>",
          "target": [
            ".logo[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            "nav > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#home\">Home</a></li>",
          "target": [
            "nav > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/2E7D32/FFFFFF?text=VP\" alt=\"VitalPath Logo\">",
          "target": [
            ".logo[href=\"#\"] > img[alt=\"VitalPath 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": {
                "explicitLabel": "What\u2019s your primary health focus right now?"
              },
              "relatedNodes": [
                {
                  "html": "<label for=\"current-goal\">What\u2019s your primary health focus right now?</label>",
                  "target": [
                    "label[for=\"current-goal\"]"
                  ]
                }
              ],
              "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=\"current-goal\">",
          "target": [
            "#current-goal"
          ]
        }
      ]
    },
    {
      "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": 182.8,
                "height": 48
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (182.8px by 48px, 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/48x48/2E7D32/FFFFFF?text=VP\" alt=\"VitalPath Logo\">\n        VitalPath\n      </a>",
          "target": [
            ".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": "42.0pt (56px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"home\" class=\"hero\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h1>Your Personalized Journey to Holistic Wellness Starts Here</h1>",
          "target": [
            "h1"
          ],
          "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": "#607d8b",
                "bgColor": "#ffffff",
                "contrastRatio": 4.37,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"assessment-box\">",
                  "target": [
                    ".assessment-box"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.37 (foreground color: #607d8b, 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 style=\"color: #607D8B; font-size: 0.95rem;\">Answer 5 questions to receive insights on areas for improvement in your nutrition, movement, sleep, and stress management.</p>",
          "target": [
            ".assessment-box > p:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.37 (foreground color: #607d8b, 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": "#757575",
                "bgColor": "#fafafa",
                "contrastRatio": 4.41,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #757575, background color: #fafafa, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.9rem; color: #757575;\">Tech Executive</p>",
          "target": [
            ".testimonial-card:nth-child(1) > .client-info > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #757575, background color: #fafafa, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#757575",
                "bgColor": "#fafafa",
                "contrastRatio": 4.41,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #757575, background color: #fafafa, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.9rem; color: #757575;\">Educator</p>",
          "target": [
            ".testimonial-card:nth-child(2) > .client-info > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #757575, background color: #fafafa, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#757575",
                "bgColor": "#fafafa",
                "contrastRatio": 4.41,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #757575, background color: #fafafa, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"font-size: 0.9rem; color: #757575;\">Yoga Instructor</p>",
          "target": [
            ".testimonial-card:nth-child(3) > .client-info > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #757575, background color: #fafafa, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#455a64",
                "bgColor": "#263238",
                "contrastRatio": 1.81,
                "fontSize": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.81 (foreground color: #455a64, background color: #263238, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Your trusted partner in whole-person wellness. We combine medical excellence with compassionate, individualized care to help you achieve optimal health \u2014 for life.</p>",
          "target": [
            ".footer-col:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.81 (foreground color: #455a64, background color: #263238, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#455a64",
                "bgColor": "#263238",
                "contrastRatio": 1.81,
                "fontSize": "13.2pt (17.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.81 (foreground color: #455a64, background color: #263238, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>1-800-VITAL-PATH<br>\n            contact@vitalpathhealth.com<br><br>\n            1000 Wellness Blvd, Suite 200<br>\n            San Francisco, CA 94107</p>",
          "target": [
            ".footer-col:nth-child(4) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.81 (foreground color: #455a64, background color: #263238, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#78909c",
                "bgColor": "#263238",
                "contrastRatio": 3.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".privacy-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#78909c",
                "bgColor": "#263238",
                "contrastRatio": 3.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".privacy-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#78909c",
                "bgColor": "#263238",
                "contrastRatio": 3.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">HIPAA Notice</a>",
          "target": [
            ".privacy-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#78909c",
                "bgColor": "#263238",
                "contrastRatio": 3.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Accessibility</a>",
          "target": [
            ".privacy-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#78909c",
                "bgColor": "#263238",
                "contrastRatio": 3.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Sitemap</a>",
          "target": [
            "a[href=\"#\"]:nth-child(5)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #78909c, background color: #263238, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8799
      },
      {
        "y": 576,
        "height": 8799
      },
      {
        "y": 1152,
        "height": 8799
      },
      {
        "y": 1728,
        "height": 8799
      },
      {
        "y": 2304,
        "height": 8799
      },
      {
        "y": 2880,
        "height": 8799
      },
      {
        "y": 3456,
        "height": 8799
      },
      {
        "y": 4032,
        "height": 8799
      },
      {
        "y": 4608,
        "height": 8799
      },
      {
        "y": 5184,
        "height": 8799
      },
      {
        "y": 5760,
        "height": 8799
      },
      {
        "y": 6336,
        "height": 8799
      },
      {
        "y": 6912,
        "height": 8799
      },
      {
        "y": 7488,
        "height": 8799
      },
      {
        "y": 8064,
        "height": 8799
      },
      {
        "y": 8079,
        "height": 8799
      }
    ],
    "scans": 17,
    "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: "Appointments", "Find Provider", "Nutrition".
-   **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: "Medical Services", "Mental Wellness", "Wellness Tips".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "wellness plan", "rehabilitation", "holistic wellness".
    -   **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", "Book Class".
-   **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: "fitness assessment".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "health alerts", "fitness challenges", "health news".
-   **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.