inclusionAI Ling 3.0 Flash – Travel

via Novita · Generated

  • AIMAC Debt 5.83
  • Cost $0.001
  • Total Violations 56
  • HTML Size 62 KB
  • Em Dashes 14

Screenshot

View inclusionAI Ling 3.0 Flash Travel page View Live Page

Accessibility Issues Found

56 Serious

  • color-contrast serious 56 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="site-tagline">Discover the World, Your Way</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>WanderLuxe — Discover the World, Your Way</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Source+Sans+3:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        /* ===== RESET & BASE ===== */
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; font-size: 16px; }
        body {
            font-family: 'Source Sans 3', sans-serif;
            color: #2D2D2D;
            background: #FAFAF7;
            line-height: 1.7;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; line-height: 1.25; }
        a { text-decoration: none; color: inherit; transition: color 0.3s; }
        img { max-width: 100%; display: block; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

        /* ===== COLOR VARIABLES ===== */
        :root {
            --teal: #0D4F4F;
            --teal-light: #1A6B6B;
            --gold: #D4A853;
            --gold-light: #F0D78C;
            --cream: #FAFAF7;
            --white: #FFFFFF;
            --charcoal: #2D2D2D;
            --warm-gray: #8A8A7E;
            --light-bg: #F0EDE5;
            --sand: #E8DFD0;
            --shadow: 0 4px 24px rgba(0,0,0,0.08);
            --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
            --radius: 12px;
            --radius-lg: 20px;
        }

        /* ===== HEADER ===== */
        .site-header {
            position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
            background: rgba(250,250,247,0.95);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(13,79,79,0.08);
            transition: box-shadow 0.3s;
        }
        .site-header.scrolled { box-shadow: var(--shadow); }
        .header-inner {
            display: flex; align-items: center; justify-content: space-between;
            max-width: 1200px; margin: 0 auto; padding: 14px 24px;
        }
        .logo-area { display: flex; align-items: center; gap: 12px; }
        .logo-img {
            width: 48px; height: 48px; border-radius: 50%;
            background: var(--teal);
            display: flex; align-items: center; justify-content: center;
        }
        .logo-img img { width: 28px; height: 28px; filter: brightness(0) invert(1); }
        .logo-text { display: flex; flex-direction: column; }
        .logo-text .site-name {
            font-family: 'Playfair Display', serif;
            font-size: 1.35rem; font-weight: 700; color: var(--teal);
            letter-spacing: -0.5px;
        }
        .logo-text .site-tagline {
            font-size: 0.7rem; color: var(--warm-gray);
            text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500;
        }

        /* Nav */
        .main-nav { display: flex; align-items: center; gap: 6px; }
        .main-nav a {
            padding: 8px 16px; border-radius: 8px;
            font-size: 0.9rem; font-weight: 500; color: var(--charcoal);
            transition: all 0.25s; position: relative;
        }
        .main-nav a:hover { color: var(--teal); background: rgba(13,79,79,0.06); }
        .main-nav a.active { color: var(--teal); background: rgba(13,79,79,0.1); }
        .nav-cta {
            background: var(--teal) !important; color: var(--white) !important;
            padding: 10px 22px !important; border-radius: 8px !important;
            font-weight: 600 !important; margin-left: 8px;
        }
        .nav-cta:hover { background: var(--teal-light) !important; color: var(--white) !important; }

        .mobile-toggle {
            display: none; background: none; border: none; font-size: 1.5rem;
            color: var(--teal); cursor: pointer; padding: 8px;
        }

        /* ===== HERO ===== */
        .hero {
            position: relative; min-height: 100vh; display: flex;
            align-items: center; overflow: hidden;
            margin-top: 64px;
            background: linear-gradient(135deg, #0D4F4F 0%, #1A6B6B 40%, #2A8A7A 100%);
        }
        .hero-bg {
            position: absolute; inset: 0;
            background: url('https://picsum.photos/1600/900?random=hero') center/cover no-repeat;
            opacity: 0.35;
        }
        .hero-overlay {
            position: absolute; inset: 0;
            background: linear-gradient(135deg, rgba(13,79,79,0.85) 0%, rgba(26,107,107,0.7) 100%);
        }
        .hero-content {
            position: relative; z-index: 2; max-width: 1200px; margin: 0 auto;
            padding: 80px 24px; display: grid; grid-template-columns: 1fr 1fr;
            gap: 60px; align-items: center; width: 100%;
        }
        .hero-text { color: var(--white); }
        .hero-text .eyebrow {
            font-size: 0.85rem; text-transform: uppercase; letter-spacing: 3px;
            color: var(--gold-light); font-weight: 600; margin-bottom: 16px;
        }
        .hero-text h1 {
            font-size: clamp(2.4rem, 5vw, 3.8rem); font-weight: 900;
            color: var(--white); margin-bottom: 20px; line-height: 1.1;
        }
        .hero-text h1 span { color: var(--gold); }
        .hero-text p {
            font-size: 1.1rem; color: rgba(255,255,255,0.85);
            margin-bottom: 32px; max-width: 520px; line-height: 1.8;
        }
        .hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }
        .btn {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 14px 32px; border-radius: 10px; font-size: 1rem;
            font-weight: 600; cursor: pointer; border: none;
            transition: all 0.3s; font-family: 'Source Sans 3', sans-serif;
        }
        .btn-primary {
            background: var(--gold); color: var(--charcoal);
            box-shadow: 0 4px 16px rgba(212,168,83,0.35);
        }
        .btn-primary:hover { background: #E0B860; transform: translateY(-2px); box-shadow: 0 6px 24px rgba(212,168,83,0.45); }
        .btn-outline {
            background: transparent; color: var(--white);
            border: 2px solid rgba(255,255,255,0.4);
        }
        .btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,0.1); transform: translateY(-2px); }

        .hero-visual { display: flex; justify-content: center; align-items: center; }
        .hero-card {
            background: rgba(255,255,255,0.1); backdrop-filter: blur(20px);
            border: 1px solid rgba(255,255,255,0.15); border-radius: var(--radius-lg);
            padding: 32px; color: var(--white); width: 100%; max-width: 420px;
        }
        .hero-card h3 { color: var(--white); margin-bottom: 20px; font-size: 1.3rem; }
        .hero-stat {
            display: flex; justify-content: space-between; align-items: center;
            padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .hero-stat:last-child { border-bottom: none; }
        .hero-stat .label { font-size: 0.9rem; color: rgba(255,255,255,0.7); }
        .hero-stat .value { font-family: 'Playfair Display', serif; font-size: 1.4rem; font-weight: 700; color: var(--gold); }
        .hero-card .card-subtitle {
            margin-top: 20px; font-size: 0.85rem; color: rgba(255,255,255,0.6);
            text-align: center;
        }

        /* ===== SECTION COMMON ===== */
        .section { padding: 100px 0; }
        .section-alt { background: var(--white); }
        .section-light { background: var(--light-bg); }
        .section-header { text-align: center; max-width: 680px; margin: 0 auto 60px; }
        .section-header .eyebrow {
            font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2.5px;
            color: var(--gold); font-weight: 600; margin-bottom: 12px;
        }
        .section-header h2 {
            font-size: clamp(1.8rem, 3.5vw, 2.6rem); color: var(--teal);
            margin-bottom: 16px;
        }
        .section-header p { color: var(--warm-gray); font-size: 1.05rem; }

        /* ===== DESTINATIONS GRID ===== */
        .dest-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 28px;
        }
        .dest-card {
            background: var(--white); border-radius: var(--radius-lg);
            overflow: hidden; box-shadow: var(--shadow);
            transition: transform 0.35s, box-shadow 0.35s; cursor: pointer;
        }
        .dest-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
        .dest-card-img {
            height: 220px; position: relative; overflow: hidden;
        }
        .dest-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
        .dest-card:hover .dest-card-img img { transform: scale(1.08); }
        .dest-card-img .badge {
            position: absolute; top: 16px; left: 16px;
            background: var(--gold); color: var(--charcoal);
            padding: 5px 14px; border-radius: 20px;
            font-size: 0.78rem; font-weight: 700; text-transform: uppercase;
        }
        .dest-card-body { padding: 24px; }
        .dest-card-body h3 { font-size: 1.25rem; color: var(--charcoal); margin-bottom: 8px; }
        .dest-card-body p { color: var(--warm-gray); font-size: 0.92rem; margin-bottom: 16px; line-height: 1.7; }
        .dest-card-meta {
            display: flex; justify-content: space-between; align-items: center;
            padding-top: 16px; border-top: 1px solid var(--sand);
        }
        .dest-card-meta .price { font-weight: 700; color: var(--teal); font-size: 1.1rem; }
        .dest-card-meta .price span { font-size: 0.8rem; color: var(--warm-gray); font-weight: 400; }
        .dest-card-meta .rating { color: var(--gold); font-size: 0.85rem; }

        /* ===== TIPS & GUIDES (with sidebar) ===== */
        .tips-layout {
            display: grid; grid-template-columns: 1fr 340px; gap: 40px;
            align-items: start;
        }
        .tip-card {
            background: var(--white); border-radius: var(--radius);
            padding: 32px; margin-bottom: 24px; box-shadow: var(--shadow);
            border-left: 4px solid var(--teal); transition: transform 0.3s;
        }
        .tip-card:hover { transform: translateX(4px); }
        .tip-card h3 { font-size: 1.2rem; color: var(--teal); margin-bottom: 12px; }
        .tip-card p { color: #555; font-size: 0.95rem; margin-bottom: 12px; }
        .tip-card .tip-tag {
            display: inline-block; background: rgba(13,79,79,0.08);
            color: var(--teal); padding: 4px 12px; border-radius: 20px;
            font-size: 0.75rem; font-weight: 600; text-transform: uppercase;
        }
        .sidebar-card {
            background: var(--white); border-radius: var(--radius);
            padding: 28px; box-shadow: var(--shadow); margin-bottom: 24px;
        }
        .sidebar-card h4 {
            font-size: 1rem; color: var(--teal); margin-bottom: 16px;
            padding-bottom: 12px; border-bottom: 2px solid var(--gold-light);
        }
        .sidebar-card .trend-item {
            display: flex; align-items: center; gap: 12px;
            padding: 12px 0; border-bottom: 1px solid var(--sand);
        }
        .sidebar-card .trend-item:last-child { border-bottom: none; }
        .trend-rank {
            width: 32px; height: 32px; border-radius: 50%;
            background: var(--teal); color: var(--white);
            display: flex; align-items: center; justify-content: center;
            font-size: 0.8rem; font-weight: 700; flex-shrink: 0;
        }
        .trend-info { flex: 1; }
        .trend-info .trend-name { font-weight: 600; font-size: 0.9rem; color: var(--charcoal); }
        .trend-info .trend-detail { font-size: 0.78rem; color: var(--warm-gray); }
        .trend-badge {
            background: var(--gold-light); color: var(--charcoal);
            padding: 3px 10px; border-radius: 12px; font-size: 0.72rem; font-weight: 700;
        }
        .travel-hack-item {
            display: flex; gap: 12px; padding: 12px 0;
            border-bottom: 1px solid var(--sand);
        }
        .travel-hack-item:last-child { border-bottom: none; }
        .hack-icon {
            width: 36px; height: 36px; border-radius: 8px;
            background: rgba(212,168,83,0.15); color: var(--gold);
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0; font-size: 0.9rem;
        }
        .hack-text { font-size: 0.88rem; color: #555; line-height: 1.5; }
        .hack-text strong { color: var(--charcoal); }

        /* ===== BUDGET CALCULATOR ===== */
        .calculator-wrap {
            background: var(--white); border-radius: var(--radius-lg);
            padding: 48px; box-shadow: var(--shadow-lg);
            max-width: 800px; margin: 0 auto;
        }
        .calc-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
        }
        .calc-field { display: flex; flex-direction: column; gap: 8px; }
        .calc-field label {
            font-size: 0.85rem; font-weight: 600; color: var(--charcoal);
            text-transform: uppercase; letter-spacing: 0.5px;
        }
        .calc-field select, .calc-field input {
            padding: 14px 16px; border: 2px solid var(--sand);
            border-radius: 10px; font-size: 1rem; font-family: inherit;
            background: var(--cream); transition: border-color 0.3s;
            color: var(--charcoal);
        }
        .calc-field select:focus, .calc-field input:focus {
            outline: none; border-color: var(--teal);
        }
        .calc-result {
            grid-column: 1 / -1; background: linear-gradient(135deg, var(--teal), var(--teal-light));
            border-radius: var(--radius); padding: 32px; color: var(--white);
            text-align: center; margin-top: 8px;
        }
        .calc-result .result-label {
            font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1.5px;
            color: rgba(255,255,255,0.7); margin-bottom: 8px;
        }
        .calc-result .result-amount {
            font-family: 'Playfair Display', serif; font-size: 3rem;
            font-weight: 900; color: var(--gold);
        }
        .calc-result .result-breakdown {
            display: flex; justify-content: center; gap: 32px; margin-top: 20px;
            flex-wrap: wrap;
        }
        .calc-result .breakdown-item { text-align: center; }
        .calc-result .breakdown-item .b-label { font-size: 0.75rem; color: rgba(255,255,255,0.6); text-transform: uppercase; }
        .calc-result .breakdown-item .b-value { font-weight: 700; font-size: 1.1rem; }

        /* ===== TESTIMONIALS ===== */
        .testimonial-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 28px;
        }
        .testimonial-card {
            background: var(--white); border-radius: var(--radius);
            padding: 32px; box-shadow: var(--shadow); position: relative;
        }
        .testimonial-card .quote-mark {
            font-family: 'Playfair Display', serif; font-size: 4rem;
            color: var(--gold-light); line-height: 1; margin-bottom: -12px;
        }
        .testimonial-card .review-text {
            font-size: 0.95rem; color: #555; margin-bottom: 20px;
            font-style: italic; line-height: 1.8;
        }
        .testimonial-card .reviewer { display: flex; align-items: center; gap: 14px; }
        .reviewer-avatar {
            width: 48px; height: 48px; border-radius: 50%;
            object-fit: cover; border: 2px solid var(--gold-light);
        }
        .reviewer-info .reviewer-name { font-weight: 700; font-size: 0.95rem; color: var(--charcoal); }
        .reviewer-info .reviewer-detail { font-size: 0.8rem; color: var(--warm-gray); }
        .reviewer-info .stars { color: var(--gold); font-size: 0.85rem; margin-top: 2px; }

        /* ===== FAQ ACCORDION ===== */
        .faq-list { max-width: 800px; margin: 0 auto; }
        .faq-item {
            background: var(--white); border-radius: var(--radius);
            margin-bottom: 12px; box-shadow: var(--shadow); overflow: hidden;
        }
        .faq-question {
            width: 100%; padding: 22px 28px; background: none; border: none;
            text-align: left; font-family: 'Source Sans 3', sans-serif;
            font-size: 1rem; font-weight: 600; color: var(--charcoal);
            cursor: pointer; display: flex; justify-content: space-between;
            align-items: center; transition: background 0.2s;
        }
        .faq-question:hover { background: rgba(13,79,79,0.03); }
        .faq-question i { color: var(--teal); transition: transform 0.3s; font-size: 0.9rem; }
        .faq-item.open .faq-question i { transform: rotate(180deg); }
        .faq-answer {
            max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s;
            padding: 0 28px;
        }
        .faq-item.open .faq-answer { max-height: 300px; padding: 0 28px 22px; }
        .faq-answer p { color: #555; font-size: 0.95rem; line-height: 1.8; }

        /* ===== TRAVEL DEALS ===== */
        .deals-banner {
            background: linear-gradient(135deg, var(--teal) 0%, #1A6B6B 50%, var(--gold) 100%);
            border-radius: var(--radius-lg); padding: 64px 48px;
            text-align: center; color: var(--white); position: relative;
            overflow: hidden;
        }
        .deals-banner::before {
            content: ''; position: absolute; inset: 0;
            background: url('https://picsum.photos/1600/400?random=dealbg') center/cover no-repeat;
            opacity: 0.15;
        }
        .deals-banner > * { position: relative; z-index: 1; }
        .deals-banner h2 { color: var(--white); font-size: clamp(1.8rem, 3vw, 2.4rem); margin-bottom: 12px; }
        .deals-banner p { color: rgba(255,255,255,0.85); font-size: 1.05rem; margin-bottom: 28px; max-width: 560px; margin-left: auto; margin-right: auto; }
        .deals-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 20px; margin-top: 40px; max-width: 900px; margin-left: auto; margin-right: auto;
        }
        .deal-card {
            background: rgba(255,255,255,0.12); backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.2); border-radius: var(--radius);
            padding: 24px; text-align: left; color: var(--white);
            transition: transform 0.3s, background 0.3s;
        }
        .deal-card:hover { transform: translateY(-4px); background: rgba(255,255,255,0.2); }
        .deal-card .deal-dest { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: var(--gold-light); margin-bottom: 8px; }
        .deal-card .deal-price { font-family: 'Playfair Display', serif; font-size: 2rem; font-weight: 900; color: var(--white); }
        .deal-card .deal-price span { font-size: 0.9rem; font-weight: 400; color: rgba(255,255,255,0.7); }
        .deal-card .deal-desc { font-size: 0.88rem; color: rgba(255,255,255,0.75); margin-top: 8px; line-height: 1.6; }
        .deal-card .deal-tag {
            display: inline-block; background: var(--gold); color: var(--charcoal);
            padding: 3px 10px; border-radius: 12px; font-size: 0.72rem;
            font-weight: 700; margin-top: 12px; text-transform: uppercase;
        }

        /* ===== FOOTER ===== */
        .site-footer {
            background: var(--charcoal); color: rgba(255,255,255,0.7);
            padding: 64px 0 0;
        }
        .footer-grid {
            display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px; padding-bottom: 48px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .footer-brand .logo-text .site-name { color: var(--white); }
        .footer-brand .logo-text .site-tagline { color: rgba(255,255,255,0.5); }
        .footer-brand p { margin-top: 16px; font-size: 0.9rem; line-height: 1.8; max-width: 320px; }
        .footer-social { display: flex; gap: 12px; margin-top: 20px; }
        .footer-social a {
            width: 40px; height: 40px; border-radius: 50%;
            background: rgba(255,255,255,0.08); display: flex;
            align-items: center; justify-content: center;
            color: rgba(255,255,255,0.7); transition: all 0.3s;
        }
        .footer-social a:hover { background: var(--teal); color: var(--white); }
        .footer-col h4 {
            color: var(--white); font-size: 0.95rem; margin-bottom: 18px;
            font-family: 'Source Sans 3', sans-serif; font-weight: 700;
            text-transform: uppercase; letter-spacing: 1px;
        }
        .footer-col a {
            display: block; padding: 6px 0; font-size: 0.88rem;
            color: rgba(255,255,255,0.5); transition: color 0.2s;
        }
        .footer-col a:hover { color: var(--gold); }
        .footer-bottom {
            display: flex; justify-content: space-between; align-items: center;
            padding: 24px 0; flex-wrap: wrap; gap: 16px;
        }
        .footer-bottom p { font-size: 0.82rem; color: rgba(255,255,255,0.4); }
        .footer-bottom-links { display: flex; gap: 24px; }
        .footer-bottom-links a { font-size: 0.82rem; color: rgba(255,255,255,0.4); }
        .footer-bottom-links a:hover { color: var(--gold); }

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

        /* ===== RESPONSIVE ===== */
        @media (max-width: 900px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-text p { margin-left: auto; margin-right: auto; }
            .hero-buttons { justify-content: center; }
            .hero-visual { display: none; }
            .tips-layout { grid-template-columns: 1fr; }
            .calc-grid { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .main-nav {
                display: none; position: absolute; top: 100%; left: 0; right: 0;
                background: var(--white); flex-direction: column; padding: 16px;
                box-shadow: var(--shadow-lg); border-top: 1px solid var(--sand);
            }
            .main-nav.open { display: flex; }
            .mobile-toggle { display: block; }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; text-align: center; }
            .section { padding: 64px 0; }
            .calculator-wrap { padding: 28px; }
        }

        /* ===== TOAST NOTIFICATION ===== */
        .toast {
            position: fixed; bottom: 30px; right: 30px;
            background: var(--teal); color: var(--white);
            padding: 16px 28px; border-radius: 10px;
            box-shadow: var(--shadow-lg); font-size: 0.9rem; font-weight: 500;
            z-index: 9999; transform: translateY(120px); opacity: 0;
            transition: all 0.4s ease;
        }
        .toast.show { transform: translateY(0); opacity: 1; }
    </style>
</head>
<body>

    <!-- ===== HEADER ===== -->
    <header class="site-header" id="siteHeader">
        <div class="header-inner">
            <div class="logo-area">
                <div class="logo-img">
                    <img src="https://placehold.co/48x48/0D4F4F/FFFFFF?text=WL&font=montserrat" alt="WanderLuxe Logo">
                </div>
                <div class="logo-text">
                    <span class="site-name">WanderLuxe</span>
                    <span class="site-tagline">Discover the World, Your Way</span>
                </div>
            </div>
            <nav class="main-nav" id="mainNav">
                <a href="#home" class="active">Home</a>
                <a href="#destinations">Destinations</a>
                <a href="#hotels">Hotels</a>
                <a href="#reviews">Reviews</a>
                <a href="#deals">Travel Deals</a>
                <a href="#tips">Travel Tips</a>
                <a href="#contact">Contact</a>
                <a href="#calculator" class="nav-cta">Budget Calculator</a>
            </nav>
            <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle navigation">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </header>

    <main>
        <!-- ===== HERO ===== -->
        <section class="hero" id="home">
            <div class="hero-bg"></div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="hero-text reveal">
                    <p class="eyebrow">Trusted by Over 250,000 Travelers Worldwide</p>
                    <h1>Your Journey <span>Begins Here</span></h1>
                    <p>From hidden coastal villages to bustling metropolitan hubs, WanderLuxe curates unparalleled travel experiences. Our expert guides, exclusive deals, and personalized itineraries transform your vacation dreams into unforgettable realities. Explore the world with confidence and style.</p>
                    <div class="hero-buttons">
                        <a href="#calculator" class="btn btn-primary"><i class="fas fa-calculator"></i> Plan Your Trip</a>
                        <a href="#destinations" class="btn btn-outline"><i class="fas fa-compass"></i> Explore Destinations</a>
                    </div>
                </div>
                <div class="hero-visual reveal">
                    <div class="hero-card">
                        <h3><i class="fas fa-chart-line"></i> Travel at a Glance</h3>
                        <div class="hero-stat">
                            <span class="label">Destinations Covered</span>
                            <span class="value">140+</span>
                        </div>
                        <div class="hero-stat">
                            <span class="label">Happy Travelers</span>
                            <span class="value">250K+</span>
                        </div>
                        <div class="hero-stat">
                            <span class="label">Avg. Savings</span>
                            <span class="value">34%</span>
                        </div>
                        <div class="hero-stat">
                            <span class="label">Rating</span>
                            <span class="value">4.9 ★</span>
                        </div>
                        <p class="card-subtitle">Trusted by travelers across 85 countries</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== FEATURED DESTINATIONS ===== -->
        <section class="section section-alt" id="destinations">
            <div class="container">
                <div class="section-header reveal">
                    <p class="eyebrow">Curated Experiences</p>
                    <h2>Featured Destinations</h2>
                    <p>Handpicked by our travel experts, these destinations offer the perfect blend of culture, adventure, and relaxation. Whether you seek sun-drenched beaches or ancient cobblestone streets, your next great escape awaits.</p>
                </div>
                <div class="dest-grid">
                    <div class="dest-card reveal">
                        <div class="dest-card-img">
                            <img src="https://picsum.photos/600/400?random=kyoto" alt="Kyoto, Japan">
                            <span class="badge">Cultural</span>
                        </div>
                        <div class="dest-card-body">
                            <h3>Kyoto, Japan</h3>
                            <p>Immerse yourself in centuries of tradition amid serene temples, bamboo groves, and the timeless beauty of geisha districts. Kyoto offers an unparalleled journey through Japan's cultural heart, where ancient rituals meet modern elegance.</p>
                            <div class="dest-card-meta">
                                <span class="price">From $1,299 <span>/ person</span></span>
                                <span class="rating"><i class="fas fa-star"></i> 4.9 (2,340 reviews)</span>
                            </div>
                        </div>
                    </div>
                    <div class="dest-card reveal">
                        <div class="dest-card-img">
                            <img src="https://picsum.photos/600/400?random=iceland" alt="Reykjavik, Iceland">
                            <span class="badge">Adventure</span>
                        </div>
                        <div class="dest-card-body">
                            <h3>Reykjavik, Iceland</h3>
                            <p>Witness the ethereal Northern Lights dance across Arctic skies, soak in geothermal lagoons, and explore volcanic landscapes that feel otherworldly. Iceland's dramatic terrain offers once-in-a-lifetime adventures for the intrepid traveler.</p>
                            <div class="dest-card-meta">
                                <span class="price">From $1,849 <span>/ person</span></span>
                                <span class="rating"><i class="fas fa-star"></i> 4.8 (1,872 reviews)</span>
                            </div>
                        </div>
                    </div>
                    <div class="dest-card reveal">
                        <div class="dest-card-img">
                            <img src="https://picsum.photos/600/400?random=santorini" alt="Santorini, Greece">
                            <span class="badge">Luxury</span>
                        </div>
                        <div class="dest-card-body">
                            <h3>Santorini, Greece</h3>
                            <p>Experience the iconic whitewashed cliffs overlooking the Aegean Sea, paired with world-class cuisine and breathtaking sunsets. Santorini's all-inclusive resorts and volcanic beaches create the quintessential Mediterranean escape.</p>
                            <div class="dest-card-meta">
                                <span class="price">From $2,150 <span>/ person</span></span>
                                <span class="rating"><i class="fas fa-star"></i> 4.9 (3,105 reviews)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== TRAVEL TIPS & GUIDES ===== -->
        <section class="section" id="tips">
            <div class="container">
                <div class="section-header reveal">
                    <p class="eyebrow">Expert Insights</p>
                    <h2>Travel Tips & Guides</h2>
                    <p>Our seasoned travel writers and local experts share actionable advice to help you navigate every corner of the globe with ease, confidence, and a spirit of discovery.</p>
                </div>
                <div class="tips-layout">
                    <div class="tips-main">
                        <div class="tip-card reveal">
                            <h3><i class="fas fa-shield-halved"></i> The Essential Guide to Travel Insurance</h3>
                            <p>Travel insurance is not a luxury — it is a necessity for any responsible traveler. Whether you are embarking on a two-week European backpacking trip or a luxury safari in Kenya, comprehensive coverage protects you against medical emergencies, trip cancellations, lost luggage, and unexpected disruptions. Our guide breaks down the different policy types, explains what to look for in coverage limits, and shares real-world scenarios where travel insurance has saved travelers thousands of dollars. We recommend comparing at least three providers and reading the fine print carefully, particularly regarding pre-existing medical conditions and adventure activity exclusions.</p>
                            <span class="tip-tag">Safety</span>
                        </div>
                        <div class="tip-card reveal">
                            <h3><i class="fas fa-leaf"></i> Embracing Eco-Tourism: Travel Sustainably</h3>
                            <p>Eco-tourism has evolved from a niche concept into a global movement that prioritizes environmental conservation and community empowerment. When you choose eco-conscious accommodations, support local artisans, and minimize your carbon footprint, you contribute to the preservation of the destinations you love. Our experts outline practical steps for sustainable travel, from selecting carbon-offset airlines and all-inclusive eco-resorts to respecting local wildlife and cultural heritage sites. Discover how responsible tourism can enrich both your experience and the communities you visit.</p>
                            <span class="tip-tag">Sustainability</span>
                        </div>
                        <div class="tip-card reveal">
                            <h3><i class="fas fa-users"></i> Planning the Perfect Family Vacation</h3>
                            <p>Family travel requires a delicate balance of adventure and relaxation. Our comprehensive guide covers everything from choosing all-inclusive resorts that cater to children of all ages to planning age-appropriate excursions that keep everyone engaged. We share insider tips on booking family-friendly accommodations, navigating airport security with kids, and creating flexible itineraries that allow for spontaneous exploration. Learn how to budget effectively for a family trip, pack smartly for varied climates, and create memories that will last a lifetime without the stress.</p>
                            <span class="tip-tag">Family</span>
                        </div>
                    </div>
                    <aside class="tips-sidebar">
                        <div class="sidebar-card reveal">
                            <h4><i class="fas fa-fire"></i> Trending Destinations</h4>
                            <div class="trend-item">
                                <span class="trend-rank">1</span>
                                <div class="trend-info">
                                    <div class="trend-name">Lisbon, Portugal</div>
                                    <div class="trend-detail">Coastal charm & vibrant nightlife</div>
                                </div>
                                <span class="trend-badge">Hot</span>
                            </div>
                            <div class="trend-item">
                                <span class="trend-rank">2</span>
                                <div class="trend-info">
                                    <div class="trend-name">Tbilisi, Georgia</div>
                                    <div class="trend-detail">Emerging culture & cuisine</div>
                                </div>
                                <span class="trend-badge">Trending</span>
                            </div>
                            <div class="trend-item">
                                <span class="trend-rank">3</span>
                                <div class="trend-info">
                                    <div class="trend-name">Luang Prabang, Laos</div>
                                    <div class="trend-detail">Serene temples & river life</div>
                                </div>
                                <span class="trend-badge">Rising</span>
                            </div>
                            <div class="trend-item">
                                <span class="trend-rank">4</span>
                                <div class="trend-info">
                                    <div class="trend-name">Cancún, Mexico</div>
                                    <div class="trend-detail">Caribbean beaches & ruins</div>
                                </div>
                                <span class="trend-badge">Popular</span>
                            </div>
                        </div>
                        <div class="sidebar-card reveal">
                            <h4><i class="fas fa-lightbulb"></i> Travel Hacks</h4>
                            <div class="travel-hack-item">
                                <div class="hack-icon"><i class="fas fa-plane"></i></div>
                                <div class="hack-text"><strong>Book flights on Tuesdays</strong> — prices tend to drop mid-week as airlines adjust demand.</div>
                            </div>
                            <div class="travel-hack-item">
                                <div class="hack-icon"><i class="fas fa-bed"></i></div>
                                <div class="hack-text"><strong>Use loyalty points</strong> for hotel upgrades and complimentary breakfast at 4-star properties.</div>
                            </div>
                            <div class="travel-hack-item">
                                <div class="hack-icon"><i class="fas fa-suitcase"></i></div>
                                <div class="hack-text"><strong>Pack a portable charger</strong> — a dead phone abroad can turn a minor inconvenience into a major crisis.</div>
                            </div>
                            <div class="travel-hack-item">
                                <div class="hack-icon"><i class="fas fa-globe"></i></div>
                                <div class="hack-text"><strong>Learn five local phrases</strong> — even basic greetings open doors and earn genuine smiles.</div>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </section>

        <!-- ===== BUDGET CALCULATOR ===== -->
        <section class="section section-light" id="calculator">
            <div class="container">
                <div class="section-header reveal">
                    <p class="eyebrow">Smart Planning Tool</p>
                    <h2>Travel Budget Calculator</h2>
                    <p>Estimate your total trip cost in seconds. Select your destination, travel dates, and style to get a personalized budget breakdown — helping you plan confidently before you book a single flight.</p>
                </div>
                <div class="calculator-wrap reveal">
                    <div class="calc-grid">
                        <div class="calc-field">
                            <label for="calcDest">Destination</label>
                            <select id="calcDest">
                                <option value="europe">Europe (Avg. $180/day)</option>
                                <option value="asia">Southeast Asia (Avg. $85/day)</option>
                                <option value="caribbean">Caribbean (Avg. $220/day)</option>
                                <option value="safari">Safari Africa (Avg. $350/day)</option>
                                <option value="japan">Japan (Avg. $160/day)</option>
                                <option value="southamerica">South America (Avg. $95/day)</option>
                            </select>
                        </div>
                        <div class="calc-field">
                            <label for="calcDuration">Duration (Days)</label>
                            <input type="number" id="calcDuration" value="7" min="1" max="90" placeholder="e.g. 7">
                        </div>
                        <div class="calc-field">
                            <label for="calcStyle">Travel Style</label>
                            <select id="calcStyle">
                                <option value="budget">Budget — Hostels & Street Food</option>
                                <option value="mid" selected>Mid-Range — Hotels & Restaurants</option>
                                <option value="luxury">Luxury — 5-Star & Fine Dining</option>
                            </select>
                        </div>
                        <div class="calc-field">
                            <label for="calcTravelers">Number of Travelers</label>
                            <input type="number" id="calcTravelers" value="2" min="1" max="20">
                        </div>
                        <div class="calc-result">
                            <div class="result-label">Estimated Total Budget</div>
                            <div class="result-amount" id="calcResult">$2,520</div>
                            <div class="result-breakdown">
                                <div class="breakdown-item">
                                    <div class="b-label">Accommodation</div>
                                    <div class="b-value" id="breakdownHotel">$1,120</div>
                                </div>
                                <div class="breakdown-item">
                                    <div class="b-label">Food & Drink</div>
                                    <div class="b-value" id="breakdownFood">$630</div>
                                </div>
                                <div class="breakdown-item">
                                    <div class="b-label">Activities</div>
                                    <div class="b-value" id="breakdownActivities">$420</div>
                                </div>
                                <div class="breakdown-item">
                                    <div class="b-label">Travel Insurance</div>
                                    <div class="b-value" id="breakdownInsurance">$350</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== TESTIMONIALS ===== -->
        <section class="section section-alt" id="reviews">
            <div class="container">
                <div class="section-header reveal">
                    <p class="eyebrow">What Travelers Say</p>
                    <h2>Traveler Reviews</h2>
                    <p>Don't just take our word for it. Hear from thousands of travelers who have used WanderLuxe to plan their dream vacations and returned home with stories of a lifetime.</p>
                </div>
                <div class="testimonial-grid">
                    <div class="testimonial-card reveal">
                        <div class="quote-mark">"</div>
                        <p class="review-text">WanderLuxe completely transformed how we plan our family trips. The budget calculator alone saved us hundreds, and the destination guides are incredibly detailed. Our kids loved the eco-tourism options in Costa Rica — it was educational and fun for the whole family.</p>
                        <div class="reviewer">
                            <img src="https://i.pravatar.cc/96?u=reviewer1" alt="Sarah Mitchell" class="reviewer-avatar">
                            <div class="reviewer-info">
                                <div class="reviewer-name">Sarah Mitchell</div>
                                <div class="reviewer-detail">Family Traveler, California</div>
                                <div class="stars"><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card reveal">
                        <div class="quote-mark">"</div>
                        <p class="review-text">As a solo traveler, I rely on WanderLuxe for reliable reviews and safety tips. The travel insurance comparison tool helped me find the perfect policy for my backpacking trip through Southeast Asia. Five stars for their commitment to responsible tourism.</p>
                        <div class="reviewer">
                            <img src="https://i.pravatar.cc/96?u=reviewer2" alt="Marcus Chen" class="reviewer-avatar">
                            <div class="reviewer-info">
                                <div class="reviewer-name">Marcus Chen</div>
                                <div class="reviewer-detail">Solo Backpacker, New York</div>
                                <div class="stars"><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i></div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card reveal">
                        <div class="quote-mark">"</div>
                        <p class="review-text">We booked our all-inclusive honeymoon in Santorini through WanderLuxe's travel deals section and saved over 30% compared to booking directly. The customer support team was responsive and knowledgeable. We couldn't have asked for a better experience.</p>
                        <div class="reviewer">
                            <img src="https://i.pravatar.cc/96?u=reviewer3" alt="Elena & Dimitri" class="reviewer-avatar">
                            <div class="reviewer-info">
                                <div class="reviewer-name">Elena & Dimitri Papadakis</div>
                                <div class="reviewer-detail">Honeymooners, Athens</div>
                                <div class="stars"><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== FAQ ===== -->
        <section class="section" id="faq">
            <div class="container">
                <div class="section-header reveal">
                    <p class="eyebrow">Frequently Asked</p>
                    <h2>Travel FAQ</h2>
                    <p>Find answers to the most common questions our travelers ask about booking, insurance, destinations, and more.</p>
                </div>
                <div class="faq-list">
                    <div class="faq-item reveal">
                        <button class="faq-question" aria-expanded="false">
                            <span>Do I need travel insurance for domestic trips?</span>
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>While not legally required, travel insurance for domestic trips is highly recommended. Medical emergencies, trip cancellations, and lost luggage can happen anywhere. Our domestic plans start at just $29 per trip and cover up to $50,000 in medical expenses, providing peace of mind whether you're road-tripping across the country or flying to Hawaii.</p>
                        </div>
                    </div>
                    <div class="faq-item reveal">
                        <button class="faq-question" aria-expanded="false">
                            <span>What does an all-inclusive resort actually include?</span>
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>Most all-inclusive packages cover accommodation, three daily meals, snacks, non-alcoholic beverages, and local alcoholic drinks. Many also include airport transfers, gratuities, and a selection of daily activities such as water sports, fitness classes, and evening entertainment. Premium all-inclusive resorts may add spa credits, premium wine selections, and exclusive excursions. Always review the specific inclusions before booking, as offerings vary significantly between properties.</p>
                        </div>
                    </div>
                    <div class="faq-item reveal">
                        <button class="faq-question" aria-expanded="false">
                            <span>How far in advance should I book my international flight?</span>
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>For international flights, booking 2 to 4 months in advance typically yields the best prices. For peak travel seasons — such as summer in Europe or December holidays — consider booking 5 to 6 months ahead. Our fare alerts can notify you when prices drop for your desired route, helping you snag the best deal without constant monitoring.</p>
                        </div>
                    </div>
                    <div class="faq-item reveal">
                        <button class="faq-question" aria-expanded="false">
                            <span>What are the best eco-tourism destinations for 2025?</span>
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>Top eco-tourism destinations for 2025 include Costa Rica's Osa Peninsula for biodiversity, Norway's Lofoten Islands for sustainable Arctic tourism, Bhutan for its carbon-negative tourism policy, and Rwanda for community-based gorilla trekking. Each destination prioritizes conservation, local community benefit, and minimal environmental impact. WanderLuxe partners with certified eco-lodges and tour operators to ensure your travel supports genuine sustainability efforts.</p>
                        </div>
                    </div>
                    <div class="faq-item reveal">
                        <button class="faq-question" aria-expanded="false">
                            <span>Can I customize a pre-built itinerary?</span>
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>Absolutely. Every itinerary on WanderLuxe is fully customizable. You can adjust the duration, swap accommodations, add or remove activities, and tailor the pace to your preferences. Our travel advisors are available to help you modify any plan — simply reach out through our booking portal or contact our support team. Customization is included at no extra cost with any booked package.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ===== TRAVEL DEALS CTA ===== -->
        <section class="section" id="deals">
            <div class="container">
                <div class="deals-banner reveal">
                    <h2>Exclusive Travel Deals</h2>
                    <p>Unlock savings of up to 40% on handpicked hotels, flights, and all-inclusive packages. Limited-time offers curated by our travel experts for discerning travelers who demand both value and unforgettable experiences.</p>
                    <a href="#" class="btn btn-primary" style="font-size:1.1rem; padding:16px 40px;">
                        <i class="fas fa-tag"></i> Browse All Deals
                    </a>
                    <div class="deals-grid">
                        <div class="deal-card">
                            <div class="deal-dest">Bali, Indonesia</div>
                            <div class="deal-price">$899 <span>per person</span></div>
                            <div class="deal-desc">7 nights at a 5-star eco-resort with breakfast, airport transfer, and daily spa credit.</div>
                            <span class="deal-tag">Limited Time</span>
                        </div>
                        <div class="deal-card">
                            <div class="deal-dest">Amalfi Coast, Italy</div>
                            <div class="deal-price">$1,450 <span>per person</span></div>
                            <div class="deal-desc">10 nights all-inclusive boutique hotel with guided tours, cooking classes, and wine tastings.</div>
                            <span class="deal-tag">Early Bird</span>
                        </div>
                        <div class="deal-card">
                            <div class="deal-dest">Morocco</div>
                            <div class="deal-price">$1,120 <span>per person</span></div>
                            <div class="deal-desc">8 nights desert safari & city exploration with luxury riad stays and private guide.</div>
                            <span class="deal-tag">Popular</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- ===== FOOTER ===== -->
    <footer class="site-footer" id="contact">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <div class="logo-area" style="margin-bottom:16px;">
                        <div class="logo-img">
                            <img src="https://placehold.co/48x48/0D4F4F/FFFFFF?text=WL&font=montserrat" alt="WanderLuxe Logo">
                        </div>
                        <div class="logo-text">
                            <span class="site-name">WanderLuxe</span>
                            <span class="site-tagline">Discover the World, Your Way</span>
                        </div>
                    </div>
                    <p>WanderLuxe is your trusted partner in exploring the world. We connect travelers with extraordinary destinations, premium accommodations, and expert guidance — making every journey seamless and unforgettable.</p>
                    <div class="footer-social">
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
                        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                        <a href="#" aria-label="Pinterest"><i class="fab fa-pinterest-p"></i></a>
                    </div>
                </div>
                <div class="footer-col">
                    <h4>Explore</h4>
                    <a href="#destinations">Destinations</a>
                    <a href="#hotels">Hotels & Resorts</a>
                    <a href="#reviews">Travel Reviews</a>
                    <a href="#deals">Travel Deals</a>
                    <a href="#tips">Travel Tips</a>
                    <a href="#calculator">Budget Calculator</a>
                </div>
                <div class="footer-col">
                    <h4>Support</h4>
                    <a href="#">Help Center</a>
                    <a href="#">Booking Assistance</a>
                    <a href="#">Travel Insurance</a>
                    <a href="#">Group Travel</a>
                    <a href="#">Corporate Travel</a>
                    <a href="#">Accessibility</a>
                </div>
                <div class="footer-col">
                    <h4>Contact Us</h4>
                    <p><i class="fas fa-map-marker-alt" style="width:20px;color:var(--gold);"></i> 350 Travel Lane, Suite 400<br>San Francisco, CA 94102</p>
                    <p style="margin-top:12px;"><i class="fas fa-phone" style="width:20px;color:var(--gold);"></i> +1 (800) 555-WANDER</p>
                    <p style="margin-top:8px;"><i class="fas fa-envelope" style="width:20px;color:var(--gold);"></i> hello@wanderluxe.com</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 WanderLuxe Inc. All rights reserved.</p>
                <div class="footer-bottom-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Cookie Policy</a>
                    <a href="#">Sitemap</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Toast Notification -->
    <div class="toast" id="toast"></div>

    <script>
        // ===== HEADER SCROLL SHADOW =====
        const header = document.getElementById('siteHeader');
        window.addEventListener('scroll', () => {
            header.classList.toggle('scrolled', window.scrollY > 10);
        });

        // ===== MOBILE NAV TOGGLE =====
        const mobileToggle = document.getElementById('mobileToggle');
        const mainNav = document.getElementById('mainNav');
        mobileToggle.addEventListener('click', () => {
            mainNav.classList.toggle('open');
            const icon = mobileToggle.querySelector('i');
            icon.classList.toggle('fa-bars');
            icon.classList.toggle('fa-times');
        });

        // Close mobile nav on link click
        mainNav.querySelectorAll('a').forEach(link => {
            link.addEventListener('click', () => {
                mainNav.classList.remove('open');
                const icon = mobileToggle.querySelector('i');
                icon.classList.add('fa-bars');
                icon.classList.remove('fa-times');
            });
        });

        // ===== ACTIVE NAV HIGHLIGHT =====
        const sections = document.querySelectorAll('section[id]');
        const navLinks = mainNav.querySelectorAll('a:not(.nav-cta)');
        window.addEventListener('scroll', () => {
            let current = '';
            sections.forEach(section => {
                const top = section.offsetTop - 120;
                if (window.scrollY >= top) current = section.getAttribute('id');
            });
            navLinks.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href') === '#' + current) link.classList.add('active');
            });
        });

        // ===== SCROLL REVEAL =====
        const revealElements = document.querySelectorAll('.reveal');
        const revealObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
        revealElements.forEach(el => revealObserver.observe(el));

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

        // ===== BUDGET CALCULATOR =====
        const calcDest = document.getElementById('calcDest');
        const calcDuration = document.getElementById('calcDuration');
        const calcStyle = document.getElementById('calcStyle');
        const calcTravelers = document.getElementById('calcTravelers');
        const calcResult = document.getElementById('calcResult');
        const breakdownHotel = document.getElementById('breakdownHotel');
        const breakdownFood = document.getElementById('breakdownFood');
        const breakdownActivities = document.getElementById('breakdownActivities');
        const breakdownInsurance = document.getElementById('breakdownInsurance');

        const dailyRates = {
            europe: 180, asia: 85, caribbean: 220, safari: 350, japan: 160, southamerica: 95
        };
        const styleMultiplier = { budget: 0.6, mid: 1, luxury: 1.8 };

        function calculateBudget() {
            const dest = calcDest.value;
            const days = parseInt(calcDuration.value) || 7;
            const style = calcStyle.value;
            const travelers = parseInt(calcTravelers.value) || 1;
            const dailyRate = dailyRates[dest];
            const multiplier = styleMultiplier[style];

            const totalPerDay = dailyRate * multiplier;
            const total = totalPerDay * days * travelers;

            calcResult.textContent = '$' + total.toLocaleString();

            // Breakdown
            const hotel = total * 0.45;
            const food = total * 0.25;
            const activities = total * 0.17;
            const insurance = total * 0.13;

            breakdownHotel.textContent = '$' + Math.round(hotel).toLocaleString();
            breakdownFood.textContent = '$' + Math.round(food).toLocaleString();
            breakdownActivities.textContent = '$' + Math.round(activities).toLocaleString();
            breakdownInsurance.textContent = '$' + Math.round(insurance).toLocaleString();
        }

        calcDest.addEventListener('change', calculateBudget);
        calcDuration.addEventListener('input', calculateBudget);
        calcStyle.addEventListener('change', calculateBudget);
        calcTravelers.addEventListener('input', calculateBudget);

        // Initialize
        calculateBudget();

        // ===== TOAST NOTIFICATION =====
        function showToast(message) {
            const toast = document.getElementById('toast');
            toast.textContent = message;
            toast.classList.add('show');
            setTimeout(() => toast.classList.remove('show'), 3000);
        }

        // CTA button interactions
        document.querySelectorAll('.btn').forEach(btn => {
            btn.addEventListener('click', function(e) {
                // Only show toast for anchor buttons that don't navigate away
                if (this.getAttribute('href') === '#') {
                    e.preventDefault();
                    showToast('🔥 Exclusive deal loading... Check your email for the latest offers!');
                }
            });
        });

        // Smooth scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    e.preventDefault();
                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            });
        });
    </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:45:19.143Z",
  "url": "https://benchmark.aimac.invalid/8de0ea567b3307ef8bdef82cae9e2830214c150f034febd4dcde8a64f364258c.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<button class=\"faq-question\" aria-expanded=\"false\">\n                            <span>Do I need travel insurance for domestic trips?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item.reveal:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<button class=\"faq-question\" aria-expanded=\"false\">\n                            <span>Do I need travel insurance for domestic trips?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item.reveal:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<button class=\"faq-question\" aria-expanded=\"false\">\n                            <span>Do I need travel insurance for domestic trips?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item.reveal:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<button class=\"faq-question\" aria-expanded=\"false\">\n                            <span>Do I need travel insurance for domestic trips?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item.reveal:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"faq-question\" aria-expanded=\"false\">\n                            <span>Do I need travel insurance for domestic trips?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item.reveal:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"logo-area\" style=\"margin-bottom:16px;\">",
          "target": [
            ".footer-brand > .logo-area"
          ]
        }
      ]
    },
    {
      "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=\"faq-question\" aria-expanded=\"false\">\n                            <span>Do I need travel insurance for domestic trips?</span>\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item.reveal:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Your Journey <span>Begins Here</span></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-chart-line\"></i> Travel at a Glance</h3>",
                  "target": [
                    ".hero-card > h3"
                  ]
                },
                {
                  "html": "<h2>Featured Destinations</h2>",
                  "target": [
                    "#destinations > .container > .section-header.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>Kyoto, Japan</h3>",
                  "target": [
                    ".dest-card.reveal:nth-child(1) > .dest-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Reykjavik, Iceland</h3>",
                  "target": [
                    ".dest-card.reveal:nth-child(2) > .dest-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Santorini, Greece</h3>",
                  "target": [
                    ".dest-card.reveal:nth-child(3) > .dest-card-body > h3"
                  ]
                },
                {
                  "html": "<h2>Travel Tips &amp; Guides</h2>",
                  "target": [
                    "#tips > .container > .section-header.reveal > h2"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-shield-halved\"></i> The Essential Guide to Travel Insurance</h3>",
                  "target": [
                    ".tip-card.reveal:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-leaf\"></i> Embracing Eco-Tourism: Travel Sustainably</h3>",
                  "target": [
                    ".tip-card.reveal:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3><i class=\"fas fa-users\"></i> Planning the Perfect Family Vacation</h3>",
                  "target": [
                    ".tip-card.reveal:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h4><i class=\"fas fa-fire\"></i> Trending Destinations</h4>",
                  "target": [
                    ".sidebar-card.reveal:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4><i class=\"fas fa-lightbulb\"></i> Travel Hacks</h4>",
                  "target": [
                    ".sidebar-card.reveal:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h2>Travel Budget Calculator</h2>",
                  "target": [
                    "#calculator > .container > .section-header.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Traveler Reviews</h2>",
                  "target": [
                    "#reviews > .container > .section-header.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Travel FAQ</h2>",
                  "target": [
                    "#faq > .container > .section-header.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Exclusive Travel Deals</h2>",
                  "target": [
                    ".deals-banner > h2"
                  ]
                },
                {
                  "html": "<h4>Explore</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Support</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact Us</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0d4f4f",
                "bgColor": "#fafaf7",
                "contrastRatio": 8.93,
                "fontSize": "16.2pt (21.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 8.93"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"site-name\">WanderLuxe</span>",
          "target": [
            ".header-inner > .logo-area > .logo-text > .site-name"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "calcDest",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<select id=\"calcDest\">",
          "target": [
            "#calcDest"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"calcDest\">Destination</label>",
                  "target": [
                    "label[for=\"calcDest\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"calcDest\">",
          "target": [
            "#calcDest"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/0D4F4F/FFFFFF?text=WL&amp;font=montserrat\" alt=\"WanderLuxe Logo\">",
          "target": [
            ".header-inner > .logo-area > .logo-img > img[alt=\"WanderLuxe Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"calcDuration\">Duration (Days)</label>",
                  "target": [
                    "label[for=\"calcDuration\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"number\" id=\"calcDuration\" value=\"7\" min=\"1\" max=\"90\" placeholder=\"e.g. 7\">",
          "target": [
            "#calcDuration"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#home\" class=\"active\">Home</a>",
          "target": [
            ".active"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/0D4F4F/FFFFFF?text=WL&amp;font=montserrat\" alt=\"WanderLuxe Logo\">",
          "target": [
            ".header-inner > .logo-area > .logo-img > img[alt=\"WanderLuxe Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"calcDest\">Destination</label>",
                  "target": [
                    "label[for=\"calcDest\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"calcDest\">",
          "target": [
            "#calcDest"
          ]
        }
      ]
    },
    {
      "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": 68.6,
                "height": 40.5
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (68.6px by 40.5px, 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=\"#home\" class=\"active\">Home</a>",
          "target": [
            ".active"
          ]
        }
      ]
    }
  ],
  "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": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": "bgImage",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"hero-bg\"></div>",
                  "target": [
                    ".hero-bg"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background image"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Trusted by Over 250,000 Travelers Worldwide</p>",
          "target": [
            ".hero-text > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#fafaf7",
                "contrastRatio": 3.33,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\" id=\"siteHeader\">",
                  "target": [
                    "#siteHeader"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"site-tagline\">Discover the World, Your Way</span>",
          "target": [
            ".header-inner > .logo-area > .logo-text > .site-tagline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#818181",
                "bgColor": "#2d2d2d",
                "contrastRatio": 3.53,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>\u00a9 2025 WanderLuxe Inc. All rights reserved.</p>",
          "target": [
            ".footer-bottom > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#818181",
                "bgColor": "#2d2d2d",
                "contrastRatio": 3.53,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#818181",
                "bgColor": "#2d2d2d",
                "contrastRatio": 3.53,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#818181",
                "bgColor": "#2d2d2d",
                "contrastRatio": 3.53,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Cookie Policy</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#818181",
                "bgColor": "#2d2d2d",
                "contrastRatio": 3.53,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\" id=\"contact\">",
                  "target": [
                    "#contact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Sitemap</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.53 (foreground color: #818181, background color: #2d2d2d, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"destinations\">",
                  "target": [
                    "#destinations"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Curated Experiences</p>",
          "target": [
            ".section-header.visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"destinations\">",
                  "target": [
                    "#destinations"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Handpicked by our travel experts, these destinations offer the perfect blend of culture, adventure, and relaxation. Whether you seek sun-drenched beaches or ancient cobblestone streets, your next great escape awaits.</p>",
          "target": [
            ".section-header.visible.reveal > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Immerse yourself in centuries of tradition amid serene temples, bamboo groves, and the timeless beauty of geisha districts. Kyoto offers an unparalleled journey through Japan's cultural heart, where ancient rituals meet modern elegance.</p>",
          "target": [
            ".dest-card.visible.reveal:nth-child(1) > .dest-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>/ person</span>",
          "target": [
            ".dest-card.visible.reveal:nth-child(1) > .dest-card-body > .dest-card-meta > .price > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"rating\"><i class=\"fas fa-star\"></i> 4.9 (2,340 reviews)</span>",
          "target": [
            ".dest-card.visible.reveal:nth-child(1) > .dest-card-body > .dest-card-meta > .rating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Witness the ethereal Northern Lights dance across Arctic skies, soak in geothermal lagoons, and explore volcanic landscapes that feel otherworldly. Iceland's dramatic terrain offers once-in-a-lifetime adventures for the intrepid traveler.</p>",
          "target": [
            ".dest-card.visible.reveal:nth-child(2) > .dest-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>/ person</span>",
          "target": [
            ".dest-card.visible.reveal:nth-child(2) > .dest-card-body > .dest-card-meta > .price > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"rating\"><i class=\"fas fa-star\"></i> 4.8 (1,872 reviews)</span>",
          "target": [
            ".dest-card.visible.reveal:nth-child(2) > .dest-card-body > .dest-card-meta > .rating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Experience the iconic whitewashed cliffs overlooking the Aegean Sea, paired with world-class cuisine and breathtaking sunsets. Santorini's all-inclusive resorts and volcanic beaches create the quintessential Mediterranean escape.</p>",
          "target": [
            ".dest-card.visible.reveal:nth-child(3) > .dest-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>/ person</span>",
          "target": [
            ".dest-card.visible.reveal:nth-child(3) > .dest-card-body > .dest-card-meta > .price > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.visible.reveal:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"rating\"><i class=\"fas fa-star\"></i> 4.9 (3,105 reviews)</span>",
          "target": [
            ".dest-card.visible.reveal:nth-child(3) > .dest-card-body > .dest-card-meta > .rating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"destinations\">",
                  "target": [
                    "#destinations"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Curated Experiences</p>",
          "target": [
            "#destinations > .container > .section-header.visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"destinations\">",
                  "target": [
                    "#destinations"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Handpicked by our travel experts, these destinations offer the perfect blend of culture, adventure, and relaxation. Whether you seek sun-drenched beaches or ancient cobblestone streets, your next great escape awaits.</p>",
          "target": [
            "#destinations > .container > .section-header.visible.reveal > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#fafaf7",
                "contrastRatio": 2.1,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Expert Insights</p>",
          "target": [
            "#tips > .container > .section-header.visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#fafaf7",
                "contrastRatio": 3.33,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Our seasoned travel writers and local experts share actionable advice to help you navigate every corner of the globe with ease, confidence, and a spirit of discovery.</p>",
          "target": [
            "#tips > .container > .section-header.visible.reveal > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card reveal visible\">",
                  "target": [
                    ".sidebar-card.visible.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"trend-detail\">Coastal charm &amp; vibrant nightlife</div>",
          "target": [
            ".trend-item:nth-child(2) > .trend-info > .trend-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card reveal visible\">",
                  "target": [
                    ".sidebar-card.visible.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"trend-detail\">Emerging culture &amp; cuisine</div>",
          "target": [
            ".trend-item:nth-child(3) > .trend-info > .trend-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card reveal visible\">",
                  "target": [
                    ".sidebar-card.visible.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"trend-detail\">Serene temples &amp; river life</div>",
          "target": [
            ".trend-item:nth-child(4) > .trend-info > .trend-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card reveal visible\">",
                  "target": [
                    ".sidebar-card.visible.reveal"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"trend-detail\">Caribbean beaches &amp; ruins</div>",
          "target": [
            ".trend-item:nth-child(5) > .trend-info > .trend-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#f0ede5",
                "contrastRatio": 1.88,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-light\" id=\"calculator\">",
                  "target": [
                    "#calculator"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.88 (foreground color: #d4a853, background color: #f0ede5, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Smart Planning Tool</p>",
          "target": [
            "#calculator > .container > .section-header.visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.88 (foreground color: #d4a853, background color: #f0ede5, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#f0ede5",
                "contrastRatio": 2.98,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-light\" id=\"calculator\">",
                  "target": [
                    "#calculator"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #8a8a7e, background color: #f0ede5, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Estimate your total trip cost in seconds. Select your destination, travel dates, and style to get a personalized budget breakdown \u2014 helping you plan confidently before you book a single flight.</p>",
          "target": [
            "#calculator > .container > .section-header.visible.reveal > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #8a8a7e, background color: #f0ede5, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"reviews\">",
                  "target": [
                    "#reviews"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">What Travelers Say</p>",
          "target": [
            "#reviews > .container > .section-header.visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"reviews\">",
                  "target": [
                    "#reviews"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Don't just take our word for it. Hear from thousands of travelers who have used WanderLuxe to plan their dream vacations and returned home with stories of a lifetime.</p>",
          "target": [
            "#reviews > .container > .section-header.visible.reveal > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card reveal visible\">",
                  "target": [
                    ".testimonial-card.visible.reveal:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"reviewer-detail\">Family Traveler, California</div>",
          "target": [
            ".testimonial-card.visible.reveal:nth-child(1) > .reviewer > .reviewer-info > .reviewer-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card reveal visible\">",
                  "target": [
                    ".testimonial-card.visible.reveal:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"reviewer-detail\">Solo Backpacker, New York</div>",
          "target": [
            ".testimonial-card.visible.reveal:nth-child(2) > .reviewer > .reviewer-info > .reviewer-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card reveal visible\">",
                  "target": [
                    ".testimonial-card.visible.reveal:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"reviewer-detail\">Honeymooners, Athens</div>",
          "target": [
            ".testimonial-card.visible.reveal:nth-child(3) > .reviewer > .reviewer-info > .reviewer-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#fafaf7",
                "contrastRatio": 2.1,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Frequently Asked</p>",
          "target": [
            "#faq > .container > .section-header.visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#fafaf7",
                "contrastRatio": 3.33,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Find answers to the most common questions our travelers ask about booking, insurance, destinations, and more.</p>",
          "target": [
            "#faq > .container > .section-header.visible.reveal > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"destinations\">",
                  "target": [
                    "#destinations"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Curated Experiences</p>",
          "target": [
            "#destinations > .container > .section-header.reveal.visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"destinations\">",
                  "target": [
                    "#destinations"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Handpicked by our travel experts, these destinations offer the perfect blend of culture, adventure, and relaxation. Whether you seek sun-drenched beaches or ancient cobblestone streets, your next great escape awaits.</p>",
          "target": [
            "#destinations > .container > .section-header.reveal.visible > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Immerse yourself in centuries of tradition amid serene temples, bamboo groves, and the timeless beauty of geisha districts. Kyoto offers an unparalleled journey through Japan's cultural heart, where ancient rituals meet modern elegance.</p>",
          "target": [
            ".dest-card.reveal.visible:nth-child(1) > .dest-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>/ person</span>",
          "target": [
            ".dest-card.reveal.visible:nth-child(1) > .dest-card-body > .dest-card-meta > .price > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"rating\"><i class=\"fas fa-star\"></i> 4.9 (2,340 reviews)</span>",
          "target": [
            ".dest-card.reveal.visible:nth-child(1) > .dest-card-body > .dest-card-meta > .rating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Witness the ethereal Northern Lights dance across Arctic skies, soak in geothermal lagoons, and explore volcanic landscapes that feel otherworldly. Iceland's dramatic terrain offers once-in-a-lifetime adventures for the intrepid traveler.</p>",
          "target": [
            ".dest-card.reveal.visible:nth-child(2) > .dest-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>/ person</span>",
          "target": [
            ".dest-card.reveal.visible:nth-child(2) > .dest-card-body > .dest-card-meta > .price > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"rating\"><i class=\"fas fa-star\"></i> 4.8 (1,872 reviews)</span>",
          "target": [
            ".dest-card.reveal.visible:nth-child(2) > .dest-card-body > .dest-card-meta > .rating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Experience the iconic whitewashed cliffs overlooking the Aegean Sea, paired with world-class cuisine and breathtaking sunsets. Santorini's all-inclusive resorts and volcanic beaches create the quintessential Mediterranean escape.</p>",
          "target": [
            ".dest-card.reveal.visible:nth-child(3) > .dest-card-body > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>/ person</span>",
          "target": [
            ".dest-card.reveal.visible:nth-child(3) > .dest-card-body > .dest-card-meta > .price > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"dest-card reveal visible\">",
                  "target": [
                    ".dest-card.reveal.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"rating\"><i class=\"fas fa-star\"></i> 4.9 (3,105 reviews)</span>",
          "target": [
            ".dest-card.reveal.visible:nth-child(3) > .dest-card-body > .dest-card-meta > .rating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#fafaf7",
                "contrastRatio": 2.1,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Expert Insights</p>",
          "target": [
            "#tips > .container > .section-header.reveal.visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#fafaf7",
                "contrastRatio": 3.33,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Our seasoned travel writers and local experts share actionable advice to help you navigate every corner of the globe with ease, confidence, and a spirit of discovery.</p>",
          "target": [
            "#tips > .container > .section-header.reveal.visible > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#f0ede5",
                "contrastRatio": 1.88,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-light\" id=\"calculator\">",
                  "target": [
                    "#calculator"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.88 (foreground color: #d4a853, background color: #f0ede5, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Smart Planning Tool</p>",
          "target": [
            "#calculator > .container > .section-header.reveal.visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.88 (foreground color: #d4a853, background color: #f0ede5, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#f0ede5",
                "contrastRatio": 2.98,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-light\" id=\"calculator\">",
                  "target": [
                    "#calculator"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #8a8a7e, background color: #f0ede5, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Estimate your total trip cost in seconds. Select your destination, travel dates, and style to get a personalized budget breakdown \u2014 helping you plan confidently before you book a single flight.</p>",
          "target": [
            "#calculator > .container > .section-header.reveal.visible > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #8a8a7e, background color: #f0ede5, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#ffffff",
                "contrastRatio": 2.2,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"reviews\">",
                  "target": [
                    "#reviews"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">What Travelers Say</p>",
          "target": [
            "#reviews > .container > .section-header.reveal.visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.2 (foreground color: #d4a853, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"reviews\">",
                  "target": [
                    "#reviews"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Don't just take our word for it. Hear from thousands of travelers who have used WanderLuxe to plan their dream vacations and returned home with stories of a lifetime.</p>",
          "target": [
            "#reviews > .container > .section-header.reveal.visible > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card reveal visible\">",
                  "target": [
                    ".testimonial-card.reveal.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"reviewer-detail\">Family Traveler, California</div>",
          "target": [
            ".testimonial-card.reveal.visible:nth-child(1) > .reviewer > .reviewer-info > .reviewer-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card reveal visible\">",
                  "target": [
                    ".testimonial-card.reveal.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"reviewer-detail\">Solo Backpacker, New York</div>",
          "target": [
            ".testimonial-card.reveal.visible:nth-child(2) > .reviewer > .reviewer-info > .reviewer-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#ffffff",
                "contrastRatio": 3.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card reveal visible\">",
                  "target": [
                    ".testimonial-card.reveal.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"reviewer-detail\">Honeymooners, Athens</div>",
          "target": [
            ".testimonial-card.reveal.visible:nth-child(3) > .reviewer > .reviewer-info > .reviewer-detail"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.48 (foreground color: #8a8a7e, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#d4a853",
                "bgColor": "#fafaf7",
                "contrastRatio": 2.1,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Frequently Asked</p>",
          "target": [
            "#faq > .container > .section-header.reveal.visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.1 (foreground color: #d4a853, background color: #fafaf7, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a8a7e",
                "bgColor": "#fafaf7",
                "contrastRatio": 3.33,
                "fontSize": "12.6pt (16.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Find answers to the most common questions our travelers ask about booking, insurance, destinations, and more.</p>",
          "target": [
            "#faq > .container > .section-header.reveal.visible > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.33 (foreground color: #8a8a7e, background color: #fafaf7, font size: 12.6pt (16.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 7014
      },
      {
        "y": 576,
        "height": 7014
      },
      {
        "y": 1152,
        "height": 7014
      },
      {
        "y": 1728,
        "height": 7014
      },
      {
        "y": 2304,
        "height": 7014
      },
      {
        "y": 2880,
        "height": 7014
      },
      {
        "y": 3456,
        "height": 7014
      },
      {
        "y": 4032,
        "height": 7014
      },
      {
        "y": 4608,
        "height": 7014
      },
      {
        "y": 5184,
        "height": 7014
      },
      {
        "y": 5760,
        "height": 7014
      },
      {
        "y": 6294,
        "height": 7014
      }
    ],
    "scans": 13,
    "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 "Travel" 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: "Travel"
- Description: Travel guides, destinations, booking resources, and tourism tips.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Travel" 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: "Hotels", "Reviews", "Travel Deals".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Travel" category. Consider themes similar to: "Travel Tips", "Family Vacations", "Destination Guides".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "travel insurance", "all-inclusive", "eco-tourism".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Plan Itinerary", "Read Guide", "Subscribe".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Travel" sector. Ideas similar but not limited to: "budget calculator".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "traveler reviews", "trending destinations", "travel hacks".
-   **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.