Thinking Machines Inkling – Food and Drink

via BaseTen · Generated

  • AIMAC Debt 10.56
  • Cost $0.07
  • Total Violations 124
  • HTML Size 75 KB
  • Em Dashes 6

Screenshot

View Thinking Machines Inkling Food and Drink page View Live Page

Accessibility Issues Found

124 Serious

  • link-name serious 4 instances

    Links must have discernible text

    Example HTML <a href="#" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors"> ...
  • color-contrast serious 120 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block">What We Offer</span>

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>SavorSphere — Where Every Meal Tells a Story</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
    <script src="https://unpkg.com/lucide@latest"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        'serif': ['"Cormorant Garamond"', 'Georgia', 'serif'],
                        'sans': ['"Inter"', 'system-ui', 'sans-serif'],
                    },
                    colors: {
                        'brand': {
                            50: '#fef7f0',
                            100: '#fdeed9',
                            200: '#fadbb0',
                            300: '#f7c180',
                            400: '#f29f4e',
                            500: '#e07d2a',
                            600: '#d15f1f',
                            700: '#ad461a',
                            800: '#8c391b',
                            900: '#733119',
                            950: '#3f160d',
                        },
                        'sage': {
                            50: '#f6f7f4',
                            100: '#e8ebe3',
                            200: '#d3d8c9',
                            400: '#9aa88a',
                            500: '#7a8f6e',
                            600: '#5e7256',
                            700: '#4a5b45',
                        },
                        'charcoal': {
                            50: '#f6f6f6',
                            100: '#e7e7e7',
                            800: '#2d2d2d',
                            900: '#1a1a1a',
                            950: '#0f0f0f',
                        }
                    }
                }
            }
        }
    </script>
    <style>
        html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; }
        .font-serif { font-family: 'Cormorant Garamond', Georgia, serif; }
        
        .hero-glow {
            background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(224,125,42,0.12) 0%, transparent 70%);
        }
        
        .card-lift {
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-lift:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.12);
        }
        
        .image-reveal {
            overflow: hidden;
        }
        .image-reveal img {
            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .image-reveal:hover img {
            transform: scale(1.06);
        }
        
        .nav-link {
            position: relative;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: #e07d2a;
            transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .nav-link:hover::after,
        .nav-link.active::after {
            width: 100%;
        }
        
        .btn-primary {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.5s ease;
        }
        .btn-primary:hover::before {
            left: 100%;
        }
        
        .timer-ring {
            transition: stroke-dashoffset 1s linear;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        .float-animation {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes pulse-subtle {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        .pulse-subtle {
            animation: pulse-subtle 2s ease-in-out infinite;
        }
        
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.4s ease;
        }
        .accordion-item.active .accordion-content {
            max-height: 500px;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }
        
        .scroll-reveal {
            opacity: 0;
            transform: translateY(30px);
        }
        
        .testimonial-card {
            transition: all 0.4s ease;
        }
        .testimonial-card:hover {
            transform: scale(1.02);
        }
    </style>
</head>
<body class="bg-stone-50 text-charcoal-900 antialiased">

    <!-- Navigation -->
    <nav id="navbar" class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-white/80 backdrop-blur-xl border-b border-stone-200/60">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="flex items-center justify-between h-20">
                <!-- Logo -->
                <a href="#" class="flex items-center gap-3 group">
                    <div class="w-10 h-10 rounded-xl bg-brand-600 flex items-center justify-center group-hover:bg-brand-700 transition-colors">
                        <i data-lucide="utensils" class="w-5 h-5 text-white"></i>
                    </div>
                    <div>
                        <span class="font-serif text-xl font-bold text-charcoal-900 tracking-tight">SavorSphere</span>
                        <span class="hidden sm:block text-[10px] uppercase tracking-[0.2em] text-stone-400 font-medium">Culinary Excellence</span>
                    </div>
                </a>
                
                <!-- Desktop Nav -->
                <div class="hidden lg:flex items-center gap-8">
                    <a href="#hero" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Home</a>
                    <a href="#recipes" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Recipes</a>
                    <a href="#culture" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Food Culture</a>
                    <a href="#guides" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Restaurant Guide</a>
                    <a href="#techniques" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Techniques</a>
                    <a href="#meal-plans" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Meal Plans</a>
                    <a href="#contact" class="nav-link text-sm font-medium text-charcoal-800 hover:text-brand-600 transition-colors">Contact</a>
                </div>
                
                <!-- CTA -->
                <div class="hidden lg:flex items-center gap-4">
                    <button class="btn-primary bg-brand-600 text-white px-5 py-2.5 rounded-full text-sm font-semibold hover:bg-brand-700 transition-colors">
                        Subscribe
                    </button>
                </div>
                
                <!-- Mobile Menu Button -->
                <button id="mobileMenuBtn" class="lg:hidden p-2 text-charcoal-800">
                    <i data-lucide="menu" class="w-6 h-6"></i>
                </button>
            </div>
        </div>
        
        <!-- Mobile Menu -->
        <div id="mobileMenu" class="lg:hidden hidden bg-white border-t border-stone-100">
            <div class="px-6 py-4 space-y-3">
                <a href="#hero" class="block text-sm font-medium text-charcoal-800 py-2">Home</a>
                <a href="#recipes" class="block text-sm font-medium text-charcoal-800 py-2">Recipes</a>
                <a href="#culture" class="block text-sm font-medium text-charcoal-800 py-2">Food Culture</a>
                <a href="#guides" class="block text-sm font-medium text-charcoal-800 py-2">Restaurant Guide</a>
                <a href="#techniques" class="block text-sm font-medium text-charcoal-800 py-2">Techniques</a>
                <a href="#meal-plans" class="block text-sm font-medium text-charcoal-800 py-2">Meal Plans</a>
                <a href="#contact" class="block text-sm font-medium text-charcoal-800 py-2">Contact</a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="hero" class="relative min-h-screen flex items-center pt-20 overflow-hidden">
        <div class="absolute inset-0 hero-glow"></div>
        
        <!-- Decorative Elements -->
        <div class="absolute top-40 right-20 w-72 h-72 bg-brand-200/30 rounded-full blur-3xl float-animation"></div>
        <div class="absolute bottom-20 left-10 w-96 h-96 bg-sage-200/30 rounded-full blur-3xl float-animation" style="animation-delay: 2s;"></div>
        
        <div class="max-w-7xl mx-auto px-6 lg:px-8 py-20 lg:py-0 relative z-10">
            <div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
                <!-- Text Content -->
                <div class="order-2 lg:order-1">
                    <div class="inline-flex items-center gap-2 bg-brand-50 border border-brand-200 rounded-full px-4 py-1.5 mb-6 scroll-reveal">
                        <span class="w-2 h-2 bg-brand-500 rounded-full pulse-subtle"></span>
                        <span class="text-xs font-semibold text-brand-700 uppercase tracking-wider">New Season Available</span>
                    </div>
                    
                    <h1 class="font-serif text-5xl sm:text-6xl lg:text-7xl font-bold text-charcoal-950 leading-[1.1] mb-6 scroll-reveal">
                        World Flavors,<br>
                        <span class="text-brand-600 italic">One Plate</span> at a Time
                    </h1>
                    
                    <p class="text-lg text-stone-600 leading-relaxed mb-8 max-w-lg scroll-reveal">
                        Discover curated recipes, expert restaurant guides, and masterful cooking techniques. From the science of emulsification to the art of fermentation — we bring culinary wisdom to your kitchen.
                    </p>
                    
                    <div class="flex flex-wrap gap-4 mb-10 scroll-reveal">
                        <a href="#recipes" class="btn-primary bg-brand-600 text-white px-8 py-4 rounded-full text-sm font-semibold hover:bg-brand-700 transition-all inline-flex items-center gap-2">
                            Explore Recipes
                            <i data-lucide="arrow-right" class="w-4 h-4"></i>
                        </a>
                        <a href="#guides" class="border-2 border-charcoal-200 text-charcoal-800 px-8 py-4 rounded-full text-sm font-semibold hover:border-brand-400 hover:text-brand-600 transition-all inline-flex items-center gap-2">
                            Restaurant Guide
                        </a>
                    </div>
                    
                    <!-- Stats -->
                    <div class="flex gap-8 scroll-reveal">
                        <div>
                            <div class="font-serif text-3xl font-bold text-charcoal-900">850+</div>
                            <div class="text-sm text-stone-500 mt-1">Curated Recipes</div>
                        </div>
                        <div>
                            <div class="font-serif text-3xl font-bold text-charcoal-900">120</div>
                            <div class="text-sm text-stone-500 mt-1">Expert Guides</div>
                        </div>
                        <div>
                            <div class="font-serif text-3xl font-bold text-charcoal-900">50K</div>
                            <div class="text-sm text-stone-500 mt-1">Monthly Readers</div>
                        </div>
                    </div>
                </div>
                
                <!-- Hero Image -->
                <div class="order-1 lg:order-2 relative scroll-reveal">
                    <div class="relative rounded-3xl overflow-hidden shadow-2xl">
                        <img src="https://picsum.photos/600/700?grayscale&blur=1" alt="Gourmet Food Presentation" class="w-full h-[500px] lg:h-[600px] object-cover">
                        <div class="absolute inset-0 bg-gradient-to-t from-black/30 to-transparent"></div>
                        <div class="absolute bottom-6 left-6 right-6 text-white">
                            <p class="text-sm font-medium opacity-90 mb-1">Featured Recipe</p>
                            <p class="font-serif text-2xl font-semibold">Truffle Risotto with Wild Mushrooms</p>
                        </div>
                    </div>
                    <!-- Floating Card -->
                    <div class="absolute -bottom-6 -left-6 lg:-left-10 bg-white rounded-2xl p-4 shadow-xl max-w-[200px] hidden sm:block">
                        <div class="flex items-center gap-3 mb-2">
                            <img src="https://i.pravatar.cc/40?u=chef1" alt="Chef" class="w-10 h-10 rounded-full object-cover">
                            <div>
                                <p class="text-sm font-semibold text-charcoal-900">Chef Marco</p>
                                <p class="text-xs text-stone-500">Head Chef</p>
                            </div>
                        </div>
                        <p class="text-xs text-stone-600 leading-relaxed">"The secret to perfect risotto lies in constant stirring and quality stock."</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Grid -->
    <section class="py-24 bg-white">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="text-center mb-16 scroll-reveal">
                <span class="text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block">What We Offer</span>
                <h2 class="font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-4">Your Culinary Companion</h2>
                <p class="text-stone-600 max-w-2xl mx-auto text-lg">From novice home cooks to seasoned professionals, our platform delivers knowledge, inspiration, and community.</p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
                <!-- Card 1 -->
                <div class="card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal">
                    <div class="w-12 h-12 bg-brand-100 rounded-xl flex items-center justify-center mb-5">
                        <i data-lucide="book-open" class="w-6 h-6 text-brand-600"></i>
                    </div>
                    <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Recipe Library</h3>
                    <p class="text-stone-600 text-sm leading-relaxed mb-4">Over 850 tested recipes spanning global cuisines, with detailed instructions, nutritional data, and chef's notes for every skill level.</p>
                    <a href="#recipes" class="text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">
                        Browse Recipes <i data-lucide="arrow-right" class="w-3 h-3"></i>
                    </a>
                </div>
                
                <!-- Card 2 -->
                <div class="card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal" style="transition-delay: 0.1s">
                    <div class="w-12 h-12 bg-sage-100 rounded-xl flex items-center justify-center mb-5">
                        <i data-lucide="map-pin" class="w-6 h-6 text-sage-600"></i>
                    </div>
                    <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Restaurant Guides</h3>
                    <p class="text-stone-600 text-sm leading-relaxed mb-4">Curated dining recommendations across 40+ cities, featuring sommelier pairings, seasonal menus, and hidden gem discoveries.</p>
                    <a href="#guides" class="text-sage-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">
                        View Guides <i data-lucide="arrow-right" class="w-3 h-3"></i>
                    </a>
                </div>
                
                <!-- Card 3 -->
                <div class="card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal" style="transition-delay: 0.2s">
                    <div class="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center mb-5">
                        <i data-lucide="flame" class="w-6 h-6 text-orange-600"></i>
                    </div>
                    <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Technique Mastery</h3>
                    <p class="text-stone-600 text-sm leading-relaxed mb-4">Master essential skills from knife work to sous vide. Understand the chemistry behind emulsification, Maillard reactions, and fermentation processes.</p>
                    <a href="#techniques" class="text-orange-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">
                        Learn Techniques <i data-lucide="arrow-right" class="w-3 h-3"></i>
                    </a>
                </div>
                
                <!-- Card 4 -->
                <div class="card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal" style="transition-delay: 0.3s">
                    <div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center mb-5">
                        <i data-lucide="calendar-check" class="w-6 h-6 text-blue-600"></i>
                    </div>
                    <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Meal Planning</h3>
                    <p class="text-stone-600 text-sm leading-relaxed mb-4">Personalized weekly meal plans designed by nutritionists. Balance macros, reduce waste, and save time with our smart grocery lists.</p>
                    <a href="#meal-plans" class="text-blue-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">
                        Get Plans <i data-lucide="arrow-right" class="w-3 h-3"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Food Culture Section -->
    <section id="culture" class="py-24 bg-stone-100">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="grid lg:grid-cols-2 gap-16 items-center">
                <div class="relative scroll-reveal">
                    <div class="rounded-3xl overflow-hidden shadow-xl image-reveal">
                        <img src="https://picsum.photos/600/500" alt="Food Culture" class="w-full h-[450px] object-cover">
                    </div>
                    <div class="absolute -bottom-8 -right-8 bg-white rounded-2xl p-6 shadow-xl hidden md:block max-w-[220px]">
                        <div class="flex items-center gap-2 mb-3">
                            <i data-lucide="globe" class="w-5 h-5 text-brand-600"></i>
                            <span class="text-sm font-semibold">Global Reach</span>
                        </div>
                        <p class="text-3xl font-serif font-bold text-charcoal-900">30+</p>
                        <p class="text-sm text-stone-500">Cuisines Explored</p>
                    </div>
                </div>
                
                <div class="scroll-reveal">
                    <span class="text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block">Food Culture</span>
                    <h2 class="font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight">Understanding the Soul Behind Every Dish</h2>
                    <p class="text-stone-600 text-lg leading-relaxed mb-6">
                        Food is far more than sustenance — it is history, identity, and connection woven into every bite. At SavorSphere, we delve deep into the cultural narratives that shape cuisines around the world. From the ancient fermentation traditions of Korea's kimchi to the precise knife rituals of Japanese kaiseki, every culinary practice carries centuries of wisdom.
                    </p>
                    <p class="text-stone-600 leading-relaxed mb-6">
                        Our culture section explores regional ingredients, seasonal eating patterns, and the social rituals surrounding meals. We examine how climate shapes local pantries, why certain spices dominate specific geographies, and how migration patterns have created fusion cuisines that tell stories of human movement and adaptation.
                    </p>
                    <p class="text-stone-600 leading-relaxed mb-8">
                        Whether you're curious about the Mediterranean diet's longevity benefits, the complex spice layering of Indian masalas, or the minimalist elegance of Scandinavian foraging — our in-depth articles provide context that transforms cooking from routine into cultural exploration.
                    </p>
                    
                    <div class="flex flex-wrap gap-3 mb-8">
                        <span class="px-4 py-2 bg-white rounded-full text-sm text-stone-600 border border-stone-200">Mediterranean</span>
                        <span class="px-4 py-2 bg-white rounded-full text-sm text-stone-600 border border-stone-200">Asian Fusion</span>
                        <span class="px-4 py-2 bg-white rounded-full text-sm text-stone-600 border border-stone-200">Latin American</span>
                        <span class="px-4 py-2 bg-white rounded-full text-sm text-stone-600 border border-stone-200">Nordic</span>
                    </div>
                    
                    <a href="#" class="btn-primary bg-brand-600 text-white px-8 py-3.5 rounded-full text-sm font-semibold hover:bg-brand-700 transition-all inline-flex items-center gap-2">
                        Explore Cultures
                        <i data-lucide="compass" class="w-4 h-4"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Restaurant Guide Section -->
    <section id="guides" class="py-24 bg-white relative overflow-hidden">
        <div class="absolute top-0 right-0 w-1/3 h-full bg-brand-50/50 -skew-x-12 translate-x-1/4"></div>
        
        <div class="max-w-7xl mx-auto px-6 lg:px-8 relative z-10">
            <div class="grid lg:grid-cols-3 gap-12">
                <div class="lg:col-span-1 scroll-reveal">
                    <span class="text-sage-600 text-sm font-semibold uppercase tracking-widest mb-3 block">Restaurant Guide</span>
                    <h2 class="font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight">Dine with Confidence</h2>
                    <p class="text-stone-600 leading-relaxed mb-6">
                        Our team of food critics and local experts curate the finest dining experiences. Each review considers ambiance, service quality, ingredient sourcing, and the chef's creative vision.
                    </p>
                    <p class="text-stone-600 leading-relaxed mb-8">
                        From Michelin-starred establishments to beloved neighborhood bistros, we provide honest, detailed assessments including price ranges, reservation tips, and signature dish recommendations with sommelier-curated wine pairings.
                    </p>
                    
                    <div class="space-y-4 mb-8">
                        <div class="flex items-start gap-3">
                            <div class="w-8 h-8 bg-sage-100 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
                                <i data-lucide="check" class="w-4 h-4 text-sage-600"></i>
                            </div>
                            <div>
                                <p class="font-semibold text-charcoal-900 text-sm">Verified Reviews</p>
                                <p class="text-stone-500 text-sm">Every visit is anonymous and paid for</p>
                            </div>
                        </div>
                        <div class="flex items-start gap-3">
                            <div class="w-8 h-8 bg-sage-100 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
                                <i data-lucide="check" class="w-4 h-4 text-sage-600"></i>
                            </div>
                            <div>
                                <p class="font-semibold text-charcoal-900 text-sm">Expert Pairings</p>
                                <p class="text-stone-500 text-sm">Wine and beverage recommendations</p>
                            </div>
                        </div>
                    </div>
                    
                    <a href="#" class="btn-primary bg-sage-600 text-white px-8 py-3.5 rounded-full text-sm font-semibold hover:bg-sage-700 transition-all inline-flex items-center gap-2">
                        Make Reservation
                        <i data-lucide="calendar" class="w-4 h-4"></i>
                    </a>
                </div>
                
                <div class="lg:col-span-2 grid sm:grid-cols-2 gap-6 scroll-reveal">
                    <!-- Guide Card 1 -->
                    <div class="card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm">
                        <div class="image-reveal h-48">
                            <img src="https://picsum.photos/400/250?grayscale" alt="Paris Restaurant" class="w-full h-full object-cover">
                        </div>
                        <div class="p-5">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md">Paris</span>
                                <span class="text-xs text-stone-400">Fine Dining</span>
                            </div>
                            <h3 class="font-serif text-lg font-bold text-charcoal-900 mb-1">Le Petit Jardin</h3>
                            <p class="text-stone-500 text-sm mb-3">Modern French with seasonal tasting menus</p>
                            <div class="flex items-center justify-between">
                                <div class="flex text-yellow-400">
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                </div>
                                <span class="text-xs text-stone-400">$$$</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Guide Card 2 -->
                    <div class="card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm">
                        <div class="image-reveal h-48">
                            <img src="https://picsum.photos/400/251?grayscale" alt="Tokyo Restaurant" class="w-full h-full object-cover">
                        </div>
                        <div class="p-5">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md">Tokyo</span>
                                <span class="text-xs text-stone-400">Sushi</span>
                            </div>
                            <h3 class="font-serif text-lg font-bold text-charcoal-900 mb-1">Sakura Omakase</h3>
                            <p class="text-stone-500 text-sm mb-3">18-course omakase with Tsukiji market fish</p>
                            <div class="flex items-center justify-between">
                                <div class="flex text-yellow-400">
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                </div>
                                <span class="text-xs text-stone-400">$$$$</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Guide Card 3 -->
                    <div class="card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm">
                        <div class="image-reveal h-48">
                            <img src="https://picsum.photos/400/252?grayscale" alt="Barcelona Restaurant" class="w-full h-full object-cover">
                        </div>
                        <div class="p-5">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md">Barcelona</span>
                                <span class="text-xs text-stone-400">Tapas</span>
                            </div>
                            <h3 class="font-serif text-lg font-bold text-charcoal-900 mb-1">El Mercat</h3>
                            <p class="text-stone-500 text-sm mb-3">Creative tapas with local Catalan ingredients</p>
                            <div class="flex items-center justify-between">
                                <div class="flex text-yellow-400">
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5"></i>
                                </div>
                                <span class="text-xs text-stone-400">$$</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Guide Card 4 -->
                    <div class="card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm">
                        <div class="image-reveal h-48">
                            <img src="https://picsum.photos/400/253?grayscale" alt="New York Restaurant" class="w-full h-full object-cover">
                        </div>
                        <div class="p-5">
                            <div class="flex items-center gap-2 mb-2">
                                <span class="text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md">New York</span>
                                <span class="text-xs text-stone-400">Italian</span>
                            </div>
                            <h3 class="font-serif text-lg font-bold text-charcoal-900 mb-1">Trattoria Roma</h3>
                            <p class="text-stone-500 text-sm mb-3">Handmade pasta with Roman-style preparations</p>
                            <div class="flex items-center justify-between">
                                <div class="flex text-yellow-400">
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                    <i data-lucide="star" class="w-3.5 h-3.5 fill-current"></i>
                                </div>
                                <span class="text-xs text-stone-400">$$$</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Technique Tutorials Section -->
    <section id="techniques" class="py-24 bg-charcoal-950 text-white relative overflow-hidden">
        <div class="absolute inset-0 opacity-10">
            <img src="https://picsum.photos/1200/600?grayscale&blur=3" alt="" class="w-full h-full object-cover">
        </div>
        
        <div class="max-w-7xl mx-auto px-6 lg:px-8 relative z-10">
            <div class="grid lg:grid-cols-2 gap-16 items-center">
                <div class="scroll-reveal">
                    <span class="text-brand-400 text-sm font-semibold uppercase tracking-widest mb-3 block">Technique Tutorials</span>
                    <h2 class="font-serif text-4xl lg:text-5xl font-bold mb-6 leading-tight">Master the Craft Behind Great Food</h2>
                    <p class="text-stone-300 text-lg leading-relaxed mb-6">
                        Great cooking is part science, part art, and entirely learnable. Our technique library breaks down complex culinary processes into clear, step-by-step guides that build your confidence and capability in the kitchen.
                    </p>
                    <p class="text-stone-400 leading-relaxed mb-8">
                        Understand why emulsification fails and how to rescue a broken hollandaise. Learn the precise temperature ranges for perfect sous vide proteins. Explore lacto-fermentation for preserving vegetables while developing complex umami flavors. From the Maillard reaction that creates that perfect sear on a steak, to the gluten development patterns in artisan bread baking — we explain the "why" behind every "how."
                    </p>
                    
                    <div class="space-y-4 mb-8">
                        <div class="flex items-center gap-4 p-4 bg-white/5 rounded-xl border border-white/10">
                            <div class="w-10 h-10 bg-brand-600 rounded-lg flex items-center justify-center">
                                <i data-lucide="droplets" class="w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">Emulsification Science</h4>
                                <p class="text-stone-400 text-sm">Oil, water, and the binding agents that unite them</p>
                            </div>
                        </div>
                        <div class="flex items-center gap-4 p-4 bg-white/5 rounded-xl border border-white/10">
                            <div class="w-10 h-10 bg-brand-600 rounded-lg flex items-center justify-center">
                                <i data-lucide="thermometer" class="w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">Temperature Control</h4>
                                <p class="text-stone-400 text-sm">Precision cooking with modern techniques</p>
                            </div>
                        </div>
                        <div class="flex items-center gap-4 p-4 bg-white/5 rounded-xl border border-white/10">
                            <div class="w-10 h-10 bg-brand-600 rounded-lg flex items-center justify-center">
                                <i data-lucide="flask-conical" class="w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-semibold">Fermentation Basics</h4>
                                <p class="text-stone-400 text-sm">Cultured foods from kimchi to kombucha</p>
                            </div>
                        </div>
                    </div>
                    
                    <a href="#" class="bg-white text-charcoal-900 px-8 py-3.5 rounded-full text-sm font-semibold hover:bg-stone-100 transition-all inline-flex items-center gap-2">
                        View All Techniques
                        <i data-lucide="play-circle" class="w-4 h-4"></i>
                    </a>
                </div>
                
                <div class="relative scroll-reveal">
                    <div class="rounded-3xl overflow-hidden shadow-2xl">
                        <img src="https://picsum.photos/600/500?grayscale" alt="Cooking Technique" class="w-full h-[500px] object-cover">
                    </div>
                    <!-- Interactive Timer Widget -->
                    <div class="absolute -bottom-10 -left-4 lg:-left-10 bg-white text-charcoal-900 rounded-2xl p-6 shadow-2xl max-w-[280px]">
                        <div class="flex items-center justify-between mb-4">
                            <h4 class="font-serif text-lg font-bold">Kitchen Timer</h4>
                            <i data-lucide="timer" class="w-5 h-5 text-brand-600"></i>
                        </div>
                        <div class="flex items-center justify-center mb-4">
                            <svg class="w-32 h-32 -rotate-90" viewBox="0 0 100 100">
                                <circle cx="50" cy="50" r="45" fill="none" stroke="#e7e7e7" stroke-width="6"/>
                                <circle id="timerCircle" cx="50" cy="50" r="45" fill="none" stroke="#e07d2a" stroke-width="6" 
                                    stroke-dasharray="283" stroke-dashoffset="283" class="timer-ring"/>
                            </svg>
                            <div class="absolute text-center">
                                <span id="timerDisplay" class="font-serif text-3xl font-bold">05:00</span>
                                <p class="text-xs text-stone-500 mt-1">minutes</p>
                            </div>
                        </div>
                        <div class="flex gap-2">
                            <button id="timerStart" class="flex-1 bg-brand-600 text-white py-2 rounded-lg text-sm font-semibold hover:bg-brand-700 transition-colors">Start</button>
                            <button id="timerReset" class="flex-1 bg-stone-100 text-charcoal-800 py-2 rounded-lg text-sm font-semibold hover:bg-stone-200 transition-colors">Reset</button>
                        </div>
                        <div class="flex gap-2 mt-3">
                            <button class="timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors" data-time="180">3m</button>
                            <button class="timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors" data-time="300">5m</button>
                            <button class="timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors" data-time="600">10m</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Recipes Showcase -->
    <section id="recipes" class="py-24 bg-stone-50">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="flex flex-col md:flex-row md:items-end justify-between mb-12 scroll-reveal">
                <div>
                    <span class="text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block">Recipe Collection</span>
                    <h2 class="font-serif text-4xl lg:text-5xl font-bold text-charcoal-900">Featured This Week</h2>
                </div>
                <a href="#" class="mt-4 md:mt-0 text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all">
                    View All 850+ <i data-lucide="arrow-right" class="w-4 h-4"></i>
                </a>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Recipe 1 -->
                <div class="card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal">
                    <div class="image-reveal h-56">
                        <img src="https://picsum.photos/400/260?grayscale" alt="Recipe 1" class="w-full h-full object-cover">
                    </div>
                    <div class="p-6">
                        <div class="flex items-center gap-3 mb-3">
                            <span class="text-xs font-semibold text-sage-600 bg-sage-50 px-2.5 py-1 rounded-full">Vegetarian</span>
                            <span class="text-xs text-stone-400">45 min</span>
                        </div>
                        <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Roasted Cauliflower Steak with Tahini</h3>
                        <p class="text-stone-500 text-sm leading-relaxed mb-4">Thick-cut cauliflower roasted with cumin and paprika, finished with creamy tahini, pomegranate, and fresh herbs.</p>
                        <div class="flex items-center justify-between pt-4 border-t border-stone-100">
                            <div class="flex items-center gap-1 text-yellow-400 text-sm">
                                <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                                <span class="text-charcoal-700 font-medium ml-1">4.9</span>
                            </div>
                            <button class="text-brand-600 text-sm font-semibold hover:text-brand-700">Get Recipe</button>
                        </div>
                    </div>
                </div>
                
                <!-- Recipe 2 -->
                <div class="card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal" style="transition-delay: 0.1s">
                    <div class="image-reveal h-56">
                        <img src="https://picsum.photos/400/261?grayscale" alt="Recipe 2" class="w-full h-full object-cover">
                    </div>
                    <div class="p-6">
                        <div class="flex items-center gap-3 mb-3">
                            <span class="text-xs font-semibold text-orange-600 bg-orange-50 px-2.5 py-1 rounded-full">Seafood</span>
                            <span class="text-xs text-stone-400">30 min</span>
                        </div>
                        <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Pan-Seared Salmon with Dill Cream</h3>
                        <p class="text-stone-500 text-sm leading-relaxed mb-4">Crispy-skinned salmon fillet with a silky dill and creme fraiche sauce, served with roasted asparagus.</p>
                        <div class="flex items-center justify-between pt-4 border-t border-stone-100">
                            <div class="flex items-center gap-1 text-yellow-400 text-sm">
                                <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                                <span class="text-charcoal-700 font-medium ml-1">4.8</span>
                            </div>
                            <button class="text-brand-600 text-sm font-semibold hover:text-brand-700">Get Recipe</button>
                        </div>
                    </div>
                </div>
                
                <!-- Recipe 3 -->
                <div class="card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal" style="transition-delay: 0.2s">
                    <div class="image-reveal h-56">
                        <img src="https://picsum.photos/400/262?grayscale" alt="Recipe 3" class="w-full h-full object-cover">
                    </div>
                    <div class="p-6">
                        <div class="flex items-center gap-3 mb-3">
                            <span class="text-xs font-semibold text-blue-600 bg-blue-50 px-2.5 py-1 rounded-full">Dessert</span>
                            <span class="text-xs text-stone-400">60 min</span>
                        </div>
                        <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Dark Chocolate Tart with Sea Salt</h3>
                        <p class="text-stone-500 text-sm leading-relaxed mb-4">Silky ganache in a buttery shortcrust, topped with flaky Maldon salt and fresh raspberries.</p>
                        <div class="flex items-center justify-between pt-4 border-t border-stone-100">
                            <div class="flex items-center gap-1 text-yellow-400 text-sm">
                                <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                                <span class="text-charcoal-700 font-medium ml-1">4.9</span>
                            </div>
                            <button class="text-brand-600 text-sm font-semibold hover:text-brand-700">Get Recipe</button>
                        </div>
                    </div>
                </div>
                
                <!-- Recipe 4 -->
                <div class="card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal">
                    <div class="image-reveal h-56">
                        <img src="https://picsum.photos/400/263?grayscale" alt="Recipe 4" class="w-full h-full object-cover">
                    </div>
                    <div class="p-6">
                        <div class="flex items-center gap-3 mb-3">
                            <span class="text-xs font-semibold text-red-600 bg-red-50 px-2.5 py-1 rounded-full">Italian</span>
                            <span class="text-xs text-stone-400">90 min</span>
                        </div>
                        <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Hand-Rolled Tagliatelle Bolognese</h3>
                        <p class="text-stone-500 text-sm leading-relaxed mb-4">Fresh egg pasta with a slow-simmered ragu of beef, pork, and San Marzano tomatoes, finished with Parmigiano.</p>
                        <div class="flex items-center justify-between pt-4 border-t border-stone-100">
                            <div class="flex items-center gap-1 text-yellow-400 text-sm">
                                <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                                <span class="text-charcoal-700 font-medium ml-1">4.7</span>
                            </div>
                            <button class="text-brand-600 text-sm font-semibold hover:text-brand-700">Get Recipe</button>
                        </div>
                    </div>
                </div>
                
                <!-- Recipe 5 -->
                <div class="card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal" style="transition-delay: 0.1s">
                    <div class="image-reveal h-56">
                        <img src="https://picsum.photos/400/264?grayscale" alt="Recipe 5" class="w-full h-full object-cover">
                    </div>
                    <div class="p-6">
                        <div class="flex items-center gap-3 mb-3">
                            <span class="text-xs font-semibold text-green-600 bg-green-50 px-2.5 py-1 rounded-full">Healthy</span>
                            <span class="text-xs text-stone-400">20 min</span>
                        </div>
                        <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Quinoa Power Bowl with Avocado</h3>
                        <p class="text-stone-500 text-sm leading-relaxed mb-4">Protein-packed quinoa with roasted chickpeas, avocado, kale, and a lemon-tahini dressing.</p>
                        <div class="flex items-center justify-between pt-4 border-t border-stone-100">
                            <div class="flex items-center gap-1 text-yellow-400 text-sm">
                                <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                                <span class="text-charcoal-700 font-medium ml-1">4.8</span>
                            </div>
                            <button class="text-brand-600 text-sm font-semibold hover:text-brand-700">Get Recipe</button>
                        </div>
                    </div>
                </div>
                
                <!-- Recipe 6 -->
                <div class="card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal" style="transition-delay: 0.2s">
                    <div class="image-reveal h-56">
                        <img src="https://picsum.photos/400/265?grayscale" alt="Recipe 6" class="w-full h-full object-cover">
                    </div>
                    <div class="p-6">
                        <div class="flex items-center gap-3 mb-3">
                            <span class="text-xs font-semibold text-purple-600 bg-purple-50 px-2.5 py-1 rounded-full">Asian</span>
                            <span class="text-xs text-stone-400">40 min</span>
                        </div>
                        <h3 class="font-serif text-xl font-bold text-charcoal-900 mb-2">Miso-Glazed Black Cod</h3>
                        <p class="text-stone-500 text-sm leading-relaxed mb-4">Nobu-style miso-marinated black cod, broiled to caramelized perfection with sake and mirin.</p>
                        <div class="flex items-center justify-between pt-4 border-t border-stone-100">
                            <div class="flex items-center gap-1 text-yellow-400 text-sm">
                                <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                                <span class="text-charcoal-700 font-medium ml-1">5.0</span>
                            </div>
                            <button class="text-brand-600 text-sm font-semibold hover:text-brand-700">Get Recipe</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Meal Plans Section -->
    <section id="meal-plans" class="py-24 bg-white">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="grid lg:grid-cols-2 gap-16 items-center">
                <div class="order-2 lg:order-1 scroll-reveal">
                    <div class="rounded-3xl overflow-hidden shadow-xl">
                        <img src="https://picsum.photos/600/450?grayscale" alt="Meal Planning" class="w-full h-[450px] object-cover">
                    </div>
                </div>
                
                <div class="order-1 lg:order-2 scroll-reveal">
                    <span class="text-blue-600 text-sm font-semibold uppercase tracking-widest mb-3 block">Meal Planning</span>
                    <h2 class="font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight">Nutrition Meets Convenience</h2>
                    <p class="text-stone-600 text-lg leading-relaxed mb-6">
                        Say goodbye to the daily "what's for dinner?" stress. Our nutritionist-designed meal plans balance macronutrients, accommodate dietary restrictions, and prioritize seasonal, whole-food ingredients.
                    </p>
                    <p class="text-stone-600 leading-relaxed mb-8">
                        Each plan includes seven days of breakfast, lunch, dinner, and snacks with precise portion guidance. We generate smart grocery lists organized by store section, reducing your shopping time and food waste by up to 40%. Choose from omnivore, vegetarian, vegan, keto, and Mediterranean frameworks — all customizable to your calorie needs and allergen restrictions.
                    </p>
                    
                    <div class="grid sm:grid-cols-2 gap-4 mb-8">
                        <div class="p-4 bg-blue-50 rounded-xl">
                            <i data-lucide="leaf" class="w-6 h-6 text-blue-600 mb-2"></i>
                            <h4 class="font-semibold text-charcoal-900 text-sm mb-1">Balanced Macros</h4>
                            <p class="text-stone-500 text-xs">Optimized protein, carb, and fat ratios</p>
                        </div>
                        <div class="p-4 bg-blue-50 rounded-xl">
                            <i data-lucide="shopping-bag" class="w-6 h-6 text-blue-600 mb-2"></i>
                            <h4 class="font-semibold text-charcoal-900 text-sm mb-1">Smart Lists</h4>
                            <p class="text-stone-500 text-xs">Auto-generated grocery lists</p>
                        </div>
                        <div class="p-4 bg-blue-50 rounded-xl">
                            <i data-lucide="clock" class="w-6 h-6 text-blue-600 mb-2"></i>
                            <h4 class="font-semibold text-charcoal-900 text-sm mb-1">Time Efficient</h4>
                            <p class="text-stone-500 text-xs">30-min average prep time</p>
                        </div>
                        <div class="p-4 bg-blue-50 rounded-xl">
                            <i data-lucide="sliders" class="w-6 h-6 text-blue-600 mb-2"></i>
                            <h4 class="font-semibold text-charcoal-900 text-sm mb-1">Fully Custom</h4>
                            <p class="text-stone-500 text-xs">Swap meals to your taste</p>
                        </div>
                    </div>
                    
                    <a href="#" class="btn-primary bg-blue-600 text-white px-8 py-3.5 rounded-full text-sm font-semibold hover:bg-blue-700 transition-all inline-flex items-center gap-2">
                        Get Delivered
                        <i data-lucide="truck" class="w-4 h-4"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section class="py-24 bg-stone-100">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="text-center mb-16 scroll-reveal">
                <span class="text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block">Testimonials</span>
                <h2 class="font-serif text-4xl lg:text-5xl font-bold text-charcoal-900">What Our Community Says</h2>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8">
                <!-- Testimonial 1 -->
                <div class="testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal">
                    <div class="flex text-yellow-400 mb-4">
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                    </div>
                    <p class="text-stone-600 leading-relaxed mb-6 text-sm">"SavorSphere transformed how I cook. The technique tutorials on emulsification alone saved my sauces dozens of times. The recipes are precise, well-tested, and genuinely delicious."</p>
                    <div class="flex items-center gap-3">
                        <img src="https://i.pravatar.cc/50?u=sarah" alt="Sarah" class="w-10 h-10 rounded-full object-cover">
                        <div>
                            <p class="font-semibold text-charcoal-900 text-sm">Sarah Mitchell</p>
                            <p class="text-stone-400 text-xs">Home Chef, Portland</p>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 2 -->
                <div class="testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal" style="transition-delay: 0.1s">
                    <div class="flex text-yellow-400 mb-4">
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                    </div>
                    <p class="text-stone-600 leading-relaxed mb-6 text-sm">"The restaurant guides are incredibly accurate. Found three hidden gems in Tokyo thanks to their detailed reviews. The sommelier pairing suggestions elevated every meal."</p>
                    <div class="flex items-center gap-3">
                        <img src="https://i.pravatar.cc/50?u=james" alt="James" class="w-10 h-10 rounded-full object-cover">
                        <div>
                            <p class="font-semibold text-charcoal-900 text-sm">James Chen</p>
                            <p class="text-stone-400 text-xs">Food Blogger, San Francisco</p>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 3 -->
                <div class="testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal" style="transition-delay: 0.2s">
                    <div class="flex text-yellow-400 mb-4">
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                        <i data-lucide="star" class="w-4 h-4 fill-current"></i>
                    </div>
                    <p class="text-stone-600 leading-relaxed mb-6 text-sm">"The meal planning feature saved me 5 hours a week. Nutritionally balanced, delicious, and the grocery lists are perfectly organized. Worth every penny of the subscription."</p>
                    <div class="flex items-center gap-3">
                        <img src="https://i.pravatar.cc/50?u=emma" alt="Emma" class="w-10 h-10 rounded-full object-cover">
                        <div>
                            <p class="font-semibold text-charcoal-900 text-sm">Emma Rodriguez</p>
                            <p class="text-stone-400 text-xs">Nutritionist, Austin</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="py-24 bg-white">
        <div class="max-w-3xl mx-auto px-6 lg:px-8">
            <div class="text-center mb-12 scroll-reveal">
                <span class="text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block">FAQ</span>
                <h2 class="font-serif text-4xl font-bold text-charcoal-900">Common Questions</h2>
            </div>
            
            <div class="space-y-4 scroll-reveal">
                <div class="accordion-item active border border-stone-200 rounded-xl overflow-hidden">
                    <button class="accordion-trigger w-full flex items-center justify-between p-5 text-left hover:bg-stone-50 transition-colors">
                        <span class="font-semibold text-charcoal-900">Are all recipes tested by professionals?</span>
                        <i data-lucide="chevron-down" class="accordion-icon w-5 h-5 text-stone-400 transition-transform duration-300"></i>
                    </button>
                    <div class="accordion-content px-5 bg-stone-50/50">
                        <p class="text-stone-600 text-sm leading-relaxed">Yes, every recipe undergoes rigorous testing by our team of professional chefs and food scientists. We test each recipe a minimum of three times with different equipment and ingredient brands to ensure consistency and reliability for home cooks.</p>
                    </div>
                </div>
                
                <div class="accordion-item border border-stone-200 rounded-xl overflow-hidden">
                    <button class="accordion-trigger w-full flex items-center justify-between p-5 text-left hover:bg-stone-50 transition-colors">
                        <span class="font-semibold text-charcoal-900">Can I customize meal plans for allergies?</span>
                        <i data-lucide="chevron-down" class="accordion-icon w-5 h-5 text-stone-400 transition-transform duration-300"></i>
                    </button>
                    <div class="accordion-content px-5 bg-stone-50/50">
                        <p class="text-stone-600 text-sm leading-relaxed">Absolutely. Our meal planning system allows you to exclude up to 20 specific ingredients or food groups. We also offer specialized plans for gluten-free, dairy-free, nut-free, and shellfish-free diets with full nutritional transparency.</p>
                    </div>
                </div>
                
                <div class="accordion-item border border-stone-200 rounded-xl overflow-hidden">
                    <button class="accordion-trigger w-full flex items-center justify-between p-5 text-left hover:bg-stone-50 transition-colors">
                        <span class="font-semibold text-charcoal-900">How often are restaurant guides updated?</span>
                        <i data-lucide="chevron-down" class="accordion-icon w-5 h-5 text-stone-400 transition-transform duration-300"></i>
                    </button>
                    <div class="accordion-content px-5 bg-stone-50/50">
                        <p class="text-stone-600 text-sm leading-relaxed">We revisit every listed restaurant quarterly and update our guides immediately upon significant menu changes, chef departures, or closure announcements. Our local correspondents in each city provide real-time updates on seasonal specials and reservation availability.</p>
                    </div>
                </div>
                
                <div class="accordion-item border border-stone-200 rounded-xl overflow-hidden">
                    <button class="accordion-trigger w-full flex items-center justify-between p-5 text-left hover:bg-stone-50 transition-colors">
                        <span class="font-semibold text-charcoal-900">Is there a free trial available?</span>
                        <i data-lucide="chevron-down" class="accordion-icon w-5 h-5 text-stone-400 transition-transform duration-300"></i>
                    </button>
                    <div class="accordion-content px-5 bg-stone-50/50">
                        <p class="text-stone-600 text-sm leading-relaxed">Yes! New members receive a 14-day free trial with full access to our recipe library, three technique courses, and one personalized meal plan. No credit card required for the trial period. After 14 days, you can choose our monthly or annual subscription plan.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Newsletter / CTA -->
    <section id="contact" class="py-24 bg-brand-600 relative overflow-hidden">
        <div class="absolute inset-0 opacity-10">
            <img src="https://picsum.photos/1200/500?grayscale&blur=5" alt="" class="w-full h-full object-cover">
        </div>
        <div class="absolute top-0 left-0 w-64 h-64 bg-white/10 rounded-full blur-3xl -translate-x-1/2 -translate-y-1/2"></div>
        <div class="absolute bottom-0 right-0 w-96 h-96 bg-white/10 rounded-full blur-3xl translate-x-1/3 translate-y-1/3"></div>
        
        <div class="max-w-4xl mx-auto px-6 lg:px-8 text-center relative z-10 scroll-reveal">
            <h2 class="font-serif text-4xl lg:text-5xl font-bold text-white mb-4">Join Our Culinary Community</h2>
            <p class="text-brand-100 text-lg mb-8 max-w-2xl mx-auto">Receive weekly recipe collections, seasonal cooking tips, and exclusive restaurant recommendations delivered to your inbox.</p>
            
            <form class="flex flex-col sm:flex-row gap-3 max-w-md mx-auto mb-8" onsubmit="event.preventDefault(); alert('Thank you for subscribing!');">
                <input type="email" placeholder="Enter your email" class="flex-1 px-6 py-4 rounded-full text-sm text-charcoal-900 placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-white/50" required>
                <button type="submit" class="btn-primary bg-charcoal-900 text-white px-8 py-4 rounded-full text-sm font-semibold hover:bg-charcoal-800 transition-colors whitespace-nowrap">
                    Subscribe
                </button>
            </form>
            
            <p class="text-brand-200 text-xs">Join 50,000+ food enthusiasts. Unsubscribe anytime.</p>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-charcoal-950 text-stone-400 py-16">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-10 mb-12">
                <!-- Brand -->
                <div class="lg:col-span-1">
                    <div class="flex items-center gap-3 mb-4">
                        <div class="w-9 h-9 rounded-lg bg-brand-600 flex items-center justify-center">
                            <i data-lucide="utensils" class="w-4 h-4 text-white"></i>
                        </div>
                        <span class="font-serif text-lg font-bold text-white">SavorSphere</span>
                    </div>
                    <p class="text-sm leading-relaxed mb-4">Your trusted source for recipes, restaurant guides, cooking techniques, and nutrition-focused meal planning since 2025.</p>
                    <div class="flex gap-3">
                        <a href="#" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors">
                            <i data-lucide="instagram" class="w-4 h-4"></i>
                        </a>
                        <a href="#" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors">
                            <i data-lucide="twitter" class="w-4 h-4"></i>
                        </a>
                        <a href="#" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors">
                            <i data-lucide="youtube" class="w-4 h-4"></i>
                        </a>
                        <a href="#" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors">
                            <i data-lucide="facebook" class="w-4 h-4"></i>
                        </a>
                    </div>
                </div>
                
                <!-- Quick Links -->
                <div>
                    <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Explore</h4>
                    <ul class="space-y-2.5 text-sm">
                        <li><a href="#recipes" class="hover:text-brand-400 transition-colors">Recipe Library</a></li>
                        <li><a href="#guides" class="hover:text-brand-400 transition-colors">Restaurant Guides</a></li>
                        <li><a href="#techniques" class="hover:text-brand-400 transition-colors">Techniques</a></li>
                        <li><a href="#meal-plans" class="hover:text-brand-400 transition-colors">Meal Plans</a></li>
                        <li><a href="#culture" class="hover:text-brand-400 transition-colors">Food Culture</a></li>
                    </ul>
                </div>
                
                <!-- Company -->
                <div>
                    <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Company</h4>
                    <ul class="space-y-2.5 text-sm">
                        <li><a href="#" class="hover:text-brand-400 transition-colors">About Us</a></li>
                        <li><a href="#" class="hover:text-brand-400 transition-colors">Our Chefs</a></li>
                        <li><a href="#" class="hover:text-brand-400 transition-colors">Careers</a></li>
                        <li><a href="#" class="hover:text-brand-400 transition-colors">Press</a></li>
                        <li><a href="#contact" class="hover:text-brand-400 transition-colors">Contact</a></li>
                    </ul>
                </div>
                
                <!-- Contact -->
                <div>
                    <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Contact</h4>
                    <ul class="space-y-3 text-sm">
                        <li class="flex items-center gap-2">
                            <i data-lucide="mail" class="w-4 h-4 text-brand-500"></i>
                            hello@savorsphere.com
                        </li>
                        <li class="flex items-center gap-2">
                            <i data-lucide="phone" class="w-4 h-4 text-brand-500"></i>
                            +1 (555) 234-5678
                        </li>
                        <li class="flex items-start gap-2">
                            <i data-lucide="map-pin" class="w-4 h-4 text-brand-500 mt-0.5"></i>
                            <span>142 Culinary Ave,<br>San Francisco, CA 94102</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
                <p class="text-xs"> 2025 SavorSphere. All rights reserved.</p>
                <div class="flex gap-6 text-xs">
                    <a href="#" class="hover:text-white transition-colors">Privacy Policy</a>
                    <a href="#" class="hover:text-white transition-colors">Terms of Service</a>
                    <a href="#" class="hover:text-white transition-colors">Cookie Settings</a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        // Initialize Lucide icons
        lucide.createIcons();
        
        // GSAP Scroll Animations
        gsap.registerPlugin(ScrollTrigger);
        
        const revealElements = document.querySelectorAll('.scroll-reveal');
        revealElements.forEach((el, i) => {
            gsap.to(el, {
                opacity: 1,
                y: 0,
                duration: 0.7,
                ease: 'power3.out',
                scrollTrigger: {
                    trigger: el,
                    start: 'top 85%',
                    toggleActions: 'play none none none'
                },
                delay: (i % 3) * 0.1
            });
        });
        
        // Navbar scroll effect
        const navbar = document.getElementById('navbar');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 50) {
                navbar.classList.add('shadow-sm', 'bg-white/95');
                navbar.classList.remove('bg-white/80');
            } else {
                navbar.classList.remove('shadow-sm', 'bg-white/95');
                navbar.classList.add('bg-white/80');
            }
        });
        
        // Mobile menu toggle
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const mobileMenu = document.getElementById('mobileMenu');
        mobileMenuBtn.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
        });
        
        // Accordion
        document.querySelectorAll('.accordion-trigger').forEach(trigger => {
            trigger.addEventListener('click', () => {
                const item = trigger.parentElement;
                const isActive = item.classList.contains('active');
                
                // Close all
                document.querySelectorAll('.accordion-item').forEach(i => i.classList.remove('active'));
                
                // Open clicked if wasn't active
                if (!isActive) {
                    item.classList.add('active');
                }
            });
        });
        
        // Kitchen Timer
        let timerInterval;
        let timeLeft = 300; // 5 minutes
        
        const timerDisplay = document.getElementById('timerDisplay');
        const timerCircle = document.getElementById('timerCircle');
        const timerStart = document.getElementById('timerStart');
        const timerReset = document.getElementById('timerReset');
        const presetButtons = document.querySelectorAll('.timer-preset');
        
        const circumference = 2 * Math.PI * 45;
        timerCircle.style.strokeDasharray = circumference;
        
        function updateTimerDisplay() {
            const minutes = Math.floor(timeLeft / 60).toString().padStart(2, '0');
            const seconds = (timeLeft % 60).toString().padStart(2, '0');
            timerDisplay.textContent = `${minutes}:${seconds}`;
            
            const offset = circumference - (timeLeft / 300) * circumference;
            timerCircle.style.strokeDashoffset = offset;
        }
        
        function startTimer() {
            if (timerInterval) return;
            timerStart.textContent = 'Pause';
            timerInterval = setInterval(() => {
                if (timeLeft > 0) {
                    timeLeft--;
                    updateTimerDisplay();
                } else {
                    clearInterval(timerInterval);
                    timerInterval = null;
                    timerStart.textContent = 'Start';
                    alert('Timer finished!');
                }
            }, 1000);
        }
        
        function pauseTimer() {
            clearInterval(timerInterval);
            timerInterval = null;
            timerStart.textContent = 'Start';
        }
        
        function resetTimer() {
            pauseTimer();
            timeLeft = 300;
            timerStart.textContent = 'Start';
            updateTimerDisplay();
        }
        
        timerStart.addEventListener('click', () => {
            if (timerInterval) {
                pauseTimer();
            } else {
                startTimer();
            }
        });
        
        timerReset.addEventListener('click', resetTimer);
        
        presetButtons.forEach(btn => {
            btn.addEventListener('click', () => {
                timeLeft = parseInt(btn.dataset.time);
                updateTimerDisplay();
                if (timerInterval) pauseTimer();
            });
        });
        
        updateTimerDisplay();
        
        // Smooth scroll for nav links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    mobileMenu.classList.add('hidden');
                }
            });
        });
    </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:44:52.918Z",
  "url": "https://benchmark.aimac.invalid/586276fbc31f946a0eb7a1455ec7f802c01275bda623b85a6be4de5241c01e70.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-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": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-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 class=\"bg-stone-50 text-charcoal-900 antialiased\" style=\"\">",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"utensils\" aria-hidden=\"true\" class=\"lucide lucide-utensils w-5 h-5 text-white\">",
          "target": [
            ".lucide-utensils.w-5[data-lucide=\"utensils\"]"
          ]
        }
      ]
    },
    {
      "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": "<html lang=\"en\" style=\"scroll-behavior: smooth;\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"btn-primary bg-brand-600 text-white px-5 py-2.5 rounded-full text-sm font-semibold hover:bg-brand-700 transition-colors\">\n                        Subscribe\n                    </button>",
          "target": [
            ".py-2\\.5"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1 class=\"font-serif text-5xl sm:text-6xl lg:text-7xl font-bold text-charcoal-950 leading-[1.1] mb-6 scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-4\">Your Culinary Companion</h2>",
                  "target": [
                    ".py-24:nth-child(3) > .max-w-7xl.lg\\:px-8.px-6 > .mb-16.text-center.scroll-reveal > .lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Recipe Library</h3>",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(1) > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Restaurant Guides</h3>",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(2) > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Technique Mastery</h3>",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(3) > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Meal Planning</h3>",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(4) > .text-xl"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight\">Understanding the Soul Behind Every Dish</h2>",
                  "target": [
                    "#culture > .max-w-7xl.lg\\:px-8.px-6 > .gap-16.lg\\:grid-cols-2.grid > .scroll-reveal:nth-child(2) > .leading-tight.lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight\">Dine with Confidence</h2>",
                  "target": [
                    ".lg\\:col-span-1.scroll-reveal > .leading-tight.lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-lg font-bold text-charcoal-900 mb-1\">Le Petit Jardin</h3>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(1) > .p-5 > .mb-1.text-lg"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-lg font-bold text-charcoal-900 mb-1\">Sakura Omakase</h3>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(2) > .p-5 > .mb-1.text-lg"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-lg font-bold text-charcoal-900 mb-1\">El Mercat</h3>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(3) > .p-5 > .mb-1.text-lg"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-lg font-bold text-charcoal-900 mb-1\">Trattoria Roma</h3>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(4) > .p-5 > .mb-1.text-lg"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold mb-6 leading-tight\">Master the Craft Behind Great Food</h2>",
                  "target": [
                    ".gap-16.lg\\:grid-cols-2.grid > .scroll-reveal:nth-child(1) > .leading-tight.lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold\">Emulsification Science</h4>",
                  "target": [
                    ".bg-white\\/5.border-white\\/10.gap-4:nth-child(1) > div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold\">Temperature Control</h4>",
                  "target": [
                    ".bg-white\\/5.border-white\\/10.gap-4:nth-child(2) > div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold\">Fermentation Basics</h4>",
                  "target": [
                    ".bg-white\\/5.border-white\\/10.gap-4:nth-child(3) > div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4 class=\"font-serif text-lg font-bold\">Kitchen Timer</h4>",
                  "target": [
                    ".justify-between.mb-4.items-center > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900\">Featured This Week</h2>",
                  "target": [
                    ".md\\:items-end > div > .lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Roasted Cauliflower Steak with Tahini</h3>",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(1) > .p-6 > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Pan-Seared Salmon with Dill Cream</h3>",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(2) > .p-6 > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Dark Chocolate Tart with Sea Salt</h3>",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(3) > .p-6 > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Hand-Rolled Tagliatelle Bolognese</h3>",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(4) > .p-6 > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Quinoa Power Bowl with Avocado</h3>",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(5) > .p-6 > .text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Miso-Glazed Black Cod</h3>",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(6) > .p-6 > .text-xl"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight\">Nutrition Meets Convenience</h2>",
                  "target": [
                    ".order-1.lg\\:order-2.scroll-reveal > .leading-tight.lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Balanced Macros</h4>",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(1) > .mb-1"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Smart Lists</h4>",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(2) > .mb-1"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Time Efficient</h4>",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(3) > .mb-1"
                  ]
                },
                {
                  "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Fully Custom</h4>",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(4) > .mb-1"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900\">What Our Community Says</h2>",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9) > .max-w-7xl.lg\\:px-8.px-6 > .mb-16.text-center.scroll-reveal > .lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl font-bold text-charcoal-900\">Common Questions</h2>",
                  "target": [
                    ".mb-12.text-center.scroll-reveal > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-white mb-4\">Join Our Culinary Community</h2>",
                  "target": [
                    ".max-w-4xl > .lg\\:text-5xl"
                  ]
                },
                {
                  "html": "<h4 class=\"text-white font-semibold mb-4 text-sm uppercase tracking-wider\">Explore</h4>",
                  "target": [
                    "div:nth-child(2) > .tracking-wider"
                  ]
                },
                {
                  "html": "<h4 class=\"text-white font-semibold mb-4 text-sm uppercase tracking-wider\">Company</h4>",
                  "target": [
                    "div:nth-child(3) > .tracking-wider"
                  ]
                },
                {
                  "html": "<h4 class=\"text-white font-semibold mb-4 text-sm uppercase tracking-wider\">Contact</h4>",
                  "target": [
                    "div:nth-child(4) > .tracking-wider"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" style=\"scroll-behavior: smooth;\">",
          "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": "#ad461a",
                "bgColor": "#fef7f0",
                "contrastRatio": 5.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 5.39"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"text-xs font-semibold text-brand-700 uppercase tracking-wider\">New Season Available</span>",
          "target": [
            ".text-brand-700"
          ]
        }
      ]
    },
    {
      "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\" style=\"scroll-behavior: smooth;\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"Enter your email\" class=\"flex-1 px-6 py-4 rounded-full text-sm text-charcoal-900 placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-white/50\" required=\"\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "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\" style=\"scroll-behavior: smooth;\">",
          "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\" style=\"scroll-behavior: smooth;\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://picsum.photos/600/700?grayscale&amp;blur=1\" alt=\"Gourmet Food Presentation\" class=\"w-full h-[500px] lg:h-[600px] object-cover\">",
          "target": [
            ".lg\\:h-\\[600px\\]"
          ]
        }
      ]
    },
    {
      "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=\"Enter your email\" class=\"flex-1 px-6 py-4 rounded-full text-sm text-charcoal-900 placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-white/50\" required=\"\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": "serious",
      "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=\"flex items-center gap-3 group\">",
          "target": [
            ".group"
          ]
        }
      ]
    },
    {
      "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 class=\"space-y-2.5 text-sm\">",
          "target": [
            "div:nth-child(2) > .space-y-2\\.5"
          ]
        }
      ]
    },
    {
      "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=\"#recipes\" class=\"hover:text-brand-400 transition-colors\">Recipe Library</a></li>",
          "target": [
            "div:nth-child(2) > .space-y-2\\.5 > 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": "<button class=\"btn-primary bg-brand-600 text-white px-5 py-2.5 rounded-full text-sm font-semibold hover:bg-brand-700 transition-colors\">\n                        Subscribe\n                    </button>",
          "target": [
            ".py-2\\.5"
          ]
        }
      ]
    },
    {
      "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": 207.9,
                "height": 43
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (207.9px by 43px, 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=\"flex items-center gap-3 group\">",
          "target": [
            ".group"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-white/80 backdrop-blur-xl border-b border-stone-200/60\">",
                  "target": [
                    "#navbar"
                  ]
                },
                {
                  "html": "<div class=\"absolute inset-0 hero-glow\"></div>",
                  "target": [
                    ".hero-glow"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"font-serif text-xl font-bold text-charcoal-900 tracking-tight\">SavorSphere</span>",
          "target": [
            ".tracking-tight"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "link-name",
      "impact": "serious",
      "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 does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors\">\n                            <i data-lucide=\"instagram\" class=\"w-4 h-4\"></i>\n                        </a>",
          "target": [
            ".hover\\:bg-brand-600.w-9.h-9:nth-child(1)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        },
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors\">\n                            <i data-lucide=\"twitter\" class=\"w-4 h-4\"></i>\n                        </a>",
          "target": [
            ".hover\\:bg-brand-600.w-9.h-9:nth-child(2)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        },
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors\">\n                            <i data-lucide=\"youtube\" class=\"w-4 h-4\"></i>\n                        </a>",
          "target": [
            ".hover\\:bg-brand-600.w-9.h-9:nth-child(3)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        },
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-brand-600 transition-colors\">\n                            <i data-lucide=\"facebook\" class=\"w-4 h-4\"></i>\n                        </a>",
          "target": [
            ".hover\\:bg-brand-600.w-9.h-9:nth-child(4)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        }
      ]
    },
    {
      "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": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">What We Offer</span>",
          "target": [
            ".py-24:nth-child(3) > .max-w-7xl.lg\\:px-8.px-6 > .mb-16.text-center.scroll-reveal > .tracking-widest.uppercase.block"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d16021",
                "bgColor": "#fafaf9",
                "contrastRatio": 3.71,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 0.267px, 0px); opacity: 0.9911;\">",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(1)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.71 (foreground color: #d16021, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#recipes\" class=\"text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all\">",
          "target": [
            ".hover\\:gap-2.gap-1[href$=\"#recipes\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.71 (foreground color: #d16021, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ea580c",
                "bgColor": "#fafaf9",
                "contrastRatio": 3.4,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 0.0219px, 0px); opacity: 0.9993;\">",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(3)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.4 (foreground color: #ea580c, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#techniques\" class=\"text-orange-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all\">",
          "target": [
            ".text-orange-600.hover\\:gap-2[href$=\"#techniques\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.4 (foreground color: #ea580c, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "7.5pt (10px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-500 backdrop-blur-xl border-b border-stone-200/60 shadow-sm bg-white/95\">",
                  "target": [
                    "#navbar"
                  ]
                },
                {
                  "html": "<div class=\"card-lift bg-stone-50 rounded-2xl p-6 scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".bg-stone-50.p-6.card-lift:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"hidden sm:block text-[10px] uppercase tracking-[0.2em] text-stone-400 font-medium\">Culinary Excellence</span>",
          "target": [
            ".text-\\[10px\\]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#f5f5f4",
                "contrastRatio": 3.58,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"culture\" class=\"py-24 bg-stone-100\">",
                  "target": [
                    "#culture"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.58 (foreground color: #d15f1f, background color: #f5f5f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">Food Culture</span>",
          "target": [
            "#culture > .max-w-7xl.lg\\:px-8.px-6 > .gap-16.lg\\:grid-cols-2.grid > .scroll-reveal:nth-child(2) > .tracking-widest.uppercase.block"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.58 (foreground color: #d15f1f, background color: #f5f5f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dadfd8",
                "bgColor": "#ffffff",
                "contrastRatio": 1.35,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.35 (foreground color: #dadfd8, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-sage-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">Restaurant Guide</span>",
          "target": [
            ".text-sage-600.tracking-widest.uppercase"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.35 (foreground color: #dadfd8, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cbcbcb",
                "bgColor": "#ffffff",
                "contrastRatio": 1.62,
                "fontSize": "36.0pt (48px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.62 (foreground color: #cbcbcb, background color: #ffffff, font size: 36.0pt (48px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight\">Dine with Confidence</h2>",
          "target": [
            ".lg\\:col-span-1.scroll-reveal > .leading-tight.lg\\:text-5xl"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.62 (foreground color: #cbcbcb, background color: #ffffff, font size: 36.0pt (48px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9d8d7",
                "bgColor": "#ffffff",
                "contrastRatio": 1.42,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.42 (foreground color: #d9d8d7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 leading-relaxed mb-6\">\n                        Our team of food critics and local experts curate the finest dining experiences. Each review considers ambiance, service quality, ingredient sourcing, and the chef's creative vision.\n                    </p>",
          "target": [
            ".lg\\:col-span-1.scroll-reveal > .mb-6.text-stone-600.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.42 (foreground color: #d9d8d7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d9d8d7",
                "bgColor": "#ffffff",
                "contrastRatio": 1.42,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.42 (foreground color: #d9d8d7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 leading-relaxed mb-8\">",
          "target": [
            ".lg\\:col-span-1.scroll-reveal > .mb-8.text-stone-600.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.42 (foreground color: #d9d8d7, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cbcbcb",
                "bgColor": "#ffffff",
                "contrastRatio": 1.62,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.62 (foreground color: #cbcbcb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"font-semibold text-charcoal-900 text-sm\">Verified Reviews</p>",
          "target": [
            ".items-start.gap-3.flex:nth-child(1) > div:nth-child(2) > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.62 (foreground color: #cbcbcb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e0dfdd",
                "bgColor": "#ffffff",
                "contrastRatio": 1.33,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.33 (foreground color: #e0dfdd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm\">Every visit is anonymous and paid for</p>",
          "target": [
            ".items-start.gap-3.flex:nth-child(1) > div:nth-child(2) > .text-stone-500"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.33 (foreground color: #e0dfdd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cbcbcb",
                "bgColor": "#ffffff",
                "contrastRatio": 1.62,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.62 (foreground color: #cbcbcb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"font-semibold text-charcoal-900 text-sm\">Expert Pairings</p>",
          "target": [
            ".items-start.gap-3.flex:nth-child(2) > div:nth-child(2) > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.62 (foreground color: #cbcbcb, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e0dfdd",
                "bgColor": "#ffffff",
                "contrastRatio": 1.33,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"guides\" class=\"py-24 bg-white relative overflow-hidden\">",
                  "target": [
                    "#guides"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.33 (foreground color: #e0dfdd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm\">Wine and beverage recommendations</p>",
          "target": [
            ".items-start.gap-3.flex:nth-child(2) > div:nth-child(2) > .text-stone-500"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.33 (foreground color: #e0dfdd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dc8452",
                "bgColor": "#fef9f4",
                "contrastRatio": 2.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Paris</span>",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(1) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #dc8452, background color: #fef9f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Paris</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(1) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #dc8452, background color: #fef9f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bdb8b5",
                "bgColor": "#ffffff",
                "contrastRatio": 1.96,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #bdb8b5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Fine Dining</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(1) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #bdb8b5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#98938f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.04,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.04 (foreground color: #98938f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm mb-3\">Modern French with seasonal tasting menus</p>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(1) > .p-5 > .mb-3.text-stone-500"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.04 (foreground color: #98938f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dc8351",
                "bgColor": "#fef8f2",
                "contrastRatio": 2.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Tokyo</span>",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(2) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #dc8351, background color: #fef8f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Tokyo</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(2) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #dc8351, background color: #fef8f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bdb8b5",
                "bgColor": "#fffefd",
                "contrastRatio": 1.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.95 (foreground color: #bdb8b5, background color: #fffefd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Sushi</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(2) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.95 (foreground color: #bdb8b5, background color: #fffefd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#98938f",
                "bgColor": "#fffefd",
                "contrastRatio": 3.01,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.01 (foreground color: #98938f, background color: #fffefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm mb-3\">18-course omakase with Tsukiji market fish</p>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(2) > .p-5 > .mb-3.text-stone-500"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.01 (foreground color: #98938f, background color: #fffefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dc8452",
                "bgColor": "#fef9f4",
                "contrastRatio": 2.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Barcelona</span>",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(3) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #dc8452, background color: #fef9f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Barcelona</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(3) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #dc8452, background color: #fef9f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bdb8b5",
                "bgColor": "#ffffff",
                "contrastRatio": 1.96,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.96 (foreground color: #bdb8b5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Tapas</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(3) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.96 (foreground color: #bdb8b5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#98938f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.04,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.04 (foreground color: #98938f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm mb-3\">Creative tapas with local Catalan ingredients</p>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(3) > .p-5 > .mb-3.text-stone-500"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.04 (foreground color: #98938f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dc8351",
                "bgColor": "#fef8f2",
                "contrastRatio": 2.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">New York</span>",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(4) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #dc8351, background color: #fef8f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">New York</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(4) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #dc8351, background color: #fef8f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bdb8b5",
                "bgColor": "#fffefd",
                "contrastRatio": 1.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.95 (foreground color: #bdb8b5, background color: #fffefd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Italian</span>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(4) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.95 (foreground color: #bdb8b5, background color: #fffefd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#98938f",
                "bgColor": "#fffefd",
                "contrastRatio": 3.01,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.card-lift.shadow-sm:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.01 (foreground color: #98938f, background color: #fffefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm mb-3\">Handmade pasta with Roman-style preparations</p>",
          "target": [
            ".border-stone-100.card-lift.shadow-sm:nth-child(4) > .p-5 > .mb-3.text-stone-500"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.01 (foreground color: #98938f, background color: #fffefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#505050",
                "bgColor": "#989898",
                "contrastRatio": 2.79,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"bg-white text-charcoal-900 px-8 py-3.5 rounded-full text-sm font-semibold hover:bg-stone-100 transition-all inline-flex items-center gap-2\">",
                  "target": [
                    ".hover\\:bg-stone-100"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.79 (foreground color: #505050, background color: #989898, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"bg-white text-charcoal-900 px-8 py-3.5 rounded-full text-sm font-semibold hover:bg-stone-100 transition-all inline-flex items-center gap-2\">",
          "target": [
            ".hover\\:bg-stone-100"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.79 (foreground color: #505050, background color: #989898, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#383838",
                "bgColor": "#404040",
                "contrastRatio": 1.13,
                "fontSize": "13.5pt (18px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"absolute -bottom-10 -left-4 lg:-left-10 bg-white text-charcoal-900 rounded-2xl p-6 shadow-2xl max-w-[280px]\">",
                  "target": [
                    ".-bottom-10"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.13 (foreground color: #383838, background color: #404040, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4 class=\"font-serif text-lg font-bold\">Kitchen Timer</h4>",
          "target": [
            ".justify-between.mb-4.items-center > h4"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.13 (foreground color: #383838, background color: #404040, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#383838",
                "bgColor": "#404040",
                "contrastRatio": 1.13,
                "fontSize": "22.5pt (30px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"absolute -bottom-10 -left-4 lg:-left-10 bg-white text-charcoal-900 rounded-2xl p-6 shadow-2xl max-w-[280px]\">",
                  "target": [
                    ".-bottom-10"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.13 (foreground color: #383838, background color: #404040, font size: 22.5pt (30px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span id=\"timerDisplay\" class=\"font-serif text-3xl font-bold\">05:00</span>",
          "target": [
            "#timerDisplay"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.13 (foreground color: #383838, background color: #404040, font size: 22.5pt (30px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#4b4a49",
                "bgColor": "#404040",
                "contrastRatio": 1.17,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"absolute -bottom-10 -left-4 lg:-left-10 bg-white text-charcoal-900 rounded-2xl p-6 shadow-2xl max-w-[280px]\">",
                  "target": [
                    ".-bottom-10"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.17 (foreground color: #4b4a49, background color: #404040, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-xs text-stone-500 mt-1\">minutes</p>",
          "target": [
            ".mt-1.text-stone-500.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.17 (foreground color: #4b4a49, background color: #404040, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#604d43",
                "bgColor": "#371f12",
                "contrastRatio": 1.93,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button id=\"timerStart\" class=\"flex-1 bg-brand-600 text-white py-2 rounded-lg text-sm font-semibold hover:bg-brand-700 transition-colors\">Start</button>",
                  "target": [
                    "#timerStart"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.93 (foreground color: #604d43, background color: #371f12, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button id=\"timerStart\" class=\"flex-1 bg-brand-600 text-white py-2 rounded-lg text-sm font-semibold hover:bg-brand-700 transition-colors\">Start</button>",
          "target": [
            "#timerStart"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.93 (foreground color: #604d43, background color: #371f12, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#3b3b3b",
                "bgColor": "#3e3e3e",
                "contrastRatio": 1.04,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button id=\"timerReset\" class=\"flex-1 bg-stone-100 text-charcoal-800 py-2 rounded-lg text-sm font-semibold hover:bg-stone-200 transition-colors\">Reset</button>",
                  "target": [
                    "#timerReset"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.04 (foreground color: #3b3b3b, background color: #3e3e3e, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button id=\"timerReset\" class=\"flex-1 bg-stone-100 text-charcoal-800 py-2 rounded-lg text-sm font-semibold hover:bg-stone-200 transition-colors\">Reset</button>",
          "target": [
            "#timerReset"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.04 (foreground color: #3b3b3b, background color: #3e3e3e, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#373737",
                "bgColor": "#3f3f3f",
                "contrastRatio": 1.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors\" data-time=\"180\">3m</button>",
                  "target": [
                    "button[data-time=\"180\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.13 (foreground color: #373737, background color: #3f3f3f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors\" data-time=\"180\">3m</button>",
          "target": [
            "button[data-time=\"180\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.13 (foreground color: #373737, background color: #3f3f3f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#373737",
                "bgColor": "#3f3f3f",
                "contrastRatio": 1.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors\" data-time=\"300\">5m</button>",
                  "target": [
                    "button[data-time=\"300\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.13 (foreground color: #373737, background color: #3f3f3f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors\" data-time=\"300\">5m</button>",
          "target": [
            "button[data-time=\"300\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.13 (foreground color: #373737, background color: #3f3f3f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#373737",
                "bgColor": "#3f3f3f",
                "contrastRatio": 1.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button class=\"timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors\" data-time=\"600\">10m</button>",
                  "target": [
                    "button[data-time=\"600\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.13 (foreground color: #373737, background color: #3f3f3f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"timer-preset flex-1 py-1.5 rounded-lg text-xs font-medium bg-stone-50 hover:bg-brand-50 hover:text-brand-600 transition-colors\" data-time=\"600\">10m</button>",
          "target": [
            "button[data-time=\"600\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.13 (foreground color: #373737, background color: #3f3f3f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8d9b87",
                "bgColor": "#f7f8f5",
                "contrastRatio": 2.74,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-sage-600 bg-sage-50 px-2.5 py-1 rounded-full\">Vegetarian</span>",
                  "target": [
                    ".bg-sage-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.74 (foreground color: #8d9b87, background color: #f7f8f5, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-sage-600 bg-sage-50 px-2.5 py-1 rounded-full\">Vegetarian</span>",
          "target": [
            ".bg-sage-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.74 (foreground color: #8d9b87, background color: #f7f8f5, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c1bcb9",
                "bgColor": "#fefefd",
                "contrastRatio": 1.86,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.996px, 0px); opacity: 0.7001;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.86 (foreground color: #c1bcb9, background color: #fefefd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">45 min</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(1) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.86 (foreground color: #c1bcb9, background color: #fefefd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#9f9a96",
                "bgColor": "#fefefd",
                "contrastRatio": 2.76,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.996px, 0px); opacity: 0.7001;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.76 (foreground color: #9f9a96, background color: #fefefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm leading-relaxed mb-4\">Thick-cut cauliflower roasted with cumin and paprika, finished with creamy tahini, pomegranate, and fresh herbs.</p>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(1) > .p-6 > .text-stone-500.mb-4.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.76 (foreground color: #9f9a96, background color: #fefefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#fada59",
                "bgColor": "#fefefd",
                "contrastRatio": 1.36,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.996px, 0px); opacity: 0.7001;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.36 (foreground color: #fada59, background color: #fefefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.9</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(1) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.36 (foreground color: #fada59, background color: #fefefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dd8d60",
                "bgColor": "#fefefd",
                "contrastRatio": 2.58,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.996px, 0px); opacity: 0.7001;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.58 (foreground color: #dd8d60, background color: #fefefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(1) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.58 (foreground color: #dd8d60, background color: #fefefd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f4ba9c",
                "bgColor": "#fcf9f4",
                "contrastRatio": 1.61,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-orange-600 bg-orange-50 px-2.5 py-1 rounded-full\">Seafood</span>",
                  "target": [
                    ".bg-orange-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.61 (foreground color: #f4ba9c, background color: #fcf9f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-orange-600 bg-orange-50 px-2.5 py-1 rounded-full\">Seafood</span>",
          "target": [
            ".bg-orange-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.61 (foreground color: #f4ba9c, background color: #fcf9f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dad7d5",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.2256px, 0px); opacity: 0.3925;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.39 (foreground color: #dad7d5, background color: #fcfcfb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">30 min</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(2) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.39 (foreground color: #dad7d5, background color: #fcfcfb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a2a2a1",
                "bgColor": "#fcfcfb",
                "contrastRatio": 2.48,
                "fontSize": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.2256px, 0px); opacity: 0.3925;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.48 (foreground color: #a2a2a1, background color: #fcfcfb, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Pan-Seared Salmon with Dill Cream</h3>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(2) > .p-6 > .text-xl"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.48 (foreground color: #a2a2a1, background color: #fcfcfb, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c7c4c2",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.69,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.2256px, 0px); opacity: 0.3925;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.69 (foreground color: #c7c4c2, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm leading-relaxed mb-4\">Crispy-skinned salmon fillet with a silky dill and creme fraiche sauce, served with roasted asparagus.</p>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(2) > .p-6 > .text-stone-500.mb-4.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.69 (foreground color: #c7c4c2, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#fae8a0",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.19,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.2256px, 0px); opacity: 0.3925;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.19 (foreground color: #fae8a0, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.8</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(2) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.19 (foreground color: #fae8a0, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#eabda3",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.66,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.2256px, 0px); opacity: 0.3925;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.66 (foreground color: #eabda3, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(2) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.66 (foreground color: #eabda3, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d87943",
                "bgColor": "#fafaf9",
                "contrastRatio": 2.98,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #d87943, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">Recipe Collection</span>",
          "target": [
            ".md\\:items-end > div > .tracking-widest.uppercase.block"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #d87943, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d87943",
                "bgColor": "#fafaf9",
                "contrastRatio": 2.98,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #d87943, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"mt-4 md:mt-0 text-brand-600 text-sm font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all\">",
          "target": [
            ".mt-4"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #d87943, background color: #fafaf9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#487ced",
                "bgColor": "#f1f7fe",
                "contrastRatio": 3.61,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-blue-600 bg-blue-50 px-2.5 py-1 rounded-full\">Dessert</span>",
                  "target": [
                    ".bg-blue-50.px-2\\.5.text-blue-600"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.61 (foreground color: #487ced, background color: #f1f7fe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-blue-600 bg-blue-50 px-2.5 py-1 rounded-full\">Dessert</span>",
          "target": [
            ".bg-blue-50.px-2\\.5.text-blue-600"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.61 (foreground color: #487ced, background color: #f1f7fe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b6b1ad",
                "bgColor": "#fefefe",
                "contrastRatio": 2.1,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 4.9439px, 0px); opacity: 0.8352;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(3)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.1 (foreground color: #b6b1ad, background color: #fefefe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">60 min</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(3) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.1 (foreground color: #b6b1ad, background color: #fefefe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8d8883",
                "bgColor": "#fefefe",
                "contrastRatio": 3.48,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 4.9439px, 0px); opacity: 0.8352;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(3)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8d8883, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm leading-relaxed mb-4\">Silky ganache in a buttery shortcrust, topped with flaky Maldon salt and fresh raspberries.</p>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(3) > .p-6 > .text-stone-500.mb-4.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8d8883, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#fad43b",
                "bgColor": "#fefefe",
                "contrastRatio": 1.43,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 4.9439px, 0px); opacity: 0.8352;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(3)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.43 (foreground color: #fad43b, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.9</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(3) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.43 (foreground color: #fad43b, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d87943",
                "bgColor": "#fefefe",
                "contrastRatio": 3.09,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 4.9439px, 0px); opacity: 0.8352;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(3)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.09 (foreground color: #d87943, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(3) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.09 (foreground color: #d87943, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e56868",
                "bgColor": "#fdf4f4",
                "contrastRatio": 2.98,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-red-600 bg-red-50 px-2.5 py-1 rounded-full\">Italian</span>",
                  "target": [
                    ".text-red-600"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #e56868, background color: #fdf4f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-red-600 bg-red-50 px-2.5 py-1 rounded-full\">Italian</span>",
          "target": [
            ".text-red-600"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #e56868, background color: #fdf4f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c2bdba",
                "bgColor": "#fdfdfd",
                "contrastRatio": 1.82,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 9.3484px, 0px); opacity: 0.6884;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(4)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.82 (foreground color: #c2bdba, background color: #fdfdfd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">90 min</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(4) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.82 (foreground color: #c2bdba, background color: #fdfdfd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a19c98",
                "bgColor": "#fdfdfd",
                "contrastRatio": 2.67,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 9.3484px, 0px); opacity: 0.6884;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(4)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.67 (foreground color: #a19c98, background color: #fdfdfd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm leading-relaxed mb-4\">Fresh egg pasta with a slow-simmered ragu of beef, pork, and San Marzano tomatoes, finished with Parmigiano.</p>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(4) > .p-6 > .text-stone-500.mb-4.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.67 (foreground color: #a19c98, background color: #fdfdfd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#fada5c",
                "bgColor": "#fdfdfd",
                "contrastRatio": 1.35,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 9.3484px, 0px); opacity: 0.6884;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(4)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.35 (foreground color: #fada5c, background color: #fdfdfd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.7</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(4) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.35 (foreground color: #fada5c, background color: #fdfdfd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#de8f63",
                "bgColor": "#fdfdfd",
                "contrastRatio": 2.51,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 9.3484px, 0px); opacity: 0.6884;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .card-lift.shadow-sm.rounded-2xl:nth-child(4)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.51 (foreground color: #de8f63, background color: #fdfdfd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(4) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.51 (foreground color: #de8f63, background color: #fdfdfd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a5dab8",
                "bgColor": "#f6fbf7",
                "contrastRatio": 1.5,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-green-600 bg-green-50 px-2.5 py-1 rounded-full\">Healthy</span>",
                  "target": [
                    ".text-green-600"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.5 (foreground color: #a5dab8, background color: #f6fbf7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-green-600 bg-green-50 px-2.5 py-1 rounded-full\">Healthy</span>",
          "target": [
            ".text-green-600"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.5 (foreground color: #a5dab8, background color: #f6fbf7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dbd9d7",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.37,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.8227px, 0px); opacity: 0.3726;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(5)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.37 (foreground color: #dbd9d7, background color: #fcfcfb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">20 min</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(5) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.37 (foreground color: #dbd9d7, background color: #fcfcfb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a7a7a6",
                "bgColor": "#fcfcfb",
                "contrastRatio": 2.34,
                "fontSize": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.8227px, 0px); opacity: 0.3726;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(5)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.34 (foreground color: #a7a7a6, background color: #fcfcfb, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h3 class=\"font-serif text-xl font-bold text-charcoal-900 mb-2\">Quinoa Power Bowl with Avocado</h3>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(5) > .p-6 > .text-xl"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.34 (foreground color: #a7a7a6, background color: #fcfcfb, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#cac7c4",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.63,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.8227px, 0px); opacity: 0.3726;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(5)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.63 (foreground color: #cac7c4, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm leading-relaxed mb-4\">Protein-packed quinoa with roasted chickpeas, avocado, kale, and a lemon-tahini dressing.</p>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(5) > .p-6 > .text-stone-500.mb-4.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.63 (foreground color: #cac7c4, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#fae9a4",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.18,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.8227px, 0px); opacity: 0.3726;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(5)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.18 (foreground color: #fae9a4, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.8</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(5) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.18 (foreground color: #fae9a4, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ebc0a8",
                "bgColor": "#fcfcfb",
                "contrastRatio": 1.61,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 18.8227px, 0px); opacity: 0.3726;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(5)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.61 (foreground color: #ebc0a8, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(5) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.61 (foreground color: #ebc0a8, background color: #fcfcfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a75aed",
                "bgColor": "#faf6fe",
                "contrastRatio": 3.69,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-purple-600 bg-purple-50 px-2.5 py-1 rounded-full\">Asian</span>",
                  "target": [
                    ".text-purple-600"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.69 (foreground color: #a75aed, background color: #faf6fe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-purple-600 bg-purple-50 px-2.5 py-1 rounded-full\">Asian</span>",
          "target": [
            ".text-purple-600"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.69 (foreground color: #a75aed, background color: #faf6fe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b8b3b0",
                "bgColor": "#fefefe",
                "contrastRatio": 2.05,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 5.8921px, 0px); opacity: 0.8036;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(6)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.05 (foreground color: #b8b3b0, background color: #fefefe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">40 min</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(6) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.05 (foreground color: #b8b3b0, background color: #fefefe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#928c88",
                "bgColor": "#fefefe",
                "contrastRatio": 3.28,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 5.8921px, 0px); opacity: 0.8036;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(6)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.28 (foreground color: #928c88, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-sm leading-relaxed mb-4\">Nobu-style miso-marinated black cod, broiled to caramelized perfection with sake and mirin.</p>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(6) > .p-6 > .text-stone-500.mb-4.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.28 (foreground color: #928c88, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#fad542",
                "bgColor": "#fefefe",
                "contrastRatio": 1.42,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 5.8921px, 0px); opacity: 0.8036;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(6)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.42 (foreground color: #fad542, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">5.0</span>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(6) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.42 (foreground color: #fad542, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d97d4a",
                "bgColor": "#fefefe",
                "contrastRatio": 2.98,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate3d(0px, 5.8921px, 0px); opacity: 0.8036;\">",
                  "target": [
                    ".card-lift.shadow-sm.rounded-2xl:nth-child(6)"
                  ]
                },
                {
                  "html": "<section id=\"recipes\" class=\"py-24 bg-stone-50\">",
                  "target": [
                    "#recipes"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #d97d4a, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".card-lift.shadow-sm.rounded-2xl:nth-child(6) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #d97d4a, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c3d4fa",
                "bgColor": "#ffffff",
                "contrastRatio": 1.48,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"meal-plans\" class=\"py-24 bg-white\">",
                  "target": [
                    "#meal-plans"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.48 (foreground color: #c3d4fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-blue-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">Meal Planning</span>",
          "target": [
            ".text-blue-600.tracking-widest.uppercase"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.48 (foreground color: #c3d4fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c0c0c0",
                "bgColor": "#ffffff",
                "contrastRatio": 1.81,
                "fontSize": "36.0pt (48px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"meal-plans\" class=\"py-24 bg-white\">",
                  "target": [
                    "#meal-plans"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.81 (foreground color: #c0c0c0, background color: #ffffff, font size: 36.0pt (48px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h2 class=\"font-serif text-4xl lg:text-5xl font-bold text-charcoal-900 mb-6 leading-tight\">Nutrition Meets Convenience</h2>",
          "target": [
            ".order-1.lg\\:order-2.scroll-reveal > .leading-tight.lg\\:text-5xl"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.81 (foreground color: #c0c0c0, background color: #ffffff, font size: 36.0pt (48px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d1d0ce",
                "bgColor": "#ffffff",
                "contrastRatio": 1.54,
                "fontSize": "13.5pt (18px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"meal-plans\" class=\"py-24 bg-white\">",
                  "target": [
                    "#meal-plans"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.54 (foreground color: #d1d0ce, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 text-lg leading-relaxed mb-6\">",
          "target": [
            ".order-1.lg\\:order-2.scroll-reveal > .text-lg.mb-6.text-stone-600"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.54 (foreground color: #d1d0ce, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d1d0ce",
                "bgColor": "#ffffff",
                "contrastRatio": 1.54,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"meal-plans\" class=\"py-24 bg-white\">",
                  "target": [
                    "#meal-plans"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.54 (foreground color: #d1d0ce, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 leading-relaxed mb-8\">",
          "target": [
            ".order-1.lg\\:order-2.scroll-reveal > .mb-8.text-stone-600.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.54 (foreground color: #d1d0ce, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c0c0c0",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.78,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Balanced Macros</h4>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(1) > .mb-1"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dad8d7",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-xs\">Optimized protein, carb, and fat ratios</p>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(1) > .text-stone-500.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c0c0c0",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.78,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Smart Lists</h4>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(2) > .mb-1"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dad8d7",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-xs\">Auto-generated grocery lists</p>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(2) > .text-stone-500.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c0c0c0",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.78,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Time Efficient</h4>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(3) > .mb-1"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dad8d7",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-xs\">30-min average prep time</p>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(3) > .text-stone-500.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c0c0c0",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.78,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h4 class=\"font-semibold text-charcoal-900 text-sm mb-1\">Fully Custom</h4>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(4) > .mb-1"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.78 (foreground color: #c0c0c0, background color: #fbfdff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dad8d7",
                "bgColor": "#fbfdff",
                "contrastRatio": 1.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"p-4 bg-blue-50 rounded-xl\">",
                  "target": [
                    ".bg-blue-50.p-4.rounded-xl:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-500 text-xs\">Swap meals to your taste</p>",
          "target": [
            ".bg-blue-50.p-4.rounded-xl:nth-child(4) > .text-stone-500.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.39 (foreground color: #dad8d7, background color: #fbfdff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e6e5e4",
                "bgColor": "#f6f6f5",
                "contrastRatio": 1.16,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.7894px, 0px); opacity: 0.707;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(1)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.16 (foreground color: #e6e5e4, background color: #f6f6f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 leading-relaxed mb-6 text-sm\">\"SavorSphere transformed how I cook. The technique tutorials on emulsification alone saved my sauces dozens of times. The recipes are precise, well-tested, and genuinely delicious.\"</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(1) > .mb-6.text-stone-600.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.16 (foreground color: #e6e5e4, background color: #f6f6f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e0e0df",
                "bgColor": "#f6f6f5",
                "contrastRatio": 1.22,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.7894px, 0px); opacity: 0.707;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(1)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.22 (foreground color: #e0e0df, background color: #f6f6f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"font-semibold text-charcoal-900 text-sm\">Sarah Mitchell</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(1) > .gap-3.items-center.flex > div > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.22 (foreground color: #e0e0df, background color: #f6f6f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#eeedec",
                "bgColor": "#f6f6f5",
                "contrastRatio": 1.08,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate3d(0px, 8.7894px, 0px); opacity: 0.707;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(1)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.08 (foreground color: #eeedec, background color: #f6f6f5, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-400 text-xs\">Home Chef, Portland</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(1) > .gap-3.items-center.flex > div > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.08 (foreground color: #eeedec, background color: #f6f6f5, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d6743d",
                "bgColor": "#f5f5f4",
                "contrastRatio": 2.99,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.99 (foreground color: #d6743d, background color: #f5f5f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">Testimonials</span>",
          "target": [
            ".bg-stone-100.py-24:nth-child(9) > .max-w-7xl.lg\\:px-8.px-6 > .mb-16.text-center.scroll-reveal > .tracking-widest.uppercase.block"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.99 (foreground color: #d6743d, background color: #f5f5f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e09267",
                "bgColor": "#ffffff",
                "contrastRatio": 2.47,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.47 (foreground color: #e09267, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-brand-600 text-sm font-semibold uppercase tracking-widest mb-3 block\">FAQ</span>",
          "target": [
            ".mb-12.text-center.scroll-reveal > .tracking-widest.uppercase.block"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.47 (foreground color: #e09267, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#adadad",
                "bgColor": "#ffffff",
                "contrastRatio": 2.24,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"font-semibold text-charcoal-900\">Are all recipes tested by professionals?</span>",
          "target": [
            ".active > .accordion-trigger.text-left.hover\\:bg-stone-50 > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c3c2c0",
                "bgColor": "#fefefe",
                "contrastRatio": 1.76,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"accordion-content px-5 bg-stone-50/50\">",
                  "target": [
                    ".active > .accordion-content.bg-stone-50\\/50.px-5"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.76 (foreground color: #c3c2c0, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 text-sm leading-relaxed\">Yes, every recipe undergoes rigorous testing by our team of professional chefs and food scientists. We test each recipe a minimum of three times with different equipment and ingredient brands to ensure consistency and reliability for home cooks.</p>",
          "target": [
            ".active > .accordion-content.bg-stone-50\\/50.px-5 > .text-stone-600.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.76 (foreground color: #c3c2c0, background color: #fefefe, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#adadad",
                "bgColor": "#ffffff",
                "contrastRatio": 2.24,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"font-semibold text-charcoal-900\">Can I customize meal plans for allergies?</span>",
          "target": [
            ".accordion-item.border-stone-200.border:nth-child(2) > .accordion-trigger.text-left.hover\\:bg-stone-50 > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#adadad",
                "bgColor": "#ffffff",
                "contrastRatio": 2.24,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"font-semibold text-charcoal-900\">How often are restaurant guides updated?</span>",
          "target": [
            ".accordion-item.border-stone-200.border:nth-child(3) > .accordion-trigger.text-left.hover\\:bg-stone-50 > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#adadad",
                "bgColor": "#ffffff",
                "contrastRatio": 2.24,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"py-24 bg-white\">",
                  "target": [
                    ".py-24:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"font-semibold text-charcoal-900\">Is there a free trial available?</span>",
          "target": [
            ".accordion-item.border-stone-200.border:nth-child(4) > .accordion-trigger.text-left.hover\\:bg-stone-50 > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.24 (foreground color: #adadad, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b2ada9",
                "bgColor": "#fefefe",
                "contrastRatio": 2.2,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(2)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #b2ada9, background color: #fefefe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-400 text-xs\">Food Blogger, San Francisco</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(2) > .gap-3.items-center.flex > div > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #b2ada9, background color: #fefefe, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#dfdfdd",
                "bgColor": "#f6f6f6",
                "contrastRatio": 1.23,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(3)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.23 (foreground color: #dfdfdd, background color: #f6f6f6, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-600 leading-relaxed mb-6 text-sm\">\"The meal planning feature saved me 5 hours a week. Nutritionally balanced, delicious, and the grocery lists are perfectly organized. Worth every penny of the subscription.\"</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(3) > .mb-6.text-stone-600.leading-relaxed"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.23 (foreground color: #dfdfdd, background color: #f6f6f6, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d7d7d6",
                "bgColor": "#f6f6f6",
                "contrastRatio": 1.33,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(3)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.33 (foreground color: #d7d7d6, background color: #f6f6f6, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"font-semibold text-charcoal-900 text-sm\">Emma Rodriguez</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(3) > .gap-3.items-center.flex > div > .text-charcoal-900"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.33 (foreground color: #d7d7d6, background color: #f6f6f6, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#eaeae8",
                "bgColor": "#f6f6f6",
                "contrastRatio": 1.11,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card bg-white rounded-2xl p-8 shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".testimonial-card.p-8.shadow-sm:nth-child(3)"
                  ]
                },
                {
                  "html": "<section class=\"py-24 bg-stone-100\">",
                  "target": [
                    ".bg-stone-100.py-24:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.11 (foreground color: #eaeae8, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-stone-400 text-xs\">Nutritionist, Austin</p>",
          "target": [
            ".testimonial-card.p-8.shadow-sm:nth-child(3) > .gap-3.items-center.flex > div > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.11 (foreground color: #eaeae8, background color: #f6f6f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#fef7f0",
                "contrastRatio": 3.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Paris</span>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(1) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Paris</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(1) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Fine Dining</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(1) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#fef7f0",
                "contrastRatio": 3.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Tokyo</span>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(2) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Tokyo</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(2) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Sushi</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(2) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#fef7f0",
                "contrastRatio": 3.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Barcelona</span>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(3) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">Barcelona</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(3) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Tapas</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(3) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#fef7f0",
                "contrastRatio": 3.68,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">New York</span>",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(4) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs font-semibold text-brand-600 bg-brand-50 px-2 py-1 rounded-md\">New York</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(4) > .p-5 > .gap-2.mb-2.items-center > .px-2.rounded-md.bg-brand-50"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.68 (foreground color: #d15f1f, background color: #fef7f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden border border-stone-100 shadow-sm\">",
                  "target": [
                    ".border-stone-100.shadow-sm.card-lift:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">Italian</span>",
          "target": [
            ".border-stone-100.shadow-sm.card-lift:nth-child(4) > .p-5 > .gap-2.mb-2.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">45 min</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(1) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#facc15",
                "bgColor": "#ffffff",
                "contrastRatio": 1.53,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.9</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(1) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(1) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">30 min</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(2) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#facc15",
                "bgColor": "#ffffff",
                "contrastRatio": 1.53,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.8</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(2) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(2) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">60 min</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(3) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#facc15",
                "bgColor": "#ffffff",
                "contrastRatio": 1.53,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.9</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(3) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(3) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">90 min</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(4) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#facc15",
                "bgColor": "#ffffff",
                "contrastRatio": 1.53,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.7</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(4) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".lg\\:grid-cols-3.md\\:grid-cols-2.gap-8 > .shadow-sm.card-lift.rounded-2xl:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(4) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">20 min</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(5) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#facc15",
                "bgColor": "#ffffff",
                "contrastRatio": 1.53,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">4.8</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(5) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.1s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(5) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#a8a29e",
                "bgColor": "#ffffff",
                "contrastRatio": 2.52,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-xs text-stone-400\">40 min</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(6) > .p-6 > .gap-3.mb-3.items-center > .text-stone-400.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.52 (foreground color: #a8a29e, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#facc15",
                "bgColor": "#ffffff",
                "contrastRatio": 1.53,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"text-charcoal-700 font-medium ml-1\">5.0</span>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(6) > .p-6 > .pt-4.border-t.border-stone-100 > .gap-1.text-yellow-400.items-center > .text-charcoal-700.ml-1.font-medium"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.53 (foreground color: #facc15, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d15f1f",
                "bgColor": "#ffffff",
                "contrastRatio": 3.91,
                "fontSize": "10.5pt (14px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"card-lift bg-white rounded-2xl overflow-hidden shadow-sm scroll-reveal\" style=\"transition-delay: 0.2s; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1;\">",
                  "target": [
                    ".shadow-sm.card-lift.rounded-2xl:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"text-brand-600 text-sm font-semibold hover:text-brand-700\">Get Recipe</button>",
          "target": [
            ".shadow-sm.card-lift.rounded-2xl:nth-child(6) > .p-6 > .pt-4.border-t.border-stone-100 > .hover\\:text-brand-700"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.91 (foreground color: #d15f1f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8722
      },
      {
        "y": 576,
        "height": 8722
      },
      {
        "y": 1152,
        "height": 8722
      },
      {
        "y": 1728,
        "height": 8722
      },
      {
        "y": 2304,
        "height": 8722
      },
      {
        "y": 2880,
        "height": 8722
      },
      {
        "y": 3456,
        "height": 8722
      },
      {
        "y": 4032,
        "height": 8722
      },
      {
        "y": 4608,
        "height": 8722
      },
      {
        "y": 5184,
        "height": 8722
      },
      {
        "y": 5760,
        "height": 8722
      },
      {
        "y": 6336,
        "height": 8722
      },
      {
        "y": 6912,
        "height": 8722
      },
      {
        "y": 7488,
        "height": 8722
      },
      {
        "y": 8002,
        "height": 8722
      }
    ],
    "scans": 16,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Food and Drink" 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: "Food and Drink"
- Description: Recipes, restaurant guides, cooking tips, and nutrition resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Food and Drink" 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: "Recipes", "Contact", "Meal Plans".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Food and Drink" category. Consider themes similar to: "Food Culture", "Restaurant Guide", "Technique Tutorials".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "emulsification", "fermentation", "sommelier".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Get Delivered", "Subscribe", "Make Reservation".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Food and Drink" sector. Ideas similar but not limited to: "cooking timer".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "daily specials", "trending recipes", "chef interviews".
-   **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.